Stroke - Animate SVGs. Beautifully. | Product Hunt

Animate SVGs.
Beautifully.

Hand-drawn SVG animations for logos, signatures, and illustrations.

How to use

  1. Draw in the canvas
  2. Copy the generated code
  3. Paste it into a React or Next.js component
  4. Install motion
  5. Resize using the className prop
  6. Change color using color prop

Usage

<Stroke className="w-100 h-auto" color="yellow"/>

by abhishek