New (cool) Stack "Quick SVG" in promo

Multithemes
1

Hi guys! introducing Quick SVG

stack_quicksvg_hello_500x357

This is a pecial Stack and I worked hard to make it.
This stack allows you to use your SVG (and 25 Built-in Icons) to change its style and animate background & stroke.
stack_quicksvg_icons_500x464

Key Features

  • Scroll animations or static
  • Animated Stroke and Fill with Fade-in
  • Change animation speed and behavior
  • Customize Borders and Shadow
  • Set Max Width for tablet and phone.
  • Linear and gradient SVG Fill
  • Add link to stack with hover effects

stack_quicksvg_preview_3
stack_quicksvg_preview_4

stack_quicksvg_coffee_450x450
Over 100 examples available and lots of SVGs to play with.

quicksvg_multithemes_collage_templates

Furthermore, blank templates are available to import your SVGs.
This is not a drag and drop solution, this stack only uses the internal PATH of your SVG but that’s the only way to give it superpowers ! Relax, it’s easy, a guide is available for editing existing SVGs.

Stack in promo … here a Coupon 20%off: quicksvgrw4all
thanks!

A special thanks to @Marten for the help !

11 Likes
2

Another winner! đź’Ż

1 Like
3

@Anon Thanks a lot!
if you have any questions about editing SVGs, I’ll be happy to help.

4

Finally, a stack to animate SVGs with. Thank you—this is a much-needed addition to our stack arsenal. 🙂 I followed your instructions on your website and successfully animated a fairly complicated SVG.

2 Likes
5

Thanks a lot! this was my biggest concern and I did my best to explain how to do it.

SVGs are very versatile but perhaps a little complicated for those who don’t know XML.
You just need to know what to look for 🙂

BTW inkscape is the best free tool to edit SVG

2 Likes
6

Is there any way to make it repeat, or start when it comes into view?

7

You can run both, stroke and fade-in fill “in view” separately

Stroke:
2024-04-18 at 20.55.01

Fill
2024-04-18 at 20.55.20

A rewind option is not available but thanks for the suggestion!

1 Like
8

Yes, got it, Thank You, and it works perfectly, and a rewind option would be nice for example for a subtle svg in the background, or to restart a SVG animation when it comes into view again.

1 Like
9

@kent thanks for suggestions! I add your ideas to my list of possible improvements, now I would like to work on the guide to explain further ways to make the job easier.

thanks

1 Like
10

Sorry, it was not meant as a critique, just something I would like, if possible. It is a very useful stack, one that has been missing for a very long time. Thank you for providing this to us.

1 Like
11

@Kent any suggestions are welcome and your ideas make sense.
Now I would like to explain clearly how to use it, not everyone is familiar with SVG, yours was a confirmation and I thank you again :)

1 Like