Glassmorphism
Un verre modélisé physiquement : réfraction de Snell sur un bord dépoli, un seul soleil, et un solveur qui mesure la pièce derrière chaque vitre et en règle l’encre, pour que le texte tienne 4.5:1 sur n’importe quel fond.
Conçu pour: Médias, grand public, fintech et tous ceux dont l’UI en verre a échoué sur une photo lumineuse
Pages
Glass Composants, WebUn é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
Tidewater Dashboard, WebUne 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 Dashboard, WebUn 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
Tintline Landing page, WebUne 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 Landing page, IAUne 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
Slackwater App mobile, MobileUne 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
Ce qu’il contient
- 6 pages, un fichier chacune, sans props
- 8 composants propres, écrits pour ce kit
- 4 moteurs derrière le comportement signature
- Polices avec leurs licences OFL : Gl Sans, Gl Serif
- README avec les étapes d’installation pour Next.js et Tailwind v4, et les conditions de licence
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