https://github.com/eduardconstantin/react-motion-components

React Motion Components is my own collection of reusable UI components animated with framer-motion.
https://github.com/eduardconstantin/react-motion-components

challenge components framer-motion reactjs storybook vite

Last synced: 9 months ago
JSON representation

React Motion Components is my own collection of reusable UI components animated with framer-motion.

• Host: GitHub
• URL: https://github.com/eduardconstantin/react-motion-components
• Owner: eduardconstantin
• License: mit
• Created: 2023-02-27T17:59:10.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-08-06T15:52:00.000Z (10 months ago)
• Last Synced: 2025-08-06T17:49:55.731Z (10 months ago)
• Topics: challenge, components, framer-motion, reactjs, storybook, vite
• Language: TypeScript
• Homepage: https://react-motion-components.vercel.app
• Size: 18.3 MB
• Stars: 67
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          






React Motion Components is a collection of reusable UI components animated with framer-motion, a popular animation

library for React and documented with storybook, a tool for developing and testing UI components in isolation.



[![Contributors](https://img.shields.io/github/contributors/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/graphs/contributors)

[![Issue](https://img.shields.io/github/issues/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/issues)

[![PRs](https://img.shields.io/github/issues-pr/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/pulls)




[![Project license](https://img.shields.io/github/license/eduardconstantin/react-motion-components?style=flat-square)](LICENSE)

[![Stars](https://img.shields.io/github/stars/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/stargazers)



## 🧩 Components



  
Marvel Rivals Button

   

  


  

    Click for more

    

      
Goomorphic Card

       

      
Goomorphic Menu

       

      
Counter-Strike Button

       

      
✨Framer AI Button

      

      
Comic-Book Button

      

      
Navigation Menu

      

      
Dynamic Menu

      

    

  

  



## 🌱 Getting Started

Clone the repository:

```bash

git clone https://github.com/eduardconstantin/react-motion-components.git

```

Install dependencies:

```bash

npm install

```

Run storybook:

```bash

npm run storybook

```

Open your browser and navigate to [http://localhost:6006](http://localhost:6006). This is where you can browse and

interact with the components. You can also view the source code and documentation for each component.

## 👥 Contributing

React Motion Components is an open source project and contributions are welcome. If you want to suggest a new feature,

report a bug, or fix an issue, please follow the steps from the [contribution guidlines](CONTRIBUTING.md).

For a full list of all authors and contributors, see the

[contributors page.](https://github.com/eduardconstantin/react-motion-components/contributors)

## 📜 License

React Motion Components is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.