Glassmorphism UI kit
Glassmorphism stacks translucent panels over a busy ground. Background blur frosts what sits behind each panel, and a thin bright edge shows where the glass ends. It only works when text stays readable, so every surface here keeps a tint strong enough to hold 4.5:1.
Pictures and recordings of the real kit. The paid code doesn't run on this site.
Components
- Glass
A live bench where changing the room, the sun or the frost re-solves every pane, and the H1 reports what the solver just measured
Dashboard kit
- Tidewater
A harbour tower window: panes hold the edges of the view, dusk falls on a slider, and every pane changes ink with the sky while the berth plan recomputes the H1
- Sidecut
A label desk behind a wet window: each release relights the street outside, and splits you drag recompute what everyone gets paid
Mobile kit
- Slackwater
A wild-swimming app floating on open water: the phone is glass over the same sea as the page, and the tide curve you scrub sets the sun, the water and the H1
SlackwaterWild-swimming tide app in real glass
Landing pages
- Tintline
A real pane on a sunlit wall: scrolling is the day, the sun drives the shadows, the rim and the tint, and the H1 is what the building decided
- Verso
A glass loupe over a real German letter: the rim bends the live text, the sentence under the glass is in your language, and the H1 is whatever you are holding it over
How to buy
All kits are in goodui Pro: $99 once, with lifetime updates. Team is $249 for up to 10 developers.
Checkout isn't open yet. Join the list and we send you the early-bird link once.
With a license key, from your terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip