A React icon library with beautiful hover animations. Powered by Motion. Accessible by default.
Every icon is a fully typed React component with customizable size, stroke width, and animation behavior.
Powered by Motion for silky 60fps animations
Component, context, or system-level animation control
Respects prefers-reduced-motion automatically
Full type safety with excellent IDE support
import { Heart, Bell, Star } from 'lively-icons'
// 14 lively types × 4 trigger modes
<Heart lively="heartbeat" />
<Bell lively="ring" trigger="hover" />
<Star lively="wiggle" trigger="hover" />
// Trigger modes:
// hover (default), loop, mount, inView
// Lively types:
// scale, rotate, translate, shake, pulse
// bounce, draw, spin, ring, wiggle
// heartbeat, swing, float, none1300+ beautifully crafted icons with 14 motion types, ready to bring life to your React applications.