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
