[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-78624":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":9,"pushedAt":9,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":15,"starSnapshotCount":15,"syncStatus":35,"lastSyncTime":36,"discoverSource":37},78624,"itshover","itshover\u002Fitshover","Icons that move with intent","https:\u002F\u002Fitshover.com",null,"TypeScript",2265,144,7,31,0,15,36,103,45,28.48,"Apache License 2.0",false,"master",true,[26,27,28,29,30,31],"animation","icons","motion","shadcn","shadcn-ui","svg","2026-06-12 02:03:48","# Its Hover\n\n\u003Ca href=\"https:\u002F\u002Fvercel.com\u002Foss\">\n  \u003Cimg alt=\"Vercel OSS Program\" src=\"https:\u002F\u002Fvercel.com\u002Foss\u002Fprogram-badge.svg\" \u002F>\n\u003C\u002Fa>\n\nAnimated icon library built with React and Motion. Icons designed to move with intent, not decoration.\n\n![Its Hover Product Screenshot](public\u002Fproduct\u002Fsvg.png)\n\n## Features\n\n- **Motion-first design** - Every icon animates on interaction, built with motion\u002Freact\n- **React components** - Drop-in components that work with Next.js, shadcn, and modern tooling\n- **Fully customizable** - Copy the source, modify animations, adjust stroke width and colors\n- **Open source** - MIT licensed, community owned\n\n## Quick Start\n\n### Via CLI\n\n```bash\nnpx shadcn@latest add https:\u002F\u002Fitshover.com\u002Fr\u002F[icon-name].json\n```\n\n### Manual Installation\n\n1. Install dependencies:\n\n```bash\nnpm install motion\n```\n\n2. Copy any icon component from the `icons\u002F` directory into your project\n\n3. Import and use:\n\n```tsx\nimport GithubIcon from \"@\u002Ficons\u002Fgithub-icon\";\n\nexport default function Example() {\n  return \u003CGithubIcon className=\"h-6 w-6\" \u002F>;\n}\n```\n\n## Icon Library\n\n186+ animated icons covering:\n\n- UI essentials (arrows, checks, navigation)\n- Social (GitHub, Twitter, Discord, LinkedIn)\n- Tech (Docker, Node.js, Python, TypeScript)\n- Actions (copy, send, cart, settings)\n- Currency (Bitcoin, Ethereum, Dollar, Rupee)\n- Status (alerts, notifications, loading states)\n\nBrowse all icons at [itshover.com\u002Ficons](https:\u002F\u002Fitshover.com\u002Ficons)\n\n## Tech Stack\n\n- Next.js 16\n- React 18+\n- motion\u002Freact for animations\n- Tailwind CSS 4\n- shadcn\u002Fui components\n\n## Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start dev server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Format code\nnpm run format\n\n# Run all checks\nnpm run check\n```\n\n## Project Structure\n\n```\nicons\u002F           # Animated icon components\ncomponents\u002F      # UI components\napp\u002F            # Next.js app router pages\nlib\u002F            # Utilities\npublic\u002F         # Static assets\nregistry.json   # shadcn registry configuration\n```\n\n## Contributing\n\nContributions welcome. Each icon follows this pattern:\n\n1. SVG wrapped in a React component\n2. Animation triggered on hover using motion\u002Freact\n3. Exported with ref forwarding for imperative control\n\n## Links\n\n- Website: [itshover.com](https:\u002F\u002Fitshover.com)\n- GitHub: [github.com\u002Fitshover\u002Fitshover](https:\u002F\u002Fgithub.com\u002Fitshover\u002Fitshover)\n- Twitter: [x.com\u002Fitshoverr](https:\u002F\u002Fx.com\u002Fitshoverr)\n\n## Creator\n\nBuilt by [@abhijitwt](https:\u002F\u002Fx.com\u002Fabhijitwt)\n\n## Code of Conduct\n\nPlease note that this project is released with a [Contributor Code of Conduct](CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n\n## License\n\n[Apache 2.0](LICENSE)\n","Its Hover 是一个基于 React 和 Motion 构建的动画图标库，旨在为图标赋予有意义的动态效果。项目的核心功能包括通过 motion\u002Freact 实现的交互式动画、易于集成的 React 组件以及高度可定制性，允许用户修改动画、调整线条粗细和颜色等。适用于需要增强用户体验的各种 Web 应用场景，特别是在强调视觉反馈与交互性的 UI 设计中。目前提供了超过 186 个覆盖广泛主题（如基础 UI 元素、社交网络、技术标志等）的高质量动画图标。此项目采用 Apache License 2.0 开源许可，并积极鼓励社区贡献。",2,"2026-06-11 03:57:04","high_star"]