Creative SVG Letter Animations

samuel Animation 188 , ,

An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.

Related Post

Charming is a vanilla javascript library as Lettering.js jQuery plugin. Optionally change the inserted DOM element (defaults to span), or change Read more

Lettering.js is a lightweight, easy to use Javascript span injector for radical Web Typography.

Letter by Letter JS is a lightweight jQuery plugin to present text letter by letter on a HTML page. This Read more

Overlapping Letters is a jQuery plugin that automatically adds span tags to letters by using javascript. 

Moving Letters is a collection of cool animated letters and typography effects.

A couple of ideas for typography animations and letter (hover) effects for playful interactions. Anime.js is used to create animations.

An experimental letter animation made with SVG and anime.js based on the Dribbble shot "Shading Letters in Illustrator".

Provides an easy way to calculate CSS keyframe percentages so that you can insert a delay between each animation iteration.