[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-93232":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":8,"language":10,"languages":8,"totalLinesOfCode":8,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":14,"stars7d":15,"stars30d":16,"stars90d":14,"forks30d":14,"starsTrendScore":14,"compositeScore":17,"rankGlobal":8,"rankLanguage":8,"license":8,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":8,"pushedAt":8,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":14,"starSnapshotCount":14,"syncStatus":12,"lastSyncTime":25,"discoverSource":26},93232,"Amicro--Micro-transitions-","Subhan-code\u002FAmicro--Micro-transitions-","Subhan-code",null,"https:\u002F\u002Famicro.vercel.app","TypeScript",220,2,128,0,31,49,55.83,false,"main",true,[],"2026-07-22 04:02:08","\u003Cdiv align=\"center\">\n  \u003Ch1>Amicro — Micro-transitions\u003C\u002Fh1>\n  \u003Cp>A curated library of premium React micro-interactions and transition components powered by Motion.\u003C\u002Fp>\n\n  \u003Cp>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FSubhan-code\u002FAmicro--Micro-transitions-\u002Fstargazers\">\n      \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FSubhan-code\u002FAmicro--Micro-transitions-?style=flat&color=F5A623\" alt=\"GitHub Stars\" \u002F>\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FSubhan-code\u002FAmicro--Micro-transitions-\u002Fblob\u002Fmain\u002FLICENSE\">\n      \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FSubhan-code\u002FAmicro--Micro-transitions-?style=flat&color=50E3C2\" alt=\"License\" \u002F>\n    \u003C\u002Fa>\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg?style=flat\" alt=\"PRs Welcome\" \u002F>\n  \u003C\u002Fp>\n\u003C\u002Fdiv>\n\n---\n\n## ✨ Features\n\n- ⚡️ **Clean Micro-transitions**: Smooth, hardware-accelerated animations for buttons, controls, and UI states.\n- ⚙️ **One-click Code Generation**: Copy-to-clipboard compiles pure React + Tailwind + Motion code instantly.\n- 🌓 **Dynamic Theme System**: Seamless transitions between Dark and Light mode. Toggle theme copy matches.\n- 📱 **Interactive layouts**: Live preview layouts in Grid, List, and Matrix modes with instant scaling animations.\n- 📊 **Dynamic Stats**: Real-time integration of repository Stargazers counts.\n- 🎨 **Harmonious Aesthetics**: Tailored styling inspired by Syed Subhan's **Oxygen UI**.\n\n---\n\n## 🛠️ Tech Stack\n\n- **Framework**: React (with TypeScript)\n- **Styling**: Tailwind CSS\n- **Animations**: [Motion](https:\u002F\u002Fmotion.dev) (formerly Framer Motion v12)\n- **Icons**: Lucide React\n- **Build Tool**: Vite\n\n---\n\n## 🚀 Getting Started\n\n### Prerequisites\n- Node.js (v18+)\n- npm or yarn\n\n### 1. Clone the Repository\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002FSubhan-code\u002FAmicro--Micro-transitions-.git\ncd Amicro--Micro-transitions-\n```\n\n### 2. Install Dependencies\n```bash\nnpm install\n```\n\n### 3. Start Development Server\n```bash\nnpm run dev\n```\n\n### 4. Build for Production\n```bash\nnpm run build\n```\n\n---\n\n## 📦 Adding Custom Micro-transitions\n\nTo add a new micro-transition to the sandbox list:\n1. Define your transition's trigger properties in `src\u002Fdata\u002Fbuttons.tsx`.\n2. Configure custom entry\u002Fexit behaviors in the `AnimatedButton` component wrapper in `src\u002Fcomponents\u002FAnimatedButton.tsx`.\n3. Provide the copyable React source template in `src\u002Futils\u002FcodeGenerator.ts`.\n\n---\n\n## 🤝 Credits\n\n- **Creator**: [Syed Subhan](https:\u002F\u002Fx.com\u002FSubhanHQ)\n- **Design Inspiration**: [Oxygen UI](https:\u002F\u002Foxygen-ui.vercel.app)\n\n---\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","Amicro 是一个面向 React 开发者的轻量级微交互与过渡动画组件库，基于 Motion（Framer Motion v12）和 Tailwind CSS 构建。它提供预设的硬件加速按钮、控件及 UI 状态过渡效果，支持一键生成可复用的 React + Tailwind + Motion 代码片段，并内置暗色\u002F亮色主题无缝切换、响应式布局预览与实时星标统计功能。适用于需要快速集成精致微动效的中后台系统、设计系统文档站或产品官网等注重交互动效体验的前端项目。","2026-07-14 02:30:02","CREATED_QUERY"]