Kit UI glassmorphism
Le glassmorphism empile des panneaux translucides sur un fond chargé. Le flou d’arrière-plan dépolit ce qui se trouve derrière chaque panneau, et un fin bord clair montre où s’arrête le verre. Cela ne marche que si le texte reste lisible, alors chaque surface garde ici une teinte assez forte pour tenir 4.5:1.
Images et enregistrements du vrai kit. Le code payant ne tourne pas sur ce site.
Composants
- Glass
Un établi en direct où changer la pièce, le soleil ou le givre résout de nouveau chaque vitre, et le H1 indique ce que le solveur vient de mesurer
Kit dashboard
- Tidewater
Une fenêtre de tour de contrôle portuaire : les vitres tiennent les bords de la vue, le crépuscule tombe sur un curseur, et chaque vitre change d’encre avec le ciel pendant que le plan des quais recalcule le H1
- Sidecut
Un bureau de label derrière une vitre mouillée : chaque sortie rééclaire la rue dehors, et les répartitions que vous glissez recalculent ce que chacun touche
Kit mobile
- Slackwater
Une app de nage en eau libre flottant sur l’eau : le téléphone est en verre au-dessus de la même mer que la page, et la courbe de marée que vous faites défiler règle le soleil, l’eau et le H1
SlackwaterWild-swimming tide app in real glass
Landing pages
- Tintline
Une vraie vitre sur un mur ensoleillé : le scroll est la journée, le soleil pilote les ombres, le bord et la teinte, et le H1 est ce que le bâtiment a décidé
- Verso
Une loupe de verre sur une vraie lettre allemande : le bord courbe le texte en direct, la phrase sous le verre est dans votre langue, et le H1 est ce que vous survolez
Comment acheter
Tous les kits sont dans goodui Pro : $99 une fois, avec les mises à jour à vie. Team coûte $249 pour 10 développeurs maximum.
Le paiement n’est pas encore ouvert. Inscrivez-vous sur la liste et nous vous enverrons une seule fois le lien de prévente.
Avec une clé de licence, depuis votre terminal :
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip