← All text tools

Neumorphism generator

Make soft, 3D-looking buttons and cards (soft UI) and copy the CSS.

  • Free
  • No sign-up
  • Works on any device

About Neumorphism generator

Neumorphism, or soft UI, makes buttons and cards look gently pushed out of or into the page using two shadows, one light and one dark. Adjust size, distance, blur and shape, and copy the CSS. It works best on mid-tone backgrounds where the matching shadows remain visible.

How to use Neumorphism generator

  1. Set the options above. The result updates live.
  2. Change anything until it's just right.
  3. Copy the result or download it.

Why use this tool?

Also known as

Frequently asked questions

Is neumorphism good for accessibility?

Often not. The low contrast between element and background makes edges hard to see. Add clear text, borders or colour on important buttons so people with weak vision can still find them.

Is Neumorphism generator free?

Yes. Neumorphism generator on Toolipedia is free to use, with no sign-up and no watermark.

Is it safe to use?

Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.

Does it work on my phone?

Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.

Do I need an account?

No. Just open the page and use the tool. There's no sign-up and no email needed.

Related tools