{"id":25941846,"url":"https://github.com/motiondivision/motion-vue","last_synced_at":"2026-02-13T11:36:48.758Z","repository":{"id":262927165,"uuid":"888776231","full_name":"motiondivision/motion-vue","owner":"motiondivision","description":"Motion for Vue","archived":false,"fork":false,"pushed_at":"2026-02-07T16:40:56.000Z","size":2104,"stargazers_count":2125,"open_issues_count":13,"forks_count":56,"subscribers_count":4,"default_branch":"master","last_synced_at":"2026-02-08T00:57:10.985Z","etag":null,"topics":["animation","framer-motion","motion","motion-vue","vue"],"latest_commit_sha":null,"homepage":"https://motion.dev","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/motiondivision.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["rick-hup"],"custom":["https://motion.dev/plus"]}},"created_at":"2024-11-15T01:38:01.000Z","updated_at":"2026-02-06T23:53:29.000Z","dependencies_parsed_at":"2025-01-15T18:18:41.005Z","dependency_job_id":"35e91f5e-cb65-4ca3-af5e-a42e267e94e4","html_url":"https://github.com/motiondivision/motion-vue","commit_stats":null,"previous_names":["rick-hup/motion-vue","unovue/motion-vue","motiondivision/motion-vue"],"tags_count":89,"template":false,"template_full_name":null,"purl":"pkg:github/motiondivision/motion-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motiondivision%2Fmotion-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motiondivision%2Fmotion-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motiondivision%2Fmotion-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motiondivision%2Fmotion-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/motiondivision","download_url":"https://codeload.github.com/motiondivision/motion-vue/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/motiondivision%2Fmotion-vue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29398154,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T06:24:03.484Z","status":"ssl_error","status_checked_at":"2026-02-13T06:23:12.830Z","response_time":78,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["animation","framer-motion","motion","motion-vue","vue"],"created_at":"2025-03-04T06:15:44.396Z","updated_at":"2026-02-13T11:36:48.752Z","avatar_url":"https://github.com/motiondivision.png","language":"TypeScript","funding_links":["https://github.com/sponsors/rick-hup","https://motion.dev/plus"],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e \u003cimg width=\"35\" height=\"35\" alt=\"Motion logo\" src=\"https://github.com/user-attachments/assets/00d6d1c3-72c4-4c2f-a664-69da13182ffc\" /\u003e\u003cbr /\u003eMotion for Vue\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/motion-v\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/motion-v.svg?style=flat-square\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/motion-v\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/npm/dm/motion-v.svg?style=flat-square\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/motiondotdev\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://img.shields.io/twitter/follow/framer.svg?style=social\u0026label=Follow\"  /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\u003chr\u003e\n\u003cbr\u003e\n\nMotion for Vue is an open source, production-ready library that’s designed for all creative developers.\n\nIt's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.\n\nIt looks like this:\n\n```jsx\n\u003cmotion.div :animate=\"{ x: 100 }\" /\u003e\n```\n\nIt does all this:\n\n- Springs\n- Keyframes\n- Layout animations\n- Shared layout animations\n- Gestures (drag/tap/hover)\n- Scroll animations\n- SVG paths\n- Exit animations\n- Server-side rendering\n- Independent transforms\n- Orchestrate animations across components\n- CSS variables\n\n...and a whole lot more.\n\n## Get started\n\n### 🐇 Quick start\n\nInstall `motion-v` via your package manager:\n\n```\nnpm install motion-v\n```\n\nThen import the `motion` component:\n\n```vue\n\u003cscript setup\u003e\nimport { motion } from 'motion-v'\n\u003c/script\u003e\n\n\u003ctemplate\u003e\n  \u003cmotion.div :animate=\"{ x: 100 }\" /\u003e\n\u003c/template\u003e\n```\n\n## ⚡️ Motion+\n\nLearn, Design, Build. [Motion+](https://motion.dev/plus) is a one-time fee, lifetime update membership that provides:\n- 160+ premium Motion Examples\n- Motion UI features like Cursor and Ticker\n- Motion Studio animation editing for VS Code `alpha`\n- Early access content\n- Private Discord\n\n[Get Motion+](https://motion.dev/plus)\n\n## 🎨 Studio\n\n![Video of bezier curve editing](https://framerusercontent.com/images/KO5dnHOUSNGb9S73p1J7nLhoFI.gif)\n\nMotion Studio is a versatile suite of developer tools allowing you to:\n\n-   Visually edit CSS and Motion easing curves in VS Code\n-   Generate CSS springs with LLMs\n-   Load Motion docs into your LLM\n\nGet started with [Motion Studio](https://motion.dev/docs/tools-quick-start).\n\n### 💎 Contribute\n\n- Want to contribute to Motion? Our [contributing guide](https://github.com/motiondivision/motion-vue/blob/master/CONTRIBUTING.md) has you covered.\n- [Join our discord ](https://discord.com/invite/dCBuRgdNDG)\n\n### 👩🏻‍⚖️ License\n\n- Motion for Vue is MIT licensed.\n\n## ✨ Sponsors\n\nMotion is sustainable thanks to the kind support of its sponsors.\n\n### Partners\n\n#### Framer\n\nMotion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.\n\n\u003ca href=\"https://www.framer.com?utm_source=motion-readme\"\u003e\n  \u003cimg alt=\"Framer\" src=\"https://github.com/user-attachments/assets/0404c7a1-c29d-4785-89ae-aae315f3c759\" width=\"300px\" height=\"200px\"\u003e\n\u003c/a\u003e\n\n### Platinum\n\n\u003ca href=\"https://tailwindcss.com\"\u003e\u003cimg alt=\"Tailwind\" src=\"https://github.com/user-attachments/assets/c0496f09-b8ee-4bc4-85ab-83a071bbbdec\" width=\"300px\" height=\"200px\"\u003e\u003c/a\u003e \u003ca href=\"https://linear.app\"\u003e\u003cimg alt=\"Linear\" src=\"https://github.com/user-attachments/assets/a93710bb-d8ed-40e3-b0fb-1c5b3e2b16bb\" width=\"300px\" height=\"200px\"\u003e\u003c/a\u003e\n\n### Gold\n\n\u003ca href=\"https://tailwindcss.com\"\u003e\u003cimg alt=\"Tailwind\" src=\"https://github.com/user-attachments/assets/1d5f2571-8bc3-4367-9fec-14d291168ff0\" width=\"200px\" height=\"120px\"\u003e\u003c/a\u003e \u003ca href=\"https://emilkowal.ski\"\u003e\u003cimg alt=\"Emil Kowalski\" src=\"https://github.com/user-attachments/assets/33d1cb98-238a-4eed-a0df-9c7ab097d65b\" width=\"200px\" height=\"120px\"\u003e\u003c/a\u003e \u003ca href=\"https://liveblocks.io\"\u003e\u003cimg alt=\"Liveblocks\" src=\"https://github.com/user-attachments/assets/28eddbe5-1617-4e74-969d-2eb6fcd481af\" width=\"200px\" height=\"120px\"\u003e\u003c/a\u003e \u003ca href=\"https://vercel.com\"\u003e\u003cimg alt=\"Vercel\" src=\"https://github.com/user-attachments/assets/abc473bd-07ae-4a7d-9833-efe9dadb3773\" width=\"200px\" height=\"120px\"\u003e\u003c/a\u003e \u003ca href=\"https://lu.ma\"\u003e\u003cimg alt=\"Luma\" src=\"https://github.com/user-attachments/assets/ac282433-6adb-4ad2-9fd2-5c6ee513c14b\" width=\"200px\" height=\"120px\"\u003e\u003c/a\u003e \u003ca href=\"https://notion.com\"\u003e\u003cimg alt=\"Notion\" src=\"https://github.com/user-attachments/assets/a27a6033-3cb0-4232-a6bb-625e1824517b\" width=\"200px\" height=\"120px\"\u003e\u003c/a\u003e\n\n### Silver\n\n\u003ca href=\"https://www.frontend.fyi/?utm_source=motion\"\u003e\u003cimg alt=\"Frontend.fyi\" src=\"https://github.com/user-attachments/assets/f16e3eb9-f0bd-4ad1-8049-f079a3d65c69\" width=\"150px\" height=\"100px\"\u003e\u003c/a\u003e \u003ca href=\"https://firecrawl.dev\"\u003e\u003cimg alt=\"Firecrawl\" src=\"https://github.com/user-attachments/assets/2c44e7f4-5c2a-4714-9050-1570538665ff\" width=\"150px\" height=\"100px\"\u003e\u003c/a\u003e \u003ca href=\"https://puzzmo.com\"\u003e\u003cimg alt=\"Puzzmo\" src=\"https://github.com/user-attachments/assets/e32205a7-3ab1-41ec-8729-a794058fd655\" width=\"150px\" height=\"100px\"\u003e\u003c/a\u003e \u003ca href=\"https://bolt.new\"\u003e\u003cimg alt=\"Bolt.new\" src=\"https://github.com/user-attachments/assets/7932d4b2-bb6c-422e-82b9-6ad78a7e3090\" width=\"150px\" height=\"100px\"\u003e\u003c/a\u003e\n\n### Personal sponsors\n\n-   [OlegWock](https://sinja.io)\n-   [Lambert Weller](https://github.com/l-mbert)\n-   [Jake LeBoeuf](https://jklb.wf)\n-   [Han Lee](https://github.com/hahnlee)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmotiondivision%2Fmotion-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmotiondivision%2Fmotion-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmotiondivision%2Fmotion-vue/lists"}