Neumorphic Generator

Delightful CSS presets for your next product

6 followers

Visit website
Neumorphic shapes look incredible but are difficult to create. This generator makes it easy to create the shapes you’ve envisioned and comes with 50+ presets for inspiration.
Neumorphic Generator gallery image
Neumorphic Generator gallery image
Neumorphic Generator gallery image
Neumorphic Generator gallery image
Neumorphic Generator gallery image
Launch tags:Design Tools•User Experience•Developer Tools
Launch Team
Anima - OnBrand Vibe Coding
Design-aware AI for modern product teams.
Promoted

What do you think? …

Caden Sumner
Honestly the worst looking design system I’ve seen in a long time. But the site works well!
Bobby Zhang
at.market
Maker
@cadensumner Haha. I take it you're not an Apple person?
Bobby Zhang
at.market
Maker
Hey there, I first became interested in Neumorphism when I learned what it actually was: two shadows, one lighter and one darker, arranged diagonally. That's all it is. You can give your users a novel and delightful experience for the low low price of two box shadows. The funny thing is that it's still underused in website design. When I was building my last product, serverless.cam, I opted to go fully Neumorphic. Well, nothing out there filled my needs for a quick but good Neumorphic design and tweaking the shadows ended up taking way too long. Thats why I built my own little neumorphic generator with presets and the ability to adjust concavity. Please take a look and let me know what you think! Bobby
Wayne Ellisberg
These are some very realistic shapes. Not bad, lad.
Bobby Zhang
at.market
Maker
@wayne_ellisberg lol thanks. All it took was some box shadows!
Rain Smits
Looks like you put a lot of work into this but why is this design trend getting popular? Flavor of the month for wannabe Jony Ives
Bobby Zhang
at.market
Maker
@rainsmits Neumorphism is not for every product, but under the right circumstances it can work much better than standard UI design
Carolina Li
@rainsmits @bobbyzhang Curious to learn more, what are those circumstances?
Bobby Zhang
at.market
Maker
@rainsmits @carolina_li When you have a simple UI without much text and you want to intrigue your users. Worked well for my last product, serverless.cam
Max Korsakov
It's not ready yet, but check this. https://angular-neomorphism.web....
Bobby Zhang
at.market
Maker
@max_korsakov Very cool Max! Good luck!
Sandoche
Llamao
Hi @bobbyzhang, I just added your website on Undesign.learn.uno
Bobby Zhang
at.market
Maker
@sandochee Thanks, I'm honored!
Vaibhav Patil
Can there be any alternative way to download the generated shape?
12
Next
Last