[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73910":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},73910,"motion-vue","motiondivision\u002Fmotion-vue","motiondivision","Motion for Vue","https:\u002F\u002Fmotion.dev",null,"TypeScript",2183,59,5,6,0,3,9,27.33,"MIT License",false,"master",[24,25,26,5,27],"animation","framer-motion","motion","vue","2026-06-12 02:03:19","\u003Ch1 align=\"center\"> \u003Cimg width=\"35\" height=\"35\" alt=\"Motion logo\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F00d6d1c3-72c4-4c2f-a664-69da13182ffc\" \u002F>\u003Cbr \u002F>Motion for Vue\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmotion-v\" target=\"_blank\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fmotion-v.svg?style=flat-square\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fmotion-v\" target=\"_blank\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fmotion-v.svg?style=flat-square\" \u002F>\n  \u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002Fmotiondotdev\" target=\"_blank\">\n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fframer.svg?style=social&label=Follow\"  \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr>\n\u003Chr>\n\u003Cbr>\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 }\" \u002F>\n```\n\nIt does all this:\n\n- Springs\n- Keyframes\n- Layout animations\n- Shared layout animations\n- Gestures (drag\u002Ftap\u002Fhover)\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>\nimport { motion } from 'motion-v'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmotion.div :animate=\"{ x: 100 }\" \u002F>\n\u003C\u002Ftemplate>\n```\n\n## ⚡️ Motion+\n\nLearn, Design, Build. [Motion+](https:\u002F\u002Fmotion.dev\u002Fplus) 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:\u002F\u002Fmotion.dev\u002Fplus)\n\n## 🎨 Studio\n\n![Video of bezier curve editing](https:\u002F\u002Fframerusercontent.com\u002Fimages\u002FKO5dnHOUSNGb9S73p1J7nLhoFI.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:\u002F\u002Fmotion.dev\u002Fdocs\u002Ftools-quick-start).\n\n### 💎 Contribute\n\n- Want to contribute to Motion? Our [contributing guide](https:\u002F\u002Fgithub.com\u002Fmotiondivision\u002Fmotion-vue\u002Fblob\u002Fmaster\u002FCONTRIBUTING.md) has you covered.\n- [Join our discord ](https:\u002F\u002Fdiscord.com\u002Finvite\u002FdCBuRgdNDG)\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:\u002F\u002Fwww.framer.com?utm_source=motion-readme\">\n  \u003Cimg alt=\"Framer\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F0404c7a1-c29d-4785-89ae-aae315f3c759\" width=\"300px\" height=\"200px\">\n\u003C\u002Fa>\n\n### Platinum\n\n\u003Ca href=\"https:\u002F\u002Ftailwindcss.com\">\u003Cimg alt=\"Tailwind\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fc0496f09-b8ee-4bc4-85ab-83a071bbbdec\" width=\"300px\" height=\"200px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Flinear.app\">\u003Cimg alt=\"Linear\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fa93710bb-d8ed-40e3-b0fb-1c5b3e2b16bb\" width=\"300px\" height=\"200px\">\u003C\u002Fa>\n\n### Gold\n\n\u003Ca href=\"https:\u002F\u002Ftailwindcss.com\">\u003Cimg alt=\"Tailwind\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F1d5f2571-8bc3-4367-9fec-14d291168ff0\" width=\"200px\" height=\"120px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Femilkowal.ski\">\u003Cimg alt=\"Emil Kowalski\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F33d1cb98-238a-4eed-a0df-9c7ab097d65b\" width=\"200px\" height=\"120px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fliveblocks.io\">\u003Cimg alt=\"Liveblocks\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F28eddbe5-1617-4e74-969d-2eb6fcd481af\" width=\"200px\" height=\"120px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fvercel.com\">\u003Cimg alt=\"Vercel\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fabc473bd-07ae-4a7d-9833-efe9dadb3773\" width=\"200px\" height=\"120px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Flu.ma\">\u003Cimg alt=\"Luma\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fac282433-6adb-4ad2-9fd2-5c6ee513c14b\" width=\"200px\" height=\"120px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fnotion.com\">\u003Cimg alt=\"Notion\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fa27a6033-3cb0-4232-a6bb-625e1824517b\" width=\"200px\" height=\"120px\">\u003C\u002Fa>\n\n### Silver\n\n\u003Ca href=\"https:\u002F\u002Fwww.frontend.fyi\u002F?utm_source=motion\">\u003Cimg alt=\"Frontend.fyi\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Ff16e3eb9-f0bd-4ad1-8049-f079a3d65c69\" width=\"150px\" height=\"100px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Ffirecrawl.dev\">\u003Cimg alt=\"Firecrawl\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F2c44e7f4-5c2a-4714-9050-1570538665ff\" width=\"150px\" height=\"100px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fpuzzmo.com\">\u003Cimg alt=\"Puzzmo\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fe32205a7-3ab1-41ec-8729-a794058fd655\" width=\"150px\" height=\"100px\">\u003C\u002Fa> \u003Ca href=\"https:\u002F\u002Fbolt.new\">\u003Cimg alt=\"Bolt.new\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F7932d4b2-bb6c-422e-82b9-6ad78a7e3090\" width=\"150px\" height=\"100px\">\u003C\u002Fa>\n\n### Personal sponsors\n\n-   [OlegWock](https:\u002F\u002Fsinja.io)\n-   [Lambert Weller](https:\u002F\u002Fgithub.com\u002Fl-mbert)\n-   [Jake LeBoeuf](https:\u002F\u002Fjklb.wf)\n-   [Han Lee](https:\u002F\u002Fgithub.com\u002Fhahnlee)\n","Motion for Vue 是一个为创意开发者设计的开源动画库，适用于生产环境。它通过结合JavaScript动画的强大功能与浏览器原生API的性能优势，提供了一种混合引擎来实现流畅且高效的动画效果。核心功能包括弹簧、关键帧、布局动画、手势识别（如拖拽\u002F点击\u002F悬停）、滚动动画、SVG路径动画等，并支持服务器端渲染和CSS变量操作。此外，该库还允许跨组件编排复杂的动画序列。适合于需要丰富交互体验和高性能动画效果的Vue.js项目中使用。",2,"2026-06-11 03:47:54","high_star"]