Remix.run Logo
claviska 11 hours 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 11 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 11 hours ago | parent [-]

Oh, a secret admirer! Thank you <3

wonger_ 11 hours ago | parent | prev [-]

How does this compare to Shoelace?

claviska 11 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().