Development · Web app
its hover
Open-source library of animated React icons designed for modern web apps
its hover is a collection of monoline animated icons provided as editable React components. Built to integrate with frameworks like Next.js and styling libraries like shadcn/ui, it lets developers copy code or download animated SVGs directly from a searchable web directory. It covers general UI symbols, tech brand logos, and interface interactions.
What it's for
- Add micro-interactions and animated hover states to web buttons and navigation bars
- Integrate animated monoline icons into Next.js or shadcn/ui component systems
- Replace static brand and UI icons on marketing sites with interactive SVGs
Features
- Library of 260+ animated monoline icons
- Editable React component code ready to copy-paste
- Command-palette (Ctrl/Cmd+K) quick search
- Support for modern design setups including Next.js and shadcn/ui
- Light and dark display themes on the web directory
- Broad icon categories including UI basics, developer tools, and brand logos
Pricing
Open source. Free and open source
Details
- Type
- Web app
- Category
- Development
- Topic
- Icons & Fonts
- Open source
- Yes
- Platforms
- Web, Code library
- For
- Frontend developers and UI designers building interactive web applications
- Alternative to
- Lucide, Heroicons, Lordicon
- Tags
- icons, react, animation, svg, nextjs, shadcn, open source
Why it was saved
- @abhijitwt: Animated icons for product and landing-page UI; every icon can be copied or grabbed as code directly from the site.
Compare
Related
Open-source animated SVG icon library for React and shadcn/ui.
Open-source animated UI components and blocks built for shadcn/ui projects
Templates and animated component blocks built with Next.js, Tailwind, and Motion
Deterministic geometric blob avatar generator with zero dependencies.
Hand-animated React icons installable as source code via the shadcn CLI.
Zero-dependency library to smoothly morph SVG stroke icons using spring physics
Updated