Glassmorphism
Physikalisch modelliertes Glas: Snell-Brechung an einem geschliffenen Rand, eine Sonne und ein Solver, der den Raum hinter jeder Scheibe misst und ihre Schriftfarbe festlegt, sodass Text auf jedem Hintergrund 4.5:1 hält.
Gebaut für: Medien, Consumer, Fintech und alle, deren Glas-UI auf einem hellen Foto versagt hat
Seiten
Glass Komponenten, WebEine 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
Tidewater Dashboard, WebEin 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 Dashboard, WebEin 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
Tintline Landingpage, WebEine 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 Landingpage, KIEine 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
Slackwater Mobile-App, MobileEine 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
Das steckt drin
- 6 Seiten, jede eine Datei, ohne Props
- 8 eigene Komponenten, für dieses Kit geschrieben
- 4 Engines hinter dem typischen Verhalten
- Schriften mit ihren OFL-Lizenzen: Gl Sans, Gl Serif
- README mit Installationsschritten für Next.js und Tailwind v4 und den Lizenzbedingungen
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