Lucide Icons

InstallationCopy Anchor Link

Add icons one by one, here Bell. Each icon is a file in your project; the core that animates them comes from @animate-ui/react/icons, which the CLI installs with the first icon.

npx shadcn@latest add @animate-ui/icons-lucide-bell

pnpm dlx shadcn@latest add @animate-ui/icons-lucide-bell

yarn dlx shadcn@latest add @animate-ui/icons-lucide-bell

bun x shadcn@latest add @animate-ui/icons-lucide-bell

UsageCopy Anchor Link

import { Bell } from '@/components/animate-ui/icons/bell';

<Bell animateOnHover />;

Triggers, animations, timing and every prop are the same for all icon libraries: see Get Started.