Quiet UI
A hand-crafted UI library for the Web
Focusing on accessibility, longevity, performance, and simplicity
What's in the box?
-
66 high-quality, accessible, and interoperable UI components -
Modern theme with light and dark mode that can adapt to any brand -
Optional CSS reset for jump-starting new apps with consistent styles -
Localized components with translations in multiple languages -
A handful of CSS utilities to make common things easier -
Empower AI assistants with ready-to-use component intelligence
Quick start
Copy and paste the following code into the <head>
section of any HTML document. The
autoloader will fetch components from the CDN as you add them to the DOM.
<!-- Quiet theme + autoloader --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@quietui/quiet-browser@1.0.0/dist/themes/quiet.css"> <script type="module" src="https://cdn.jsdelivr.net/npm/@quietui/quiet-browser@1.0.0/dist/quiet.loader.js"></script> <!-- Optional CSS reset --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@quietui/quiet-browser@1.0.0/dist/themes/restyle.css">