https://github.com/neomorphism/neomo

Neomorphism(neumorphism) Design Framework Open Source
https://github.com/neomorphism/neomo

css framework front-end frontend neomo neomo-ui neomorphism neumorphism ui web

Last synced: 6 months ago
JSON representation

Neomorphism(neumorphism) Design Framework Open Source

Host: GitHub
URL: https://github.com/neomorphism/neomo
Owner: neomorphism
License: mit
Created: 2021-03-08T12:47:51.000Z (about 5 years ago)
Default Branch: main
Last Pushed: 2022-08-21T07:33:07.000Z (over 3 years ago)
Last Synced: 2024-12-28T23:55:09.934Z (about 1 year ago)
Topics: css, framework, front-end, frontend, neomo, neomo-ui, neomorphism, neumorphism, ui, web
Language: CSS
Homepage: https://neomo-ui.com
Size: 261 KB
Stars: 45
Watchers: 2
Forks: 5
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

[![GitHub stars](https://img.shields.io/github/stars/neomorphism/neomo)](https://github.com/neomorphism/neomo/stargazers)
[![GitHub issues](https://img.shields.io/github/issues/neomorphism/neomo)](https://github.com/neomorphism/neomo/issues)
[![GitHub forks](https://img.shields.io/github/forks/neomorphism/neomo)](https://github.com/neomorphism/neomo/network)
[![GitHub license](https://img.shields.io/github/license/neomorphism/neomo)](https://github.com/neomorphism/neomo/blob/main/LICENSE)
[![npm version](https://img.shields.io/npm/v/neomo)](https://www.npmjs.com/package/neomo)

[![](https://data.jsdelivr.com/v1/package/npm/neomo/badge)](https://www.jsdelivr.com/package/npm/neomo)

> 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](#getting-started)
- [What's included](#whats-included)
- [Homepage (Docs)](#homepage-docs)
- [NEOMO UI Sample](#neomo-ui-sample)
- [Template](#template)

# Getting Started

## CDN via JsDelivr

- CSS

```html

```

- JS

```html

```

## NPM/YARN Package

```
npm install neomo

yarn add neomo
```

# What's included

```text
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