Neumorphism (Soft UI) Generator

Generates soft, extruded plastic-looking shadows (light and dark shadows) for buttons and cards.

CSS Code

Features

  • Soft UI Generator: Create smooth, plastic-like Neumorphic elements.
  • Light & Dark Shadows: Automatically calculates the light and dark shadow colors based on the base color.
  • Shape Variations: Supports Flat, Concave, Convex, and Pressed (Inset) shapes.
  • Adjustable Parameters: Fine-tune distance, intensity, blur, and radius.

How to Use

  1. Choose a base color for your element and background.
  2. Adjust the size and border radius.
  3. Modify distance, intensity, and blur to change the softness and depth.
  4. Select a shape type (Flat, Convex, Concave, or Pressed).
  5. Copy the CSS code.