NOTE: This is Work in progress project, lots of testing and functionality is remaining, some given functionality may not work.
Neumorphism Styling for your project.
Quickly add Neuenable to your project! Use jsDelivr, a free open source CDN.
Copy-paste the stylesheet into your <head>
of the html page.
<link href="https://cdn.jsdelivr.net/npm/neuenable@0.5.3/dist/css/neuenable.min.css" rel="stylesheet" crossorigin="anonymous">
Some components require the use of Javascript to function. Place the following <script>
near the end of your pages, right before the closing </body>
tag, to enable them.
<script src="https://cdn.jsdelivr.net/npm/neuenable@0.5.3/dist/js/neuenable.min.js" crossorigin="anonymous"></script>
Bootstrap, the world's most popular framework for building responsive, mobile-first projects on the web.
Neuenable will override the styling of Bootstrap components and you will be able to use the wide range of Bootstrap functionality with Neumorphism styling.
Text colors
-
Available colors
- dark
- light
- blue
- green
- red
- yellow
- black
- white
-
Class structure
text-light
Background colors
- Available colors
- dark
- light
- blue
- green
- red
- yellow
- Class structure
bg-light
<button class="button button-light button-push button-outline border-4 curve-5">Click me</button>
<!-- Disabled-->
<button class="button button-light hover--up" disabled>Disabled</button>
<!-- border -->
<button class="button button-light button-outline border-4">Border</button>
The documentation is in the process of being written, it will be available soon.