Home / Design Tools / Neumorphism Generator

Neumorphism Generator

Soft-UI shadows with raised and pressed variants.

How to use

  1. Adjust distance and intensity.
  2. Toggle raised or pressed.
  3. Copy the CSS.

Frequently asked questions

Why does it need a matching background?

The illusion depends on the element sharing its parent's background color - the shadows do all the work.

Related tools

  • CSS Shadow Generator — Craft box-shadows visually - offset, blur, spread, opacity.
  • CSS Border Radius Generator — Per-corner border radius with live preview - including organic blob shapes.
  • CSS Clip Path Generator — Ready-made clip-path shapes - triangle, hexagon, star, arrow and more.
  • SVG Optimizer — Shrink SVG files with SVGO - same engine as build tools.
  • Icon Generator — One image → every iOS, Android and web app icon size, zipped.
  • Favicon Generator — One logo in - a complete favicon pack out: ICO, PNGs, Apple touch icon, manifest and HTML.

See all design tools