EmpireUI
Sign inGet Pro
Free · React + Tailwind · MIT

Neumorphism UI components

Neumorphism (soft UI) blends backgrounds and elements using paired light and dark shadows to make controls look softly extruded. Use these free React and Tailwind components plus a generator to get the look right.

Browse components →Free generators

Neumorphism components

Monthly revenue
$48.2k
▲ 12.5%
PRO
$24/mo
  • ✓ Unlimited components
  • ✓ All 40 styles
  • ✓ Figma export
Welcome back

About neumorphism

Neumorphism (soft UI) blends backgrounds and elements using paired light and dark shadows to make controls look softly extruded. Use these free React and Tailwind components plus a generator to get the look right. Soft monochrome, dual extruded shadows.

All Neumorphism blocks are free, MIT-licensed and copy-paste ready in React & Tailwind. Need raw CSS? Try the free generators, or browse every look in the full collection.

FAQ

What is neumorphism in UI design?

Neumorphism (soft UI) blends backgrounds and elements using paired light and dark shadows to make controls look softly extruded. Use these free React and Tailwind components plus a generator to get the look right.

How do I make a neumorphism shadow in CSS?

Neumorphism (soft UI) blends backgrounds and elements using paired light and dark shadows to make controls look softly extruded. Use these free React and Tailwind components plus a generator to get the look right.

Explore other styles

MaximalismMotion MorphismRetro FuturismClaymorphismSkeuomorphismFlat DesignMaterial DesignAurora / Mesh