Introduction

QUI is a collection of high-quality, reusable UI components that can be used to build beautiful and responsive web applications.

Here's what you can expect:

  • Accessible by default. Built with WAI-ARIA authoring patterns
  • Styles based on Qualcomm Design System (QDS), an enterprise-vetted component set that defines Qualcomm's visual identity
  • Hassle-free SSR by default. Use with Next.js, React Router, Tanstack Start, Vite, and more
  • Polymorphic components for ultimate framework compatibility
  • Bundled with React Compiler support
  • Themeable with a robust design token architecture

Get started by installing the packages.

Demos

Component demos use Tailwind CSS for layout. None of the components rely on Tailwind internally, so don't worry if you aren't using it in your project.

Components

View our available components here.