I launched Quiet UI this week:
https://quietui.org/
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.
https://quietui.org/
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.