animateicons CLI

The fastest way to copy icons into your project. Same result as the shadcn CLI, but a first-party command instead of a registry URL.

1. Add an icon

npx animateicons add eye

# add several at once, or use the lu-/hu- prefixed id

npx animateicons add eye bell-ring user

Prefer a short command? Install the CLI globally and an animateicons binary is added to your PATH:

npm i -g animateicons
animateicons add eye

Icons land at components/icons/<name>.tsx (override with --dir). The CLI also prints the motion install command for your package manager.

2. Browse without leaving the terminal

npx animateicons search notification
npx animateicons list --library huge
npx animateicons info eye

Or open the interactive dashboard to search, multi-select, and add icons live in your terminal:

npx animateicons browse

3. Import and use

import { EyeIcon } from "@/components/icons/eye"

export default function Example() {
	return <EyeIcon size={24} color="#f45b48" />
}