Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 5 days 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 (almost 2 years ago)
Default Branch: main
Last Pushed: 2024-12-17T17:13:47.000Z (about 1 month ago)
Last Synced: 2025-01-10T01:13:43.903Z (12 days ago)
Topics: challenge, components, framer-motion, reactjs, storybook, vite
Language: TypeScript
Homepage: https://react-motion-components.vercel.app
Size: 18.9 MB
Stars: 59
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



  Goomorphic Card

   

  


  

    Click for more

    
      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.