I launched Quiet UI this week:

It prioritizes accessibility, longevity, performance, and simplicity.

With the autoloader, one script tag loads components dynamically without downloading the entire library. (npm also available.)

Theming uses color-mix() and OKLAB to create uniform color palettes from a single CSS property. Adaptive palettes are used for dark mode.

All form controls are form-associated via ElementInternals and work with native validation APIs (required, pattern, etc.).

Dialogs, popovers, tooltips, etc. use Popover API for top-layer access without having to portal or hoist.

Some of the more fun components include: Joystick, Stamp, Mesh Gradient, Flip Card, Random Content, Intersection Observer, Typewriter, Lorem Ipsum, Slide Activator

The library is free for personal, educational, non-profit use. Commercial use requires a license.

▲

seism 3 days ago | parent | next [-]

The "using with AI" support is really interesting, should help bootstrap some serious vibe coding.

▲

hsbauauvhabzb 3 days ago | parent | prev | next [-]

FYI the browse components button clips text from the next section on ios

From the text ‘What's in the box?’ Only the W is visible

	▲	claviska 3 days ago \| parent [-]
		Thanks! I’ll look into this.

▲

kmoser 3 days ago | parent | prev | next [-]

Your docs are great! How did you create them? Did you use external tools to generate them?

	▲	rancar2 2 days ago \| parent \| next [-]
		I especially liked the browser frame page. It’s so beautifully crafted. I would move the inception example onto the homepage and up on the examples as it is a good example of love put into the whole project and its execution. https://quietui.org/docs/components/browser-frame#embedding-...
	▲	claviska 2 days ago \| parent \| prev [-]
		Thank you! For the components, I use the Custom Elements Manifest Analyzer to get data from JSDoc comments and TypeScript. This populates properties, events, methods, slots, etc. All the examples and other pages are hand-made. Docs are generated with 11ty.

▲

sccomps 3 days ago | parent | prev | next [-]

Awesome components library. Well done! I might definitely try it in one of my next projects.

▲

andoando 2 days ago | parent | prev | next [-]

Very nice, will definitely be using this in the future.

▲

threaaaaaat 3 days ago | parent | prev | next [-]

Great work!, love the simple aesthetic

▲

ferd 3 days ago | parent | prev | next [-]

Nice. Great work. Bookmarked

▲

erezsh 3 days ago | parent | prev [-]

Looks really nice!