Gerador de Neumorphism CSS
Crie efeitos Soft UI (neumorphism) com dois box-shadows complementares. Ajuste cor de base, distância, blur e tipo (extrudido, plano, pressionado). Cópia em CSS pronto. Tudo no navegador.
Preview
Soft UI / Neumorphism
Neumorphism (também chamado Soft UI) cria a ilusão de elementos extrudidos da superfície usando duas sombras opostas: uma clara no topo-esquerda e uma escura no embaixo-direita. Pressionado é o inverso, com sombras inset.
Importante: a cor do fundo da página precisa ser igual à cor base do elemento — sem isso, o efeito não funciona. Por isso esta página força o fundo do preview com a cor escolhida.
Acessibilidade: o contraste em neumorphism é baixo por design. Use textos com contraste maior ou complemente com cor sólida em ações importantes. Tudo no navegador.
Ferramentas Relacionadas
Decodificador Pix
Decodifica BR Code Pix (texto começando com 0002...) extraindo chave, valor, beneficiário, cidade e identificador.
Buscador de Ícones
Busca ícones SVG da biblioteca Lucide (1300+ ícones) por nome. Copia o SVG ou o nome do componente.
Formatador .env
Formata arquivos .env: alfabetiza variáveis, agrupa por prefixo, escapa valores com aspas e remove duplicatas.