Skip to content

dsnehasish74/neumorphism-react-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

neumorphism-react-design

Documentation: Link



neumorphism-react-design - React UI Library To Create Neumorphic Design | Product Hunt

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

About

React UI Library To Create Neumorphic Design

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published