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.

Neuromorphism UI Bootstrap - Hero Section.

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:

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:

Neuromorphism UI Bootstrap - Sample 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.

Neuromorphism UI Bootstrap - UI Cards.
Neuromorphism UI Bootstrap - About Page.

Thanks for reading! For more resources, feel free to access: