{"id":15063234,"url":"https://github.com/eduardconstantin/react-motion-components","last_synced_at":"2025-09-05T03:41:52.007Z","repository":{"id":147781801,"uuid":"607297394","full_name":"eduardconstantin/react-motion-components","owner":"eduardconstantin","description":"React Motion Components is my own collection of reusable UI components animated with framer-motion.","archived":false,"fork":false,"pushed_at":"2025-08-06T15:52:00.000Z","size":19199,"stargazers_count":67,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-06T17:49:55.731Z","etag":null,"topics":["challenge","components","framer-motion","reactjs","storybook","vite"],"latest_commit_sha":null,"homepage":"https://react-motion-components.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eduardconstantin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2023-02-27T17:59:10.000Z","updated_at":"2025-08-06T15:52:04.000Z","dependencies_parsed_at":"2023-10-03T23:54:59.534Z","dependency_job_id":"6e7fe19d-2fc7-48b1-9041-28f7912fcfc4","html_url":"https://github.com/eduardconstantin/react-motion-components","commit_stats":{"total_commits":154,"total_committers":2,"mean_commits":77.0,"dds":0.09740259740259738,"last_synced_commit":"73a6f173d900a7780dd5693cfd33fc6b55ba9094"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/eduardconstantin/react-motion-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eduardconstantin%2Freact-motion-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eduardconstantin%2Freact-motion-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eduardconstantin%2Freact-motion-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eduardconstantin%2Freact-motion-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eduardconstantin","download_url":"https://codeload.github.com/eduardconstantin/react-motion-components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eduardconstantin%2Freact-motion-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273708979,"owners_count":25153728,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["challenge","components","framer-motion","reactjs","storybook","vite"],"created_at":"2024-09-24T23:53:43.837Z","updated_at":"2025-09-05T03:41:51.960Z","avatar_url":"https://github.com/eduardconstantin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"public/rmc.png\"\u003e\n\u003c/div\u003e\n\nReact Motion Components is a collection of reusable UI components animated with framer-motion, a popular animation\nlibrary for React and documented with storybook, a tool for developing and testing UI components in isolation.\n\n\u003cdiv align=\"center\"\u003e\n\n[![Contributors](https://img.shields.io/github/contributors/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/graphs/contributors)\n[![Issue](https://img.shields.io/github/issues/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/issues)\n[![PRs](https://img.shields.io/github/issues-pr/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/pulls)\n\u003cbr/\u003e\n[![Project license](https://img.shields.io/github/license/eduardconstantin/react-motion-components?style=flat-square)](LICENSE)\n[![Stars](https://img.shields.io/github/stars/eduardconstantin/react-motion-components?style=flat-square)](https://github.com/eduardconstantin/react-motion-components/stargazers)\n\n\u003c/div\u003e\n\n## 🧩 Components\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch3 align=\"center\"\u003eMarvel Rivals Button\u003c/h3\u003e\n  \u003cimg align=\"center\" height=\"300px\" src=\"https://cdn.dribbble.com/userupload/41513653/file/original-52765844e205d751460a3691e8eca994.gif\"/\u003e \n  \u003cbr\u003e\n  \u003cdetails align=\"center\"\u003e\n    \u003csummary\u003eClick for more\u003c/summary\u003e\n    \u003cpre\u003e\n      \u003ch3 align=\"center\"\u003eGoomorphic Card\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"https://cdn.dribbble.com/userupload/17062044/file/original-688c4d8e44a27791bb409b87f7b2314d.gif\"/\u003e \n      \u003ch3 align=\"center\"\u003eGoomorphic Menu\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"https://cdn.dribbble.com/userupload/16249760/file/original-f9f8054776c4ef1409b03e7cea6033d2.gif\"/\u003e \n      \u003ch3 align=\"center\"\u003eCounter-Strike Button\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"https://cdn.dribbble.com/userupload/9956491/file/original-1c3263055d59db01e43678d5d5b8e71a.gif\"/\u003e \n      \u003ch3 align=\"center\"\u003e✨Framer AI Button\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"https://cdn.dribbble.com/userupload/5766170/file/original-8c76fbedd0ced146fff4c572616a6b4d.gif\"/\u003e\n      \u003ch3 align=\"center\"\u003eComic-Book Button\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"public/assets/comicbtn.gif\"/\u003e\n      \u003ch3 align=\"center\"\u003eNavigation Menu\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"public/assets/menu.gif\"/\u003e\n      \u003ch3 align=\"center\"\u003eDynamic Menu\u003c/h3\u003e\n      \u003cimg align=\"center\" height=\"200px\" src=\"public/assets/dynMenu.gif\"/\u003e\n    \u003c/pre\u003e\n  \u003c/details\u003e\n  \n\u003c/div\u003e\n\n## 🌱 Getting Started\n\nClone the repository:\n\n```bash\ngit clone https://github.com/eduardconstantin/react-motion-components.git\n```\n\nInstall dependencies:\n\n```bash\nnpm install\n```\n\nRun storybook:\n\n```bash\nnpm run storybook\n```\n\nOpen your browser and navigate to [http://localhost:6006](http://localhost:6006). This is where you can browse and\ninteract with the components. You can also view the source code and documentation for each component.\n\n## 👥 Contributing\n\nReact Motion Components is an open source project and contributions are welcome. If you want to suggest a new feature,\nreport a bug, or fix an issue, please follow the steps from the [contribution guidlines](CONTRIBUTING.md).\n\nFor a full list of all authors and contributors, see the\n[contributors page.](https://github.com/eduardconstantin/react-motion-components/contributors)\n\n## 📜 License\n\nReact Motion Components is licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feduardconstantin%2Freact-motion-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feduardconstantin%2Freact-motion-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feduardconstantin%2Freact-motion-components/lists"}