Quiet is an open source user interface library for the modern Web. It features dozens of accessible, performant, and interoperable components along with an optional CSS reset to streamline development of websites and apps.

You might be curious to learn that Quiet's components aren't built with React, Vue, or any other framework. They're custom HTML elements, or Web Components, which means you can use them in plain ol' HTML pages as well as your favorite frameworks.

There are two primary packages for this library:

@quietui/quiet - Use with frameworks and bundlers
@quietui/quiet-browser - Use directly in the browser and on CDNs

What's in the box?

🧰 A collection of high quality components for building beautiful, accessible, and consistent user interfaces
🚀 An [optional] opinionated CSS reset to kick off new projects with beautiful base styles
🎨 Extreme customizability using plain ol' CSS
🐭 A built-in autoloader that detects components in your HTML — even ones you add dynamically — and loads them on the fly!

Where can I…?

Developer instructions

To launch the development server, use the following commands.

npm i
npm run start

This will launch a browser showing the docs. The browser will reload as you make changes to the project. When you're ready to create a production build, use the following command.

npm run build

The dist folder will contain the files you want.

There are a number of commands you can use to lint and test the library. For a full list of them, run the following command.

npm run

Keywords

FAQs

What is @quietui/quiet?

Is @quietui/quiet well maintained?

Package last updated on 04 Nov 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install