Skip to content
Day 58: new resources are added every day. See what's new

Web App

Neumorphism.io

Generate soft, neumorphic CSS shadows with live previews.

Visit Neumorphism.ioFree4.4

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

What is Neumorphism.io?

Neumorphism.io is a free CSS generator for soft UI shadows, the raised and pressed look known as neumorphism. You pick a colour, size, radius, distance and blur, preview flat, concave, convex or pressed shapes, and copy the matching CSS for your project.

Pros

  • Instant visual feedback
  • Simple sliders
  • Copy-ready CSS

Cons

  • Focused on one visual style
  • Neumorphic designs can have weak contrast

Who should use Neumorphism.io

Designers experimenting with soft UI cards and buttons.

Who may not need it

Teams that need accessible, high-contrast interfaces first.

Neumorphism.io alternatives

Similar resources to Neumorphism.io, picked from the directory.

Monoco

Focus: squircle and javascript library. Shares css and ui design with Neumorphism.io. A framework, not a web app. Same 4.4 rating.

FrameworkFreeWeb

CSS Gradient

Focus: gradients, colour and generator. Shares css with Neumorphism.io. Rated 4.5 (Neumorphism.io: 4.4).

Web AppFreeWeb

Penpot

Focus: prototyping, open source and self-hosted. Shares ui design with Neumorphism.io. Freemium (Neumorphism.io: Free). Rated 4.5 (Neumorphism.io: 4.4).

Web AppFree planWeb

Epic Easing

Focus: easing, animation and spring animation. Shares css with Neumorphism.io. Same 4.4 rating.

Web AppFreeWeb

M3E Canvas

Focus: material design, prompts and vibe coding. Shares ui design with Neumorphism.io. Rated 4.2 (Neumorphism.io: 4.4).

Web AppFreeWeb

Frontend Design Skill

Focus: claude, claude skills and frontend design. Shares ui design with Neumorphism.io. An AI tool, not a web app. Rated 4.8 (Neumorphism.io: 4.4).

AI ToolFreeWeb

Free alternatives to Neumorphism.io

Free resources that cover similar ground.

CSS Toggle Library

Focus: toggles, switches and checkboxes. Shares css with Neumorphism.io. A website, not a web app. Rated 4.7 (Neumorphism.io: 4.4).

WebsiteFreeWeb

Feather Icons

Focus: icons, svg and open source. Shares ui design with Neumorphism.io. A website, not a web app. Rated 4.7 (Neumorphism.io: 4.4).

WebsiteFreeWeb

Uiverse

Focus: ui elements, tailwind css and buttons. Shares css with Neumorphism.io. A website, not a web app. Rated 4.6 (Neumorphism.io: 4.4).

WebsiteFreeWeb

Checklist Design

Focus: ux checklists, best practices and design resources. Shares ui design with Neumorphism.io. A website, not a web app. Rated 4.5 (Neumorphism.io: 4.4).

WebsiteFreeWeb

Hero Patterns

Focus: svg patterns, backgrounds and design resources. Shares css with Neumorphism.io. A website, not a web app. Rated 4.5 (Neumorphism.io: 4.4).

WebsiteFreeWeb
Are you the maker of Neumorphism.io?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.