Author: hypedocks
standard
Embedding Hype Animations in RapidWeaver
![](https://www.hypedocks.com/wp-content/uploads/2015/11/articles_rapidweaver_RW7.jpg)
Method 1:
Embedding an animation within the RapidWeaver Project
RapidWeaver includes a smart Resource macro. The %resource% macro allows advanced users to link to resources within HTML code.
Note: The %resource% macro generates the URL of the resource, it doesn’t generate any HTML code itself.
%resource% in the official RapidWeaver guide.
standard
SVG Drawing Animation
![](https://www.hypedocks.com/wp-content/uploads/2015/12/articles_visus_deatured_.jpg)
Animation made with vivus.js
Vivus.js is a JavaScript library that allows you to animate SVGs, giving them the appearance of being drawn with amazing effects.
SVG structure:
The order of SVG layers determines the animation sequence , the lower level will be the first in the animation.