Skip to content

neomorphism/neomo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub stars GitHub issues GitHub forks GitHub license npm version Downloads Downloads

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)

NEOMO UI Sample

Example

neomo logo neomo logo
neomo logo neomo logo

Template

Example

neomo logo neomo logo
neomo logo neomo logo