Neumorphism UI Bootstrap - Free Bootstrap Template
This article presents an open-source Bootstrap Template crafted by Themesberg using a Neumorphism-inspired design. The product comes with components, pre-built pages, gulp tooling and a permissive license that allows the usage for commercial projects. For newcomers, Neumorphism is a trendy concept where controls inherit a tridimensional alike pattern.
- Neumorphism UI Bootstrap - product page
- Neumorphism UI Bootstrap - LIVE demo
All UI components are styles in compliance with the neumorphism design patterns making use of the specific shadow and coloring attributes. Neumorphism UI also comes with the shadow inset style add-on.
The source code, published on Github under the MIT license, contains the build instructions to start the project locally by typing a few commands. Before start compiling Neumorphism UI Bootstrap, we need to double check the minimal programming kit required by a successful build:
- A modern editor - VSCode or Atom
- Nodejs - used in Javascript-based products and tools
- GIT - a command-line tool used to download sources from Github
- Gulp - a toolkit to automate repetitive tasks
Once all the tools are installed and accessible in the terminal, we can start typing:
Step #1 - Download the code from the public repository
$ git clone https://github.com/themesberg/neumorphism-ui-bootstrap.git
$ cd neumorphism-ui-bootstrap
Step #2 - Install modules
$ npm install
// OR
$ yarn
Step #3 - Start the project in development
mode (with LIVE reload)
$ gulp
Once the projects is up and running in the browser, we should see some beautiful styled pages:
Sample Pages - Neumorphism UI includes 5 example pages including an about, pricing, contact, log in and register pages. You can use these example pages to quickly set up a working website in no time.
Product Documentation - Every component, plugin and the general workflow is well documented. Check out the online documentation for Neumorphism UI.
Thanks for reading! For more resources, feel free to access:
- Bootstrap 5 Templates - Open-source and Free
- Free React Dashboards - a curated list published on Dev.to