SVG animation

Webmaster Forums, Forum Promotion, SEO, Domain Names, Hosting & More!

AdminBrave is a community with useful content and resources. Connect with fellow webmasters. Grow your network. Stay informed. Learn and share with us!

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,442
Reaction score
122
Points
63
If you want to know more about animating SVGs using CSS, this video might be useful



Personally, if you are not good with HTML and CSS and some idea about SVG, you might find it difficult to follow. But it is still worth watching because it explains _what an SVG is_ in the end as pieces of code.
 

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,442
Reaction score
122
Points
63
[*]2. **Anigen**

http://anigen.org/

It is a browser based SVG animation editor.

[*]3. **Snap SVG**

https://github.com/adobe-webplatform/Snap.svg

>Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

Snap.svg is open source and free under Apache 2 license
 

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,442
Reaction score
122
Points
63
If you are an **Inkscape** user, there is documentation regarding plugins, offline tools and other software which can be used to animate your SVGs or make use in the animation workflow

https://inkscape.org/learn/animation/
 

Abhi

Valued Member
Joined
Jan 21, 2020
Messages
4,442
Reaction score
122
Points
63
There is more like Bonsai JS, SVG JS but all of them are too complicated if you are a designer who just drew an SVG and wants to animate it

**Motion UI from Zurb**

https://zurb.com/playground/motion-ui

**mo.js**

Is a free, open source tool
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top