Lettering.js
A lightweight jQuery plugin that injects span tags into text for granular CSS control over letters, words, and lines.
What is Lettering.js?
Lettering.js is a jQuery plugin that injects span tags into HTML text elements, allowing developers to apply CSS styling to individual letters, words, or lines. It solves the problem of limited typographic control in web design by enabling granular manipulation of text for creative effects like custom kerning, animations, and CSS3 posters.
Frontend developers and designers working on projects that require advanced typographic styling, such as custom headings, artistic text layouts, or print-quality web typography.
Developers choose Lettering.js for its simplicity and precision—it provides direct DOM manipulation without heavy dependencies, integrates seamlessly with jQuery, and maintains accessibility while enabling creative freedom.
Overview
A lightweight, easy to use Javascript <span> injector for radical Web Typography
Use Cases
Best For
- Creating CSS3 typographic posters with animated letters
- Applying custom kerning to headlines in web designs
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
