Tiny Neumorphism UI Framework – Skeuos CSS

Category: CSS & CSS3 , Frameworks | March 25, 2020
Author: daniruiz
Views Total: 45
Official Page: Go to website
Last Update: March 25, 2020
License: MIT

Preview:

Tiny Neumorphism UI Framework – Skeuos CSS

Description:

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);

Previews:

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