Glassmorphism
Vidrio modelado físicamente: refracción de Snell en un borde esmerilado, un sol y un solver que mide la habitación detrás de cada panel y fija su tinta, de modo que el texto mantiene 4.5:1 sobre cualquier fondo.
Pensado para: Medios, consumo, fintech y cualquiera cuya UI de vidrio falló sobre una foto brillante
Páginas
Glass Componentes, WebUn banco en vivo donde cambiar la habitación, el sol o el escarchado resuelve de nuevo cada panel, y el H1 informa de lo que el solver acaba de medir
Tidewater Dashboard, WebLa ventana de una torre de puerto: los paneles sostienen los bordes de la vista, el anochecer cae en un slider y cada panel cambia de tinta con el cielo mientras el plan de atraques recalcula el H1
Sidecut Dashboard, WebUn escritorio de sello discográfico tras una ventana mojada: cada lanzamiento reilumina la calle de fuera, y los repartos que arrastras recalculan lo que cobra cada uno
Tintline Landing page, WebUn panel real en una pared soleada: hacer scroll es el día, el sol controla las sombras, el borde y el tinte, y el H1 es lo que decidió el edificio
Verso Landing page, IAUna lupa de vidrio sobre una carta alemana real: el borde curva el texto en vivo, la frase bajo el vidrio está en tu idioma y el H1 es lo que sea que sostengas debajo
Slackwater App móvil, MóvilUna app de natación en aguas abiertas flotando sobre el agua: el teléfono es vidrio sobre el mismo mar que la página, y la curva de marea que recorres fija el sol, el agua y el H1
Qué incluye
- 6 páginas, un archivo cada una, sin props
- 8 componentes propios, escritos para este kit
- 4 motores detrás del comportamiento característico
- Fuentes con sus licencias OFL: Gl Sans, Gl Serif
- README con los pasos de instalación para Next.js y Tailwind v4, y los términos de la licencia
Cómo comprar
Todos los kits están en goodui Pro: $99 pago único, con actualizaciones de por vida. Team cuesta $249 para hasta 10 desarrolladores.
El pago aún no está abierto. Apúntate a la lista y te enviamos una vez el enlace de precio anticipado.
Con una clave de licencia, desde tu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip