https://github.com/anuraghazra/react-stripe-dropdown

React Stripe Inspired Dropdown
https://github.com/anuraghazra/react-stripe-dropdown

dropdown framer-motion react

Last synced: 3 months ago
JSON representation

React Stripe Inspired Dropdown

• Host: GitHub
• URL: https://github.com/anuraghazra/react-stripe-dropdown
• Owner: anuraghazra
• Created: 2019-11-09T15:45:21.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T13:01:33.000Z (about 2 years ago)
• Last Synced: 2024-10-11T13:31:15.965Z (4 months ago)
• Topics: dropdown, framer-motion, react
• Language: TypeScript
• Homepage: https://anuraghazra.github.io/react-stripe-dropdown/
• Size: 3.81 MB
• Stars: 26
• Watchers: 3
• Forks: 6
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## React Stripe Inspired Dropdown

(Warning: This Dropdown is hugely inaccessible, do not reenginner and use it in your project)

Stripe Inspired Dropdown made with React and FramerMotion.

**demo:** https://anuraghazra.github.io/react-stripe-dropdown

![React Stripe Inspired Dropdown](./src/assets/images/react-stripe-dropdown.png)

### :wrench: Tools Used

- [React](http://reactjs.org/)

- [Framer Motion](https://www.framer.com/motion/)

- [Styled Components](https://www.styled-components.com/)

- [normalize.css](https://www.npmjs.com/package/normalize.css)

## :v: Contributing

Great!, 

after cloning & setting up the local project you can push the changes to your github fork and make a pull request.

-----

**local development**

### Step 1: Clone The Repo

Fork the repository. then clone the repo locally by doing -

```bash

git clone https://github.com/anuraghazra/react-stripe-dropdown.git

```

### Step 2: Install Dependencies

cd into the directory

```bash

cd react-stripe-dropdown

```

install all the dependencies

```bash

npm install

```

### Step 3: Start Development Server

Then start the development Server

```

npm start

```

After running the development server the site should be running on https://localhost:3000

Give the project a :star: if you liked it.

Made with :heart: and React.