itshover

Open-source animated SVG icon library for React and shadcn/ui.

From the Xiry library · Updated 10 October 2026

itshover is an open-source library of motion-first animated icons built with React and Motion. It provides drop-in React components that trigger purposeful micro-animations on hover or user interaction. Developers can install icons directly through shadcn CLI or copy the TypeScript source code directly into their projects.

What it's for

Add animated micro-interactions to buttons and navigation elements
Install animated React icons using the shadcn CLI registry
Browse live hover animations across tech, social, and UI action icons

Features

Motion-first interaction using motion/react
Direct installation via shadcn CLI
Over 180 animated SVG icon components
Fully customizable strokes, colors, and animation transitions
Native compatibility with Next.js, React, and Tailwind CSS
Interactive web preview catalog with instant hover testing

Pricing

Open source. Free and open source (Apache-2.0 / MIT licensed)

Details

Type: GitHub repo
Category: Development
Topic: UI Components
Open source: Yes
Platforms: Web, Code library
For: Front-end React and Next.js developers and UI designers looking for interactive icons.
Alternative to: Lucide, Heroicons, Lordicon
Tags: icons, react, animation, svg, shadcn, motion

Why it was saved

@abhijitwt, 1 January 2026: A ready set of animated SVG icons to drop into products and interfaces.

Compare

shadcn/ui
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Efferd
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Motion
Open-source animation library for React, Vue, and vanilla JavaScript
React Bits
Open-source animated and interactive React UI components and backgrounds
21st.dev
Curated directory of crafted React, Tailwind, and shadcn UI components.
lucide-animated
Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated 10 October 2026