Installation

This library requires React ^19.

Preconfigured Templates

Get started with one of our preconfigured templates:

Manual Installation

To get started, create a .npmrc file in the same directory as your project's package.json.

registry=https://registry.npmjs.org/
@qui:registry=https://re-artifactory.qualcomm.com/artifactory/api/npm/qui-npm/

NOTE

QUI packages are sourced from Qualcomm's internal re-artifactory. This configuration tells your project to fetch all packages scoped with @qui from this source.

Current Versions

{
  "@qui/base": "2.39.2",
  "@qui/react": "2.6.3",
  "@qui/styles": "2.14.0"
}

Install

npm i @qui/react @qui/base @qui/styles react-transition-group lucide-react

yarn add @qui/react @qui/base @qui/styles react-transition-group lucide-react

pnpm add @qui/react @qui/base @qui/styles react-transition-group lucide-react

QUI is hosted on Qualcomm's internal Artifactory which uses self-signed certificates. Depending on your setup, you may run into issues with SSL certificates in local development. If you see issues related to the self_signed_cert_in_chain error, refer to the troubleshooting page for more instructions.

Choose Your Flavor

We provide detailed setup instructions for specific React frameworks. To complete the setup process, refer to our integrations section:

Introduction

Next.js