Subscribe
Sign in
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!
30
Replies
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!
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!
@dannypostmaa Thank you, Danny! Coming from a great entrepreneur like you it means a lot 😁🙏
@john_bae Thank you, John! Means a lot to get some positive vibes as well from this neumorphism kit. We mostly did it just for fun :)
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.
@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.
Congrats for the launch. Even though neumorphism is quite a controversial subject, I was looking for some time for a UI library for it. Will definitely give it a try.
Nice! What a terrific idea! In regards to the debate on neumorphic design being right or wrong, I think neumorphism intentionally makes tradeoffs that are not so good in some situations but really shine through in others.
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.
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!
@jarodpeachey Sure! If it gains enough popularity, we will consider creating multiple colored themes (dark mode, light mode, colored mode etc)
I am not a web developer by practice but I really like this template and I want to use it for my personal website (I work in Computer Vision and I am an aspiring researcher). Curious to know if there's a portfolio template created using this tool kit? Tried searching on Github but could not find it. Would appreciate your thoughts on this. Great work by the way!
ntwrk