see demo page
Neumorph.scss is a bundle of bootstrap 4 styles integrated with neumorphism.scss clases to make a simple soft design.
Neumorph.scss brings you a layer you can use between bootstrap and your styles.
You only need to import one of the variations stylesheets on your proyect or compile your own and start writting clases at html elements, like you usually do with bootstrap.
Check Dark and Light themes and choose what you need, Neumorph.scss with bootstrap _utilities & grid only or with full bootstrap styles.
- neumorph.css
- neumorph.min.css
- neumorph-full.css
- neumorph-full.min.css
- neumorph-dark.css
- neumorph-dark.min.css
- neumorph-dark-full.css
- neumorph-dark-full.min.css
Check ./src/themes/np-theme.scss, you can edit theme vars to set your own theme vars, including colors, sizing, radius and transition time.
Then just run a compile command to get your own themed neumorph.
Run following commands to compile your custom neumorph.scss version into ./dist/css/custom/.
--
$ npm run sass-custom
- Output: ./dist/css/custom/neumorph-custom.css
$ npm run sass-custom-min
- Output: ./dist/css/custom/neumorph-custom.min.css
You can import this file to your project and start working with it.
This is a personal use micro library builded to work by myself that i wanted to share, use it by your own responsability.