Glassmorphism UI Kit
Glassmorphism legt durchscheinende Panels über einen unruhigen Hintergrund. Background Blur lässt alles hinter dem Panel wie Milchglas wirken, und eine dünne helle Kante zeigt, wo das Glas endet. Das funktioniert nur, wenn Text lesbar bleibt, deshalb hat jede Fläche hier eine Tönung, die stark genug für 4.5:1 ist.
Bilder und Aufnahmen des echten Kits. Der kostenpflichtige Code läuft nicht auf dieser Website.
Komponenten
- Glass
Eine Live-Werkbank, an der jede Änderung von Raum, Sonne oder Mattierung jede Scheibe neu berechnet, und der H1 meldet, was der Solver gerade gemessen hat
Dashboard-Kit
- Tidewater
Ein Fenster im Hafenturm: Scheiben halten die Ränder der Aussicht, die Dämmerung fällt auf einem Slider, und jede Scheibe wechselt mit dem Himmel ihre Schriftfarbe, während der Liegeplatzplan den H1 neu berechnet
- Sidecut
Ein Label-Schreibtisch hinter einem nassen Fenster: Jede Veröffentlichung beleuchtet die Straße draußen neu, und Splits, die du ziehst, berechnen neu, was jeder bekommt
Mobile-Kit
- Slackwater
Eine Wildschwimm-App, die auf offenem Wasser schwimmt: Das Handy ist Glas über demselben Meer wie die Seite, und die Gezeitenkurve, die du scrubbst, bestimmt Sonne, Wasser und H1
SlackwaterWild-swimming tide app in real glass
Landingpages
- Tintline
Eine echte Scheibe an einer sonnigen Wand: Scrollen ist der Tag, die Sonne steuert Schatten, Rand und Tönung, und der H1 ist das, was das Gebäude entschieden hat
- Verso
Eine Glaslupe über einem echten deutschen Brief: Der Rand biegt den Live-Text, der Satz unter dem Glas ist in deiner Sprache, und der H1 ist alles, worüber du sie hältst
So kaufst du
Alle Kits sind in goodui Pro enthalten: einmalig $99, mit lebenslangen Updates. Team kostet $249 für bis zu 10 Entwickler.
Der Checkout ist noch nicht offen. Trag dich in die Liste ein, dann schicken wir dir einmal den Early-Bird-Link.
Mit einem Lizenzschlüssel, aus deinem Terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip