🔧

Generador de Neumorphism

Generadores y Diseño · Herramienta online gratuita

Generar CSS de estilo de UI neumórfico.

Equipo CoderNewbieÚltima actualización: 2026-09-20

Características

Background: #2a2d3a

Shape

Variant

Size140px

Distance20px

Intensity40%

Vista previa

Código CSS

.neu {
  width: 140px;
  height: 140px;
  background: #2a2d3a;
  border-radius: 50%;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.40), -20px -20px 40px rgba(255, 255, 255, 0.40);
}

4 variantes

Presets plano, presionado, cóncavo y convexo listos para usar.

Sombras duales

Ajusta distancia e intensidad de sombra clara y oscura para profundidad.

Círculo y cuadrado

Cambia entre formas circulares y cuadradas redondeadas al instante.

Cómo usar Generador de Neumorphism

1Configure the generator settings (colors, size, format, etc.).
2Enter any required input text or data.
3Click generate to create the output.
4Download or copy the generated result.

Características

✓100% gratis — sin registro, sin suscripción, sin anuncios
✓Funciona íntegramente en tu navegador — los datos nunca salen de tu dispositivo
✓Rápida y ligera — resultados instantáneos
✓Multiplataforma — funciona en escritorio, tableta y móvil