Show HN: A UI Library for the Web

Focusing on accessibility, longevity, performance, and simplicity

claviska 9 hours ago | parent | next [-]

Oh, hey. I made that :D

I’ve been quietly working on this for the last two years. It started as a creative outlet and a way to discover and learn modern Web APIs. It ended up as an addiction.

I built Quiet from scratch to improve my design skills. To learn new APIs. To try different approaches that may or may not in my main focus, which is Web Awesome.

I learned so many new things building it. It let me explore newer APIs such as `color-mix()`, the Popover API, and Element Internals. It let me use newer CSS features such as `:has()` and nesting before they were baseline. It taught me about color, especially OKLAB and OKLCH, which is still a mysterious box of wonder, but slightly less intimidating now.

Quiet has given me the freedom to explore ideas that make me a better developer and designer, many of which would be out of scope for a more established product.

I’d love to hear what you think, and I'm happy to answer any questions!

▲

jerawaj740 9 hours ago | parent | next [-]

i'm secret fan of your work, the first time i see the library i share it here, this is the minimum i can do to support your work

	▲	claviska 9 hours ago \| parent [-]
		Oh, a secret admirer! Thank you <3

▲

wonger_ 9 hours ago | parent | prev [-]

How does this compare to Shoelace?

	▲	claviska 9 hours ago \| parent [-]
		Shoelace has matured into Web Awesome and has a whole team behind it, as well as an attractive pro offering. Quiet is my creative outlet. Some components from Quiet have been adapted to Web Awesome, but many probably don't make sense to such as joystick, mesh gradient, stamp, etc. The theming layers are completely different. Web Awesome's theming system is more robust, with over a dozen pro themes already available with interchangeable, professionally-curated palettes. In contrast, Quiet has just one theme with a palette that's generated with color-mix().

▲

ptak 10 hours ago | parent | prev | next [-]

This is pretty neat. Some cool components I haven't seen before:

- Share: https://quietui.org/docs/components/share - Veil: https://quietui.org/docs/components/veil

▲

gangtao 8 hours ago | parent | prev [-]

another UI library? But why?

	▲	jerawaj740 7 hours ago \| parent \| next [-]
		based on web components, you can use it everywhere React/vue/svelte... or any server side language
	▲	claviska 8 hours ago \| parent \| prev [-]
		I enjoy building components and exploring new concepts.