{"id":29130513,"url":"https://github.com/kanadshee-18/motion-animations","last_synced_at":"2026-05-06T19:04:45.561Z","repository":{"id":301581829,"uuid":"1009710243","full_name":"KanadShee-18/motion-animations","owner":"KanadShee-18","description":"A curated collection of modular animation components built with motion.dev \u0026 React ⚛️ — crafted for clean code, reusability, and smooth UI ✨.","archived":false,"fork":false,"pushed_at":"2025-06-27T16:10:54.000Z","size":95,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-27T16:39:46.752Z","etag":null,"topics":["aceternity-ui","animation","codeblock","lucide-icons","motion","next15","react","react19","shadcn-ui","tablericons","tailwindcss","tailwindcss-v4"],"latest_commit_sha":null,"homepage":"https://motion-animations-dev.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/KanadShee-18.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"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}},"created_at":"2025-06-27T15:22:47.000Z","updated_at":"2025-06-27T16:10:58.000Z","dependencies_parsed_at":"2025-06-27T16:40:10.810Z","dependency_job_id":"6b666a9e-de2b-480e-8620-61235d45806f","html_url":"https://github.com/KanadShee-18/motion-animations","commit_stats":null,"previous_names":["kanadshee-18/motion-animations"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KanadShee-18/motion-animations","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanadShee-18%2Fmotion-animations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanadShee-18%2Fmotion-animations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanadShee-18%2Fmotion-animations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanadShee-18%2Fmotion-animations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KanadShee-18","download_url":"https://codeload.github.com/KanadShee-18/motion-animations/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KanadShee-18%2Fmotion-animations/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262708005,"owners_count":23351532,"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","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":["aceternity-ui","animation","codeblock","lucide-icons","motion","next15","react","react19","shadcn-ui","tablericons","tailwindcss","tailwindcss-v4"],"created_at":"2025-06-30T04:05:58.840Z","updated_at":"2026-05-06T19:04:40.519Z","avatar_url":"https://github.com/KanadShee-18.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 🎬 Reusable Motion \u0026 Animation Components\n\n### A curated collection of modular animation components built with motion.dev \u0026 React ⚛️ — crafted for clean code, reusability, and smooth UI ✨.\n\n## 🚀 What's Inside\n\n- This repo contains animation utilities and ready-to-use motion components covering:\n\n- 🧲 Simple Animations — Effortlessly animate x, y, scale, opacity, and more.\n\n- 🧩 Reusable Variants — Define animation variants once, reuse across components.\n\n- 🎯 Layout Animations — Smooth transitions using layoutId for shared layout motion.\n\n- 🌀 Exit Animations — Animate elements out with AnimatePresence for clean unmounting.\n\n- 🧠 Motion Hooks — Use useAnimate, usePresence, and other hooks for dynamic logic-driven animations.\n\n- 🎞️ Animation Sequences — Timeline-based AnimationSequence support for chained motion.\n\n- 🖱️ Hover \u0026 Tap Effects — Predefined whileHover, whileTap props to add interactivity with ease.\n\n-- 🧱 Composed Motion Components — Custom wrappers around motion.div, motion.button, etc., with default props and themes.\n\n---\n\n## 🛠 Built With\n\n- motion.dev (Framer Motion reimagined)\n\n- Next.js 15\n\n- React 19+\n\n- Tailwind CSS\n\n- Lucide React + Tabler Icons\n\n- shadcn/ui for base primitives and codeblock from aceternity\n\n---\n\n## 💡 Use Cases\n\n- UI reveal animations\n\n- Interactive button feedback\n\n- Seamless page/component transitions\n\n- Animated loaders, navbars, modals\n\n- Micro-interactions and hover effects\n\n---\n\n## LICENSE:\n\n- [LICENSE](LICENSE)\n\n---\n\n\u003e If You got any help kindly give a star ☺️.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkanadshee-18%2Fmotion-animations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkanadshee-18%2Fmotion-animations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkanadshee-18%2Fmotion-animations/lists"}