{"id":64,"date":"2026-04-08T10:37:09","date_gmt":"2026-04-08T10:37:09","guid":{"rendered":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/?page_id=64"},"modified":"2026-04-29T05:50:09","modified_gmt":"2026-04-29T05:50:09","slug":"plp-svg-animator","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/plp-svg-animator\/","title":{"rendered":"PLP SVG Animator"},"content":{"rendered":"
\n \n \n \n\t\n\n
<\/div>\n\n\n
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\nSVG Animator\n<\/div>\n<\/div>\n<\/div><\/div>
\nThe SVG Animator module brings SVGs to life with dynamic drawing animations, offering a range of captivating effects.\n\n<\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\nDemo Style 1\n<\/div>\n<\/div><\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n

\nUpload SVG , Configure Settings and let's Go To Animate ..\n<\/h1>
\n
\n\n \r\n \r\n
\n \n \n\t\n\n\n\n
\nDemo Style 2\n<\/div>\n<\/div><\/div><\/div>\n<\/section>
\n \n \n \n\t\n\n
<\/div>\n\n\n

\nConverts SVG Into Animation..\n<\/h1>
\n \n \n\t\n\n\n\n
\n
\n\n <\/g><\/svg>\n\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\nDemo Style 3\n<\/div>\n<\/div><\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n

\nMultiple animated types\n<\/h1>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\n
\n\n
\nDelayed Effect\n<\/div>
\nEvery path element is drawn at the same time with a small delay at the start. This is currently the default animation.\n\n<\/div>\n<\/div>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\n
\n\n
\nSync Effect
\n<\/div>
\nEach line is drawn synchronously. They all start and finish at the same time, hence the name `sync`.\n\n<\/div>\n<\/div>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\n
\n\n
\nOne by One Effect
\n<\/div>
\nEach path element is drawn one after the other. This animation gives the best impression of live drawing.\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"

SVG Animator The SVG Animator module brings SVGs to life with dynamic drawing animations, offering a range of captivating effects. Demo Style 1 Upload SVG , Configure Settings and let’s Go To Animate .. Demo Style 2 Converts SVG Into Animation.. Demo Style 3 Multiple animated types Delayed Effect Every path element is drawn at […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}