Como você consegue o efeito "embaçado"?

Use o filtro de fundo: blur(); Propriedade CSS com fundo semitransparente para elementos posicionados sobre fundos.

Posso usar o código gerado para o meu projeto?

Sim, o código é open source sob licença MIT, gratuito para uso pessoal ou comercial, com créditos opcionais.

E quanto ao suporte do navegador?

Mais de 88% dos navegadores suportam filtro de pano de fundo, mas o Firefox o desativa por padrão; opções de fallback estão disponíveis.

Qual é a diferença entre glassmorfismo e neumorfismo?

Glassmorphism usa desfoque e transparência para versatilidade, enquanto o neumorfismo tem restrições de IU mais radicais e é controverso.

Voltar ao Início

Glassmorphism UI

Q: O que é "Glassmorphism"?

Glassmorphism é uma tendência de design baseada em efeitos desfocados e fundos semitransparentes, popularizada por plataformas como o macOS Big Sur.

Um gerador CSS gratuito e uma biblioteca de UI de código aberto para criar efeitos de morfismo de vidro em web design.

Atualizar

Visitar Site

Pontuação

Avaliação do Usuário

1.0

Suporte Gratuito/Teste

Suportado

Preço Inicial

Última Atualização

set 02, 2026

Visão geral

O que é Glassmorphism UI?

Glassmorphism UI é uma ferramenta e biblioteca que gera código CSS para glassmorphism, uma tendência de design que usa elementos borrados e semitransparentes. Ajuda designers e desenvolvedores a implementar rapidamente esse estilo em sites e aplicativos.

Para que serve o Glassmorphism UI?

Formas e padrões

Grupos de Usuários

Equipes criativas Web Developers Design Studios

Principais Recursos

Geração de código CSS
Efeitos de morfismo de vidro personalizáveis
Licença MIT de código aberto
Suporte a componentes HTML

Como usar Glassmorphism UI?

Use o gerador online para ajustar propriedades como desfoque, opacidade e cor e, em seguida, copie o código CSS e HTML gerado em seu projeto. Inscreva-se para receber atualizações sobre o próximo lançamento da biblioteca Glass UI.

Ferramentas Alternativas

Nenhuma ferramenta alternativa encontrada

Prós & Contras

Prós

Grátis para usar
Fácil de personalizar
Suporta projetos comerciais
Baseado em tendências de design populares

Contras

Suporte limitado ao navegador no Firefox
Requer integração manual de código

Casos de Uso

Projetos de web design
Prototipagem de UI
Aprendendo efeitos CSS

Preços do Glassmorphism UI

Plano Gratuito

Nenhuma informação detalhada de preços disponível

Avaliações de Usuários

1.0

de 5

1.0

Ainda não há avaliações

Seja o primeiro a avaliar esta ferramenta!

Notion