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