Its Hover is an animated icon library built for real interfaces, where icons respond to interaction with motion that feels intentional rather than decorative. Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. It’s also meant to be forked and modified: you can copy the source of any icon, tweak the animation curves, adjust stroke width, and refine styling to match your system.
Features
- Motion-first icons that animate on interaction
- React component icons designed for drop-in usage
- Works well with Next.js and shadcn/ui stacks
- Tailwind-friendly styling and sizing patterns
- Fully customizable source for animation and stroke tuning
- Large icon catalog covering UI, brands, tech, and status