UI kit de glassmorphism
O glassmorphism empilha painéis translúcidos sobre um fundo carregado. O desfoque de fundo deixa fosco o que fica atrás de cada painel, e uma borda fina e clara mostra onde o vidro termina. Só funciona quando o texto continua legível, então cada superfície aqui mantém uma tonalidade forte o bastante para sustentar 4.5:1.
Imagens e gravações do kit real. O código pago não roda neste site.
Componentes
- Glass
Uma bancada ao vivo onde mudar o ambiente, o sol ou o fosco resolve cada painel de novo, e o H1 informa o que o solver acabou de medir
Kit de dashboard
- Tidewater
Uma janela de torre de porto: os painéis seguram as bordas da vista, o crepúsculo cai num controle deslizante, e cada painel muda de tinta com o céu enquanto o plano de berços recalcula o H1
- Sidecut
Uma mesa de gravadora atrás de uma janela molhada: cada lançamento reilumina a rua lá fora, e as divisões que você arrasta recalculam quanto cada um recebe
Kit mobile
- Slackwater
Um app de natação em águas abertas flutuando na água: o celular é vidro sobre o mesmo mar da página, e a curva de maré que você percorre define o sol, a água e o H1
SlackwaterWild-swimming tide app in real glass
Landing pages
- Tintline
Um painel real numa parede ensolarada: rolar é o dia, o sol guia as sombras, a borda e o tom, e o H1 é o que o prédio decidiu
- Verso
Uma lupa de vidro sobre uma carta real em alemão: a borda curva o texto ao vivo, a frase sob o vidro está no seu idioma, e o H1 é o que você estiver segurando a lupa sobre
Como comprar
Todos os kits estão no goodui Pro: $99 uma vez, com atualizações vitalícias. O Team custa $249 para até 10 desenvolvedores.
O checkout ainda não abriu. Entre na lista e enviaremos o link de pré-venda uma vez.
Com uma chave de licença, pelo seu terminal:
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip