QUI React

Introduction

This React component library is a collection of high-quality, reusable components that can be used to build beautiful and responsive web applications.

Here's what you can expect:

  • A wide range of stable components including menus, buttons, form controls, and more.
  • A pure React solution without compromises. Built with function components, hooks, context, and simple CSS for a performant and seamless developer experience.
  • Styles based on Qualcomm Design System (QDS), which is a collaborative effort from UX, marketing, and engineering stakeholders. QDS provides a modern, developer-centric look and feel.
  • Each component is extensively documented and thoroughly tested (>90% code coverage).
  • Hassle-free SSR by default. Use with Next.js, React Router, Gatsby, Vite, and more.
  • Polymorphic components for ultimate framework compatibility.
  • Each update is documented in our changelog.

Get started by installing the packages.

Demos

Every component is documented with examples. These examples 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. With that said, we highly recommend Tailwind. This utility-first framework streamlines styling, allowing you to create responsive, consistent designs without writing custom CSS.

Roadmap

In the future, the source code of this library will be made available for contributors.