August 8, 2022

Bootstrap Integrated To Make Easy Neumorphysm Designs | neumorph.scss

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.

Share

You may also like...

Leave a Reply

Your email address will not be published.