Glassmorphism
Physically modelled glass: Snell refraction at a ground rim, one sun, and a solver that measures the room behind every pane and sets its ink, so text holds 4.5:1 on anything.
Built for: Media, consumer, fintech and anyone whose glass UI failed on a bright photo
Pages
Glass Components, WebA live bench where changing the room, the sun or the frost re-solves every pane, and the H1 reports what the solver just measured
Tidewater Dashboard, WebA 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 Dashboard, WebA label desk behind a wet window: each release relights the street outside, and splits you drag recompute what everyone gets paid
Tintline Landing page, WebA 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 Landing page, AIA 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
Slackwater Mobile app, MobileA 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
What's inside
- 6 pages, one file each, no props
- 8 components of its own, written for this kit
- 4 engines behind the signature behaviour
- Fonts with their OFL licenses: Gl Sans, Gl Serif
- README with install steps for Next.js and Tailwind v4, and the license terms
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