# itshover

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

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.

Website: https://github.com/itshover/itshover

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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](https://x.com/abhijitwt/status/2006694473229873487): A ready set of animated SVG icons to drop into products and interfaces.

## Compare

- [Alternatives to Heroicons](https://xiry.app/alternatives/heroicons.md)
- [Alternatives to Lucide](https://xiry.app/alternatives/lucide.md)
- [Alternatives to Lordicon](https://xiry.app/alternatives/lordicon.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/itshover

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.