This time I will share jQuery Plugin and tutorial about Neumorphic Style UI Framework Based On Bootstrap 4, hope it will help you in programming stack.
This is a Neumorphism inspired UI Kit that helps you create trendy webpages and web apps in Neumorphic style, built with Bootstrap 4 framework.
More Resources About Neumorphism Design:
How to use it:
1. Load jQuery library, Bootstrap 4 framework, and the ion.rangeSlider (for custom range slider) in the HTML.
02 |
< script src = "/path/to/cdn/jquery.slim.min.js" ></ script > |
05 |
< link rel = "stylesheet" href = "/path/to/cdn/bootstrap.min.css" /> |
06 |
< script src = "/path/to/cdn/bootstrap.bundle.min.js" ></ script > |
09 |
< link rel = "stylesheet" href = "/path/to/cdn/ion.rangeSlider.min.css" /> |
10 |
< script src = "/path/to/cdn/ion.rangeSlider.min.js" ></ script > |
2. Load the NeumorphBootstrap’s files in the HTML.
2 |
< link rel = "stylesheet" href = "css/bootstrap.neumorph.css" /> |
5 |
< script src = "js/index.js" ></ script > |
3. Add Neumorphic style Bootstrap 4 components to the page.
1 |
< div class = "neumorph container" > |
Previews:
Changelog:
2021-03-02
2021-01-29
- Added accordion, jumbotron, and list group
2021-01-28