Launching today
Wisp UI
Material 3 Expressive components, rebuilt for React
2 followers
Material 3 Expressive components, rebuilt for React
2 followers
Wisp UI brings Material 3 Expressive to React with morphing shapes, spring motion, seed-based colour and dark mode. Components ship with their own plain CSS and use native browser elements. Free and open source.
Hey Product Hunt, I'm Sergey, the maker of Wisp UI.
I wanted the playful shapes and motion of Material 3 Expressive in a React app, with styling I could work with in ordinary CSS. Wisp is my take on that.
The components include navigation bars, rails and drawers alongside buttons, inputs, date pickers and dialogs. There are 35 shapes that morph into one another, spring-driven motion, and palettes generated from a single colour, with light and dark schemes.
Each component brings its own CSS. There's no CSS-in-JS runtime or shadow DOM, and the components use native inputs, dialogs, popovers and scrolling where they fit. React 19 is required.
It's free under Apache-2.0. You can try the live examples in the docs without signing up, or dig into the source on GitHub.
Docs: https://r007.github.io/wisp-ui/
Source: https://github.com/r007/wisp-ui
If you try it in a project, I'd love to hear what feels good and what gets in the way. Which component would you reach for first?