Neumorphic Bootstrap Theme For Neumorphism Design Trend – neumorph.scss

Image may be NSFW.
Clik here to view.

neumorph.scss is an SCSS library based on Bootstrap 4 that provides a variety of Neumorphic UI elements to implement the Neumorphism Design Trend on your webpage.

Light Mode and Dark Mode are included.

How to use it:

Load the compiled stylesheet in the document and we’re ready to go.

<!-- Dark Mode -->
<link rel="stylesheet" href="./dist/css/dark/neumorph-full-dark.min.css" />

<!-- Light Mode -->
<link rel="stylesheet" href="./dist/css/light/neumorph-full.min.css" />

Previews:

Image may be NSFW.
Clik here to view.

Light Theme

Image may be NSFW.
Clik here to view.

Form Fields

Image may be NSFW.
Clik here to view.

Buttons

Image may be NSFW.
Clik here to view.

Colors

Image may be NSFW.
Clik here to view.

Lists

Image may be NSFW.
Clik here to view.

Shadows

Changelog:

03/09/2020

• First revision with changes & fixes

The post Neumorphic Bootstrap Theme For Neumorphism Design Trend – neumorph.scss appeared first on CSS Script.