# Docs

- [Lucide Motion](/docs): Animated React components for every Lucide icon, with hover, click, and imperative motion.
- [Getting Started](/docs/getting-started): Install lucide-motion and render your first animated icon.
- [Usage](/docs/usage): Sizing, color, stroke width, and styling - identical to lucide-react.
- [Animation](/docs/animation): Timing controls - duration, delay, stagger, easing, repeat.
- [Triggers](/docs/triggers): Six ways to fire the animation - hover, click, mount, in-view, parent-hover, manual.
- [Leave behavior](/docs/leave-behavior): What happens when hover or parent-hover ends - complete, snap, redraw.
- [Motion state](/docs/motion-state): Sync host CSS with the icon's draw via the data-motion-state attribute.
- [Accessibility](/docs/accessibility): Respect the OS prefers-reduced-motion setting.
- [App-wide defaults](/docs/defaults): Set shared icon props with the MotionIconConfig provider.
- [Modes](/docs/modes): Pick the animation an icon plays — the default draw, the icon's signature, or a custom factory.
- [Custom motion](/docs/custom-motion): Replace the draw animation entirely with your own Motion variants.
- [API reference](/docs/api): Full prop reference for DrawIcon and MotionIconConfig.