DEV Community

Cover image for SVG Text Stroke Animation πŸ–Œ | HTML CSS & Animejs
Niall Maher
Niall Maher

Posted on

6 1

SVG Text Stroke Animation πŸ–Œ | HTML CSS & Animejs

In this episode learn how to create SVG text where each letter has separate paths with Figma and then animate it with Animejs to create an awesome drawn in effect. πŸ–Œ

I think this could ake a really interesting feature to a landing page if you are trying to make your site pop.

I will work on a written guide on this too so check back soon if you just want some copy/pasting.


Follow me on Twitter

Subscribe on CodΓΊ Community

Top comments (3)

Collapse
 
thisdotmedia_staff profile image
This Dot Media β€’

Awesome video Niall! Super helpful and easy to follow

Collapse
 
nialljoemaher profile image
Niall Maher β€’

Glad you liked it, thank you! πŸ’œ

Collapse
 
navyn profile image
Yvan Ishimwe Sugira β€’

Nice content
Really helpful and straight forward

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay