This article presents two open-source web apps coded on top of Neumorphism UI Kit (Free version) in Flask and Django, two popular and widely used web frameworks.
Both apps are released under the MIT license on Github. For those in a rush, I'll drop bellow the relevant links:
- Flask Neumorphism UI Kit - product page, LIVE Demo
- Django Neumorphism UI Kit - product page, LIVE Demo
Neumorphism UI - Hero Section
Neumorphism UI - Call to action component
Neumorphism UI - Contact with Map Control
Neumorphism design Intro
The neumorphic effect is a combination of the current famous flat UI and the old skeuomorphic (aka Old Apple Style) principles! The components have a dark box-shadow on the bottom and a light box-shadow on top; the combination of both creates the effect of the elements pushing themselves through your display - Definition credit: Design trends: Neumorphic design
The app is coded using a super simple code-base that uses Blueprints and app-factory pattern. The MIT license allow unlimited copies and released as hobby or commercial projects. Need to remove the footer credit? No worries, you can add your links.
- Flask Neumorphism UI - the product page
- Flask Neumorphism UI - LIVE demo
- Flask Neumorphism UI - the source code
The app can be easily built if your workstation has a Python3 and GIT command tool installed. To see this Flask starter running in your browser, just follow the instructions saved in the README file.
The Django version uses the same super simple code-base, enhanced with authentication, DB Tools and deploy scripts for Docker and Nginx/Gunicorn stack.
The project is coded using a simple and intuitive structure presented bellow:
The bootstrap flow
- Django bootstrapper
core/settings.pyas the main configuration file
core/settings.pyloads the app magic from
- Redirect the guest users to Login page
- Unlock the pages served by app node for authenticated users
Thanks for reading! I'll drop bellow some related resources