Neumorph.scss is a pack of 4 bootstrap patterns combined with neumorphism classes to handle a soft design. It brings you a layer between your boot and your patterns to do so easily.
neumorph is a Bootstrap 4-based SCSS library that provides a variety of Neumorphic UI elements to implement Neumorphism design direction on your webpage.
How to make use of it:
1. Load jQuery library, Bootstrap 4 framework, and the ion.rangeslider (for customized vary slider) within the HTML.
<!-- jQuery --> <script src="/path/to/cdn/jquery.slim.min.js"></script> <!-- Bootstrap 4 --> <link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" /> <script src="/path/to/cdn/bootstrap.bundle.min.js"></script> <!-- ion.rangeSlider --> <link rel="stylesheet" href="/path/to/cdn/ion.rangeSlider.min.css" /> <script src="/path/to/cdn/ion.rangeSlider.min.js"></script>
2. Load the NeumorphBootstrap’s information within the HTML.
<!-- Core --> <link rel="stylesheet" href="css/bootstrap.neumorph.css" /> <!-- For Custom Range Slider --> <script src="js/index.js"></script>
3. Add Neumorphic fashion Bootstrap 4 elements to the web page.
<div class="neumorph container"> <!-- Bootstrap 4 Components Here --> </div>
Neumorphic Style UI Framework Based On Bootstrap 4, Neumorph.scss Plugin/Github
See Demo And Download
Official Website(ChemaAlfonso): Click Here
This superior jQuery/javascript plugin is developed by ChemaAlfonso. For extra Advanced Usages, please go to the official website.
