Neomorphism Design Framework Open Source
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
CDN via JsDelivr
- CSS
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/neomo.min.css"
rel="stylesheet"
/>- JS
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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
Homepage (Docs)
- URL : https://neomo-ui.com
NEOMO UI Sample
Example
Template
Example
