Estilo 01 · Translúcido

Glassmorfismo.

Visual baseado em transparência e desfoque de fundo. Placas de vidro flutuantes com bordas finas e semi-transparentes que deixam o conteúdo por trás influenciar a profundidade.

Backdrop Blur

A propriedade backdrop-filter: blur() é o coração do efeito — desfoca o que está atrás do elemento.

Bordas Finas

Uma borda branca com baixa opacidade (8–20%) simula a refração da luz nas extremidades do vidro real.

Fundo Vibrante

O efeito só funciona com gradientes coloridos ou imagens por trás. Sem cor, o vidro fica invisível.

02 · Componentes

Vidro em ação.

Botões, formulários, badges e cards aplicando o estilo glass.

Botões
Formulário
Badges & Tags
Design Frontend UI/UX Tailwind JavaScript
Notificação novo
Pagamento aprovado ok
03 · Showcase

Card de produto.

Edição limitada

Crystal Pro

Um relógio que parece esculpido em luz. Vidro safira, mecanismo em vista e acabamento perolado.

R$ 2.480
R$ 3.100
10:08
Em estoque
✦ 4.9 / 5
04 · Planos

Transparência em todos os níveis.

Cristal
R$ 0 /mês
  • ✓ 3 projetos
  • ✓ Backups semanais
  • ✓ Suporte comunitário
Popular
Safira
R$ 49 /mês
  • ✓ Projetos ilimitados
  • ✓ Backups diários
  • ✓ Suporte prioritário
  • ✓ Análises avançadas
Diamante
R$ 149 /mês
  • ✓ Tudo do Safira
  • ✓ Equipe de 20 pessoas
  • ✓ SLA dedicado
  • ✓ Onboarding pessoal