← Back to Gallery

SVG Path Animations

Path Drawing

Circle Drawing

Star Animation

Code Example

<motion.path
  d="M 10 50 Q 50 10 90 50"
  fill="none"
  stroke="#06b6d4"
  initial={{ pathLength: 0 }}
  animate={{ pathLength: 1 }}
  transition={{ duration: 2 }}
/>