Tiny Neumorphism UI Framework – Skeuos CSS

Category: CSS & CSS3 , Frameworks | March 25, 2020
Views Total:5,143 views
Official Page:Go to website
Last Update:March 25, 2020


Tiny Neumorphism UI Framework – Skeuos CSS


Skeuos CSS is a lightweight Neumorphism UI Framework to quickly create a Neumorphic (Soft) UI style web application using pure CSS.

How to use it:

1. Download and insert the main stylesheet skeuos.css from the CSS folder. That’s it.

<link rel="stylesheet" href="css/skeuos.css" />

2. Customize the Skeuos CSS by overriding the default variables at the beginning of the skeuos.scss.

$red: #E43030;
$green: #19A187;
$blue: #367bf0;
$dark-blue: #265AB1;
$maroon: #B8174C;
$purple: #8C42AB;
$bg-color: #f2f3f7;
$fg-color: #7b7e8c;
$glow-shadow: 0 0 .5em transparentize($blue, .3);


Skeuos CSS Paper Element

Paper Element

Skeuos CSS Checkbox & Radio

Checkbox & Radio

Skeuos CSS Form Fields

Form Fields

You Might Be Interested In:

One thought on “Tiny Neumorphism UI Framework – Skeuos CSS

Leave a Reply