The “Blurry Text Reveal on Scroll” effect aims to create an engaging animation where text becomes progressively clearer as users scroll down a webpage.
The article “Hover Animations for Terminal-like Typography” on Codrops showcases fun hover animations inspired by retro VHS-style websites. These animations create a terminal-like effect for lines of text.
A tutorial about creating shuffling type animation with various effects for a geeky terminal look.
Charming is a vanilla javascript library as Lettering.js jQuery plugin. Optionally change the inserted DOM element (defaults to span
), or change or remove the class prefix (defaults to char
)
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.
Lettering.js is a lightweight, easy to use Javascript span
injector for radical Web Typography.
A tutorial about creating set of inspirational letter animations for display typography effects and large headlines powered by anime.js
Type.js adds new type properties to your CSS, giving you the control you need for type on the web. You can write these properties in your CSS and they will work like any other property.
Lining.js is an easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography.
Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.
Blast's uses include typographic animation, juxtaposition, styling, search, and analysis.
FlowType.JS is a plugin for Responsive Web Typography at its finest: font-size and line-height based on element width.
FlowType.JS is changing the font-size—and subsequently the line-height based on a specific element's width. This allows for a perfect character count per line at any screen width.
FlowType.JS works just fine with Typekit, Cloud.Typography, Google Webfonts and any other services.