Neomorphism

# Introduction

UI components library in the new neomorphism design style

# Overview

The neomorphism is a new design trend applied to UI/UX. You can form this effect, by adding two shadows to your flat-designed elements, one is a light shadow from the top left of the element, and the other is a dark shadow towards the bottom right. the combination of both creates the effect of the elements pushing themselves through your display.

# Installation

You can access this library from NPM, and include into your awesome project

# npm
npm install --save neomorphism

# yarn
yarn add neomorphism

# Use CDNs

If you want a quick start, Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

<link type="stylesheet" href="https://unpkg.com/neomorphism" />

# Clone The Repo

If you want to contribute to the project, or add a missing feature, you can clone the project repository

# Install
git clone https://github.com/ismail9k/neomorphism.git
cd neomorphism
npm install

# For development
npm run dev

# For build assets
npm run build

# Files Structure

What is included in the project repository

neomorphism/
├── neomorphism.styl
├── dist
│   ├── neomorphism.css
│   └── neomorphism.min.css
└── src/
    ├── components
    ├── core
    ├── grid
    ├── setup
    └── utilities

Structure & Concepts →