What is a Pro animation?

An exclusive, more detailed animation with a longer story. Anyone can watch the preview. A SketchValley Pro pass (₹299 for 30 days, no auto-renew, no account) unlocks the SVG and React code of up to 60 Pro animations, plus 10 AI Motion clips.

Does it need JavaScript or a Lottie player?

No. The animation is plain CSS inside the SVG file, so it plays anywhere an SVG can be shown: an img tag, inline in HTML, in React, Vue, Webflow or WordPress. It also pauses for visitors who turn on reduced motion.

How do I change the colours?

Pick an accent colour and an outline colour on this page before you download or copy; the custom picker takes any hex code. For inline SVG you can also set the CSS variables --svm-accent and --svm-ink, or the accent and ink props on the React component.

Can I make the lines thicker or thinner?

Yes. Use the Line weight slider (0.5× to 2.5×) and every outline scales together. It is saved into the download, the embed link (?stroke=1.5) and the React stroke prop.

Can I use a Pro animation commercially?

Yes. Once you download it with a Pro pass you can use it in personal and commercial projects, including client work, with no attribution. You may not resell or share the files themselves.

How do I add it to my website?

After unlocking, download the SVG and use it inline or as an image file, or copy the React component. Both keep your colours, line weight, outline and shadow settings.

PRO

Checkout flow Animated Illustration

Items drop into a cart, the card is tapped on the phone, the payment is verified and a receipt prints out.

Flat line See Isometric version →

Pro animation

Download the SVG or copy React, in any colour and line weight
Commercial use, no attribution
Up to 60 Pro animations + 10 AI Motion clips
One payment for 30 days · no auto-renew · no account

Pro passes open very soon. Watch the preview in the meantime.

More animated illustrations

PRO

Package deliveryFlat line

PRO

AI agent workflowFlat line

AI chatbotFlat line

API requestFlat line

Questions

What is a Pro animation?: An exclusive, more detailed animation with a longer story. Anyone can watch the preview. A SketchValley Pro pass (₹299 for 30 days, no auto-renew, no account) unlocks the SVG and React code of up to 60 Pro animations, plus 10 AI Motion clips.
Does it need JavaScript or a Lottie player?: No. The animation is plain CSS inside the SVG file, so it plays anywhere an SVG can be shown: an img tag, inline in HTML, in React, Vue, Webflow or WordPress. It also pauses for visitors who turn on reduced motion.
How do I change the colours?: Pick an accent colour and an outline colour on this page before you download or copy; the custom picker takes any hex code. For inline SVG you can also set the CSS variables --svm-accent and --svm-ink, or the accent and ink props on the React component.
Can I make the lines thicker or thinner?: Yes. Use the Line weight slider (0.5× to 2.5×) and every outline scales together. It is saved into the download, the embed link (?stroke=1.5) and the React stroke prop.
Can I use a Pro animation commercially?: Yes. Once you download it with a Pro pass you can use it in personal and commercial projects, including client work, with no attribution. You may not resell or share the files themselves.
How do I add it to my website?: After unlocking, download the SVG and use it inline or as an image file, or copy the React component. Both keep your colours, line weight, outline and shadow settings.

Checkout flow Animated Illustration

Pro animation

More animated illustrations

Questions

Leave a Review

Thank you!

SketchValley plugins

Figma plugin

WordPress plugin

Canva app