Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-line-drawing.json
- Purpose
- Draw an SVG path progressively to emphasize how an icon, flow, or explanatory connection forms.
- Trigger
- Trigger on first presentation or explicit replay, ordering paths by visual reading direction.
- Interruptibility
- Reset clearly before replay and preserve the currently visible path if interrupted.
- Reduced motion
- Show the complete path immediately or with one very short fade.
line-drawingLine drawingAnimating SVG stroke dash values reveals a path progressively along its length.