Its Hover

Its Hover

An open-source library of 186+ animated icon components for React, with motion baked into every hover.

🔗 Visit Its Hover
📁 Design, UI/UX & Prototyping🗣️ English📅 August 23, 2026

Description

Icons on most websites either sit static or get animated with a bit of custom CSS someone has to write and maintain per icon. Its Hover packages that work for you: it's a free, open-source library of icons that already come with intentional hover motion built in, so you drop in a component instead of hand-tuning keyframes.

It ships as React components — 186+ icons at the time of writing — designed to work cleanly with Next.js and shadcn/ui, built on React 18+, the `motion/react` animation library and Tailwind CSS. Because it's fully open source, every icon's source code (animation timing, stroke width, color) is editable rather than locked behind a black-box export. It's aimed at developers building interfaces with design systems like shadcn who want icons that feel deliberately animated rather than static or randomly bouncy.

💬 Our review

The short version: for a shadcn/Next.js stack specifically, Its Hover is a genuinely convenient shortcut — you get motion-designed icons as editable source rather than a compiled black box, and it costs nothing.

The catch is that this niche is crowded: this same discovery pass turned up several other animated-icon libraries (AnimateIcons, LivelyIcons, Iconimate) with overlapping value propositions, so the real differentiator between them comes down to icon count, animation style, and how actively each is maintained rather than any one being categorically better. Its Hover's 186+ icons is a modest catalog next to Lineicons' tens of thousands, and it has no premium tier or roadmap commitment beyond community goodwill (it accepts donations, not subscriptions). Worth adopting if you're already on shadcn/Next.js and like its specific animation style; otherwise compare a couple of the alternatives' demo pages before committing, since swapping icon libraries later is real rework.

💰 Pricing

FreeFully free, open source (Apache 2.0). Optional donations via Buy Me a Coffee or crypto.
Free 0

📊 Global score

53Average
🌐Availability15/100Faible

1 language · 0 platform

📄Profile90/100Excellent

Profile completeness

🤖 AI-enriched data

💰 Pricing model
🆓 Gratuit / open source

Entièrement gratuit (licence Apache 2.0). Dons optionnels (Buy Me a Coffee, crypto).

👥 Target audienceDéveloppeurs React/Next.js utilisant shadcn/ui qui veulent des icônes animées prêtes à l'emploi
🗣️ Languagesen
🌍 Target countriesWorldwide
👍

Pros

186+ icônes animées prêtes à l'emploi, code source éditable

Intégration native shadcn/ui et Next.js

Entièrement gratuit et open source (2,6k étoiles GitHub)

Respecte les standards d'accessibilité de base

👎

Cons

Catalogue modeste comparé à des bibliothèques comme Lineicons

Marché très concurrentiel — plusieurs alternatives quasi équivalentes

Pas de garantie de maintenance à long terme (projet communautaire)

Pas de version premium avec support dédié

❓ Frequently asked questions

What is Its Hover in one sentence?
How many icons does it include?
Does it work with shadcn/ui?
Is it really free?
Can I customize the animations?
Is it worth the money compared to alternatives?
Which tool should you pick for your case?