neumorphism-react-design

Documentation: Link

Install

npm i neumorphism-react-design

Setup

1. Clone App

 $ git clone https://github.com/dsnehasish74/neumorphism-react-design.git

2. Move in Directory

 $ cd neumorphism-react-design

3. Install node packages

$ npm install 

Want to Contribute?

To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

 $ git clone https://github.com/<your_user_name>/neumorphism-react-design.git

3. Checkout into a new branch

 $ git checkout -b <branch_name>

4. Make your changes

5. Add and commit your changes

 $ git add . && git commit -m "<your_message>"

6. Push Code to Github under your branch

 $ git push origin <branch_name>   

Usage

import React from 'react';
import {Div,Text,Container,Typography} from 'neumorphism-react-design';

function App() {
  return (
    <Div width="100vw" height="100vh" radius="0px" padding="80px">
       <Input/>
       <Input radius="10px"/>
       <Input/>
       <Button bg="#e71d1d">Click Me</Button>
    </Div>
  );
}

export default App;

Features

• Avatar
• Button
• Div
• Input
• Text
• Typography
• Container

Contribution To Contribute in this repo click Here: Click