Features

Neomorphism design is a design language that makes the distinction between objects and backgrounds only shadowed, giving them a voluminous and vivid feeling of life.
The distinction between objects and backgrounds is distinguished only by shadows and light, not by color tea, giving a round and smooth impression. Overall, the UI is lively, and this is tactile beyond simple graphics.

Table of content

Getting Started
What's included
Homepage (Docs)
NEOMO UI Sample
Template

Getting Started

CDN via JsDelivr

CSS

<link
  href="https://cdn.jsdelivr.net/npm/neomo@2.1.0/dist/neomo.min.css"
  rel="stylesheet"
/>

JS

<script src="https://cdn.jsdelivr.net/npm/neomo@2.1.0/dist/neomo.min.js"></script>

NPM/YARN Package

npm install neomo

or

yarn add neomo

What's included

neomo/
├── css/
│   ├── components/
│   │   ├── alert.css
│   │   ├── badge.css
│   │   ├── breadcrumb.css
│   │   ├── button.css
│   │   ├── card.css
│   │   ├── dropdown.css
│   │   ├── icon.css
│   │   ├── modal.css
│   │   ├── navbar.css
│   │   ├── navigation.css
│   │   ├── pagination.css
│   │   ├── progressbar.css
│   │   ├── select.css
│   │   ├── spinners.css
│   │   ├── tab.css
│   │   ├── toast.css
│   │   └── tooltips.css
│   │
│   ├── content/
│   │   └── table.css
│   │
│   ├── forms/
│   │   ├── checkbox.css
│   │   ├── file.css
│   │   ├── floatinglabel.css
│   │   ├── input.css
│   │   ├── radio.css
│   │   ├── range.css
│   │   └── switches.css
│   │
│   ├── helpers/
│   │   ├── coloredLinks.css
│   │   └── typography.css
│   │
│   ├── layout/
│   │   ├── columns.css
│   │   └── container.css
│   │
│   ├── color.css
│   └── neomo.css
│
├── dist/
│   ├── neomo.min.css
│   └── neomo.min.js
│
└── js/
    └── neomo.js