CSS Neumorphism Generator

Build soft UI neumorphic shadows with live preview and copy-ready CSS. Adjust intensity, blur, and shape. Free online, no signup.

Preparing private browser tool…

Your file will stay on this device.

Related tools

Color Picker

Pick colors and convert between HEX, RGB, HSL formats instantly. Copy color codes with one click. Free online tool.

File Hash

Generate MD5, SHA-1, SHA-256 checksums from files in your browser. Verify file integrity without uploading. Free and private.

Base64 Encoder

Encode and decode Base64 strings instantly. Supports text and file input. Free online tool, no upload, runs in your browser.

Text Case Converter

Convert text between UPPER, lower, Title, camelCase, snake_case, and more. Free online tool with one-click copy.

Frequently asked questions

What is neumorphism?
A soft UI style using two opposing shadows (light and dark) to make elements look extruded from the background.
Why does background color matter?
Shadows derive from the background color. The background must match the surrounding surface for the effect to work.
Concave vs convex vs pressed?
Concave dips inward, convex bulges outward, pressed uses inset shadows like a held-down button.