svg animation
Sign up freeLog in
Help Center
>
Getting Started

Getting Started

Export

  • Exported file format
  • Export settings

    • Preparing and importing

  • Preparing your file in Illustrator
  • Preparing your file in Sketch
  • Start a new project by importing an SVG
  • Supported file format
  • Change canvas size
  • Add new elements to your project
  • Creating masks in Adobe Illustrator
  • Creating masks in Affinity Designer
  • Creating masks in Gravit Designer

    • Animating

  • Animate an element
  • Animators and keyframes
  • Change the element’s origin point
  • Use ease effects
  • Create a path animation
  • Animate on mouse over
  • Animate on scroll
  • Animate on click
  • Create a morph animation
  • Create an interactive SVG

    • Fill and Strokes

  • Change the color of an element
  • Modify an element’s stroke

    • Implementing

  • Add animated SVG to your website
  • Add animated SVG to WordPress
  • Add animated SVG to React websites
  • Trigger the SVG animation manually using JavaScript
  • Add animated SVG to React Native
  • Add animated SVG to Squarespace