Kit de UI glassmorphism
El glassmorphism apila paneles translúcidos sobre un fondo cargado. El desenfoque de fondo esmerila lo que queda detrás de cada panel, y un borde fino y brillante marca dónde termina el vidrio. Solo funciona si el texto sigue siendo legible, así que cada superficie mantiene aquí un tinte lo bastante fuerte para sostener 4.5:1.
Imágenes y grabaciones del kit real. El código de pago no se ejecuta en este sitio.
Componentes
- Glass
Un 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
Kit de dashboard
- Tidewater
La 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
Un 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
Kit móvil
- Slackwater
Una 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
SlackwaterWild-swimming tide app in real glass
Landing pages
- Tintline
Un 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
Una 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
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