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.
Free
Launch Team
Render: Get up to $100K in startup creditsThe fastest way to launch and scale your startup in the cloud
Promoted
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?