https://github.com/anuraghazra/facebook-reaction-animation

Facebook Reaction Animation made with React and FramerMotion.
https://github.com/anuraghazra/facebook-reaction-animation

facebook framer-motion react reactjs web-animation

Last synced: 24 days ago
JSON representation

Facebook Reaction Animation made with React and FramerMotion.

• Host: GitHub
• URL: https://github.com/anuraghazra/facebook-reaction-animation
• Owner: anuraghazra
• Created: 2019-11-28T15:18:05.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T13:23:29.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T13:31:44.782Z (about 1 month ago)
• Topics: facebook, framer-motion, react, reactjs, web-animation
• Language: JavaScript
• Homepage: https://anuraghazra.github.io/facebook-reaction-animation
• Size: 7.43 MB
• Stars: 27
• Watchers: 2
• Forks: 9
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Facebook Reaction Animation

Facebook Reaction Animation made with React and FramerMotion.

**demo:** https://anuraghazra.github.io/facebook-reaction-animation

![Facebook Reaction Animation](./src/assets/facebook-reaction-animation.png)

### :wrench: Tools Used

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

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

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

## :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/facebook-reaction-animation.git

```

### Step 2: Install Dependencies

cd into the directory

```bash

cd facebook-reaction-animation

```

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.