4 ms·

Show HN: A UI Library for the Web

14 points by jerawaj740 1y ago

Focusing on accessibility, longevity, performance, and simplicity

ptak 1y ago
This is pretty neat. Some cool components I haven't seen before: - Share: https://quietui.org/docs/components/share https://quietui.org/docs/components/share - Veil: https://quietui.org/docs/components/veil https://quietui.org/docs/components/veil
claviska 1y ago
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 1y ago
  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 1y ago
    Oh, a secret admirer! Thank you <3
- wonger_ 1y ago
  How does this compare to Shoelace?
  - claviska 1y ago
    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().
gangtao 1y ago
another UI library? But why?
- claviska 1y ago
  I enjoy building components and exploring new concepts.
- jerawaj740 1y ago
  based on web components, you can use it everywhere React/vue/svelte... or any server side language
lazerbones 1y ago
This is incredible work
- claviska 1y ago
  Thank you! <3

14 points by jerawaj740 1y ago

Focusing on accessibility, longevity, performance, and simplicity

ptak 1y ago

This is pretty neat. Some cool components I haven't seen before: - Share: https://quietui.org/docs/components/share https://quietui.org/docs/components/share - Veil: https://quietui.org/docs/components/veil https://quietui.org/docs/components/veil

claviska 1y ago

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 1y ago
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 1y ago
  Oh, a secret admirer! Thank you <3
wonger_ 1y ago
How does this compare to Shoelace?
- claviska 1y ago
  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().

gangtao 1y ago

another UI library? But why?

claviska 1y ago
I enjoy building components and exploring new concepts.
jerawaj740 1y ago
based on web components, you can use it everywhere React/vue/svelte... or any server side language

lazerbones 1y ago

This is incredible work

claviska 1y ago
Thank you! <3