Animated icon library built with React and Motion. Icons designed to move with intent, not decoration.
- Motion-first design - Every icon animates on interaction, built with motion/react
- React components - Drop-in components that work with Next.js, shadcn, and modern tooling
- Fully customizable - Copy the source, modify animations, adjust stroke width and colors
- Open source - MIT licensed, community owned
npx shadcn@latest add https://itshover.com/r/[icon-name].json
- Install dependencies:
npm install motion
-
Copy any icon component from the
icons/directory into your project -
Import and use:
import GithubIcon from "@/icons/github-icon"; export default function Example() { return <GithubIcon className="h-6 w-6" />; }
260+ animated icons covering:
- UI essentials (arrows, checks, navigation)
- Social (GitHub, Twitter, Discord, LinkedIn)
- Tech (Docker, Node.js, Python, TypeScript)
- Actions (copy, send, cart, settings)
- Currency (Bitcoin, Ethereum, Dollar, Rupee)
- Status (alerts, notifications, loading states)
Browse all icons at itshover.com/icons
- Next.js 16
- React 18+
- motion/react for animations
- Tailwind CSS 4
- shadcn/ui components
# Install dependencies npm install # Start dev server npm run dev # Build for production npm run build # Format code npm run format # Run all checks npm run check
icons/ # Animated icon components
components/ # UI components
app/ # Next.js app router pages
lib/ # Utilities
public/ # Static assets
registry.json # shadcn registry configuration
Contributions welcome. Each icon follows this pattern:
- SVG wrapped in a React component
- Animation triggered on hover using motion/react
- Exported with ref forwarding for imperative control
- Website: itshover.com
- GitHub: github.com/itshover/itshover
- Twitter: x.com/itshoverr
Built by @abhijitwt
Cloud Infrastructure partner
Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.