Zoltán Szőgyényi

Neumorphism UI - Neumorphism inspired UI web components, sections and pages

Start developing neumorphism inspired layouts, web apps and pages with this free UI Kit powered by Bootstrap CSS Framework. It features over 200 individual web components and 5 example pages. Use "PRODUCTHUNT25" code for 25% discount for the pro version!

Add a comment

Replies

Best
Fede Sanchez
Congratulations on the launch. However, Neumorphism is the wrong approach to UI design. It lacks accesibility, usability and affordances. It's hard to read if you have sight problems and it's terrible for sunny environments. Please don't make this a trend.
Zoltán Szőgyényi
@0db8_ Thanks for the good thoughts! You're right, I also don't think neumorphism should become a widely used design system. However, I think neumorphism can be really good for certain situations, such as fashion websites, artist websites and so on. We did the implementation mostly for fun! Regarding accessibility we also tried to use colors that pass the WCAG 2.1 contrast requirements.
Jess Andreas Danger Olsen
neumorphism is just not a thing. A couple of opposing drop-shadows does not warrant a new term and is not even a trend. This glorified Windows 3.1 will soon be forgotten.
Danny Postma
Honestly, Themesberg makes one of the highest quality templates I've seen around. If you're looking for a UI kit, use one of theirs!
Zoltán Szőgyényi
@dannypostmaa Thank you, Danny! Coming from a great entrepreneur like you it means a lot 😁🙏
Zoltán Szőgyényi
Hey guys 👋, I am one of the web developers who helped build this product. We started working on this UI Kit about 2 months ago when we first saw this new design trend called neumorphism gain popularity on Dribbble. As there were no web implementations of it we thought it would be a great idea to just do it. I understand that the design trend is quite controversial and by no means do I 100% recommend you build your websites using this trend, but you can definitely give it a try! Some people have asked me: "This looks interesting, but are there any real life implementations?". The answer is yes! There are not many, but here's a website which actually became product of the day here using neumorphism: https://super.so/. Neumorphism UI Kit is built with the most popular CSS Framework called Bootstrap and the project also includes Sass files and Gulp commands for a better workflow. The project is open sourced un the MIT License. Here are a few notable features: ✅ 200 individual neumorphic web components ✅ 10+ sections such as navbars, footers, CTA's ✅ 5 example pages including pricing, contact, sign in & up ✅ Sass & Gulp included ✅ Online documentation with copy-paste components + quickstart guides ✅ HTML5 verified ✅ Fully responsive & SEO friendly ✅ Built by Themesberg Useful links: - Live demo: https://demo.themesberg.com/neum... - Free download: https://themesberg.com/product/u... - Github repository: https://github.com/themesberg/ne... (lucky stars help us 🙏) - Online documentation: https://themesberg.com/docs/neum... - Pro version (5x more components and 3x pages): https://themesberg.com/product/u... - Premium themes: https://themesberg.com/products/... - Free themes: https://themesberg.com/products/... - Themesberg Blog: https://themesberg.com/blog - Licensing (MIT License): https://themesberg.com/licensing... - Contact us: https://themesberg.com/contact For the pro version you can also use the "PRODUCTHUNT25" coupon code to get a 25% discount!
Khoa
Congrats on the launch, this is awesome, and nostalgic :D
Zoltán Szőgyényi
@onmyway133 Thank you! ❤️🙏
Jarod Peachey
This is awesome! Do you think this will eventually get support for dark mode?
Zoltán Szőgyényi
@jarodpeachey Sure! If it gains enough popularity, we will consider creating multiple colored themes (dark mode, light mode, colored mode etc)
Michael Andreuzza
Really?
Sascha Lichtenstein
The trend, the world waited for. Not.
Manu Ebert
That's... a lot of hype for putting two different box shadows on a div. There's a lot of things to like in Neumorphism as a concept, but there's also a lot of work to be done. For example, add pressed states to buttons! Adjust shadow colors based on background!
Wilson Bright
Congrats. This is pleasure and something fresh to eyes.
Tanislav Robert
Thanks Wilson, means a lot 🙏🏻
12
Next
Last