Launch Recite Me assistive technology
An animation in which colourful, rounded lines morph and intersect within a white circle. The shapes shift to form a stylised, multi-coloured letter “A” with a small green dot beside it.

Graphic Design: Clever site Anitype allows you to animate letters with JavaScript

—
Date
13 January 2014

Merging animation and typography, two of the trickiest areas graphic design has to offer, Jono Brandel (a designer and developer over at Google) has kindly taken it upon himself to explore the endlessly interesting question; what if letters could move? And not only is he asking about the possibility of animated type, he’s also answering it with his website Anitype.

The site allows users to animate letters using Javascript, experimenting with their ideas and then publishing the outcomes to a collection of entries online. The resulting catalogue of somersaulting, twitching, twirling letters makes for excellent perusing material, while the section dedicated to manipulating the letter of your choice functions as either an easy gateway for type novices (like myself) or an excellent form of procrastination for the more experienced. Sounds like several hours well wasted to me.

An animation of a grid of minimalist, thin-line characters and numbers on a white background. A white square highlights different characters in sequence, including those attributed to “Max Hawkins” and “Chris Delbuck”.
Above

Anitype: Entries

An animation of a digital interface for the tool Anitype. A large capital “A” is centred on a grid, flanked by a clock and three coloured dots, while a panel of code slides in from the left.
Above

Anitype: Editor

A screenshot of a web browser showing the Anitype interface. A white grid contains a small clock, a black hand-drawn scribble, and three coloured dots. Small text at the bottom reads “by Sebastian Tissot”.
Above

Anitype: Entry

Share Article

Further Info

About the Author

Maisie Skidmore

—

Maisie joined It’s Nice That fresh out of university in the summer of 2013 as an intern before joining full time as an Assistant Editor. Maisie left It’s Nice That in July 2015.

It's Nice That Newsletters

Fancy a bit of It's Nice That in your inbox? Sign up to our newsletters and we'll keep you in the loop with everything good going on in the creative world.