DEVOURED
Web Components Library for Soft, Tactile Product Interfaces (Website)
Jelly UI is a new dependency-free Web Components library that adds physics-based, tactile interaction to product interfaces.
What: The library, created by bmson, provides 40 custom elements including buttons and theme wrappers. It supports dark mode, RTL, and WCAG AA standards, utilizing a single script tag for implementation.
Decoder
- Web Components: A suite of browser-native technologies that allow developers to create reusable, encapsulated custom elements for use in any web application, regardless of the framework.
Original article
It's okay to be a little jelly
Jelly UI is a dependency-free Web Components library for soft, tactile product interfaces. Real form controls meet soft-body physics, with dark mode, right-to-left support and WCAG AA color tokens built in.
- 0 dependencies
- 40 custom elements
- 1 script tag
- WCAG AA
- Dark mode
- RTL
<script type="module" src="https://jelly-ui.com/package.js"></script>
<jelly-theme mode="auto">
<jelly-button variant="mint">Publish</jelly-button>
</jelly-theme>
Explore all 58 articles in today's digest
Fresh dev news, AI-digested daily. Never miss a trend at devoured.fyi