All Projects → anuraghazra → facebook-reaction-animation

anuraghazra / facebook-reaction-animation

Licence: other
Facebook Reaction Animation made with React and FramerMotion.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to facebook-reaction-animation

next-ts-starter
A Next.JS powered Typescript starter with styled components, styled-system, framer motion, jest and cypress
Stars: ✭ 27 (+12.5%)
Mutual labels:  framer-motion
ng-micro-interact
Micro Interaction Directive for Angular apps - based on native web animations and nothing more..
Stars: ✭ 24 (+0%)
Mutual labels:  web-animation
nodes.js
🌌 nodes.js is a nodes/particles animation useable for backgrounds
Stars: ✭ 24 (+0%)
Mutual labels:  web-animation
react-stripe-dropdown
React Stripe Inspired Dropdown
Stars: ✭ 22 (-8.33%)
Mutual labels:  framer-motion
adeolaadeoti-v2
The second iteration of my portfolio
Stars: ✭ 67 (+179.17%)
Mutual labels:  framer-motion
next-ts-graphql-apollo-starter
An opiniated Next powered starter which include support for Apollo with GraphQL SSR support, codegen, styled component / system, framer motion and Cypress
Stars: ✭ 18 (-25%)
Mutual labels:  framer-motion
next-motion
page transitions with nextjs and framer motion api
Stars: ✭ 25 (+4.17%)
Mutual labels:  framer-motion
react-sendbird-messenger
ReactJS (React-router-dom v6 + Antdesign + Firebase + Sendbird + Sentry) codebase containing real world examples (CRUD, auth, advanced patterns, etc).
Stars: ✭ 39 (+62.5%)
Mutual labels:  framer-motion
benjamincarlson.io
My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote.
Stars: ✭ 102 (+325%)
Mutual labels:  framer-motion
next-tailwind-motion
A simple Next.js starter kit with TailwindCSS (JIT) and Framer Motion preconfigured. Optional feature branches for Locomotive Scroll, Sanity and Dato configuration coming soon...
Stars: ✭ 40 (+66.67%)
Mutual labels:  framer-motion
next-tailwind-starter
A starter for Next.js with Tailwind CSS and Typescript. Pre-configured with absolute import, TailwindUI and some additional components.
Stars: ✭ 22 (-8.33%)
Mutual labels:  framer-motion
abeg-rebuild
A minimal rebuild of the abeg web interface.
Stars: ✭ 24 (+0%)
Mutual labels:  framer-motion
klee
A personnal UI library made as an excuse to have a published UI package
Stars: ✭ 19 (-20.83%)
Mutual labels:  framer-motion
framer-motion-hooks
Fill the hook gap in Framer Motion
Stars: ✭ 160 (+566.67%)
Mutual labels:  framer-motion
io-dev
IO Dev is a portfolio website to showcase the work and projects I have created
Stars: ✭ 22 (-8.33%)
Mutual labels:  framer-motion
portfolio
My personal portfolio to show my skills, experience, and articles I published.
Stars: ✭ 81 (+237.5%)
Mutual labels:  framer-motion
LunaDesk
The people-first scheduling tool, coming 2022. LunaDesk is a web app, originally created by Josh Cawthorne and known as "WorkFrom" for the Supabase Hackathon.
Stars: ✭ 85 (+254.17%)
Mutual labels:  framer-motion
booktez-client
📚진짜 독서가들의 독서법 - 북스테어즈 (React)
Stars: ✭ 53 (+120.83%)
Mutual labels:  framer-motion
maggieappleton.com-V2
A digital garden built with Next.js, React, and MDX. Featuring loosely opinionated notes, half-formed ideas, and content that is always growing.
Stars: ✭ 163 (+579.17%)
Mutual labels:  framer-motion
gitline
Github repositories timeline 📑
Stars: ✭ 32 (+33.33%)
Mutual labels:  framer-motion

Facebook Reaction Animation

Facebook Reaction Animation made with React and FramerMotion.

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

Facebook Reaction Animation

🔧 Tools Used

✌️ 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 -

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

Step 2: Install Dependencies

cd into the directory

cd facebook-reaction-animation

install all the dependencies

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 if you liked it. Made with ❤️ and React.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].