Show HN: A UI Library for the Web(quietui.org)
quietui.org
Show HN: A UI Library for the Web
https://quietui.org/
Focusing on accessibility, longevity, performance, and simplicity
11 comments
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!
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!
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
Oh, a secret admirer! Thank you <3
How does this compare to Shoelace?
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().
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().
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
- Share: https://quietui.org/docs/components/share - Veil: https://quietui.org/docs/components/veil
another UI library? But why?
based on web components, you can use it everywhere React/vue/svelte... or any server side language
I enjoy building components and exploring new concepts.