awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
davatron5000 avatar

davatron5000/Lettering.js

0
View on GitHub↗
5,343 stars·735 forks·JavaScript·15 viewsletteringjs.com↗

Lettering.js

Lettering.js is a JavaScript typography library that divides text strings into granular HTML elements. It wraps individual characters, words, and lines in tags to enable precise CSS control and advanced visual styling.

The library includes an accessible text wrapper system that maintains screen reader compatibility. It manages text accessibility by mirroring the original content into ARIA labels on containers and hiding fragmented elements from assistive technologies.

The tool provides capabilities for granular text manipulation and DOM-based decomposition. These mechanisms facilitate web typography styling and the creation of dynamic text animations through sequenced transitions and motion effects.

Features

  • DOM-Based Rendering - Divides text into a series of HTML elements to leverage browser-based layout and styling.
  • Typography Libraries - Acts as a JavaScript library for advanced web typography, font manipulation, and integration.
  • DOM-Based Text Manipulations - Programmatically modifies document content by dividing strings into manageable HTML tags.
  • DOM Text Splitting - Provides a utility for dividing text strings into granular elements for precise CSS control.
  • Accessible Text Formatting - Maintains screen reader compatibility by hiding split fragments and providing original text via ARIA labels.
  • CSS Styling - Provides a structure that allows users to apply visual transformations via external CSS stylesheets.
  • DOM Text Fragmentation - Injects custom HTML tags around fragmented text to allow CSS targeting of individual letters or words.
  • Typography Styling - Applies custom visual styles and animations to individual text units within web interfaces.
  • Text Styling - Wraps individual characters, words, and lines in tags for precise visual formatting.
  • Granular Text Splitting - Divides text into characters, words, or lines using tags for granular control over each unit.
  • Typography - Provides a system that ensures screen readers can read split typography as a coherent whole.
  • Screen Reader Accessibility - Manages screen reader accessibility by hiding fragmented elements and using ARIA labels on containers.
  • Text Animations - Decomposes text into elements to enable complex motion effects and sequenced transitions.
  • Text Content Mirroring - Implements ARIA label mirroring to maintain screen reader compatibility while splitting text for visual effects.
  • Text Segment Wrapping - Replaces inner text of elements with nested span elements to enable character-level control.
  • Typography and Text - Provides granular control over web typography.
  • Typography and Text Effects - Granular control over individual character styling.

Star history

Star history chart for davatron5000/lettering.jsStar history chart for davatron5000/lettering.js

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does davatron5000/lettering.js do?

Lettering.js is a JavaScript typography library that divides text strings into granular HTML elements. It wraps individual characters, words, and lines in tags to enable precise CSS control and advanced visual styling.

What are the main features of davatron5000/lettering.js?

The main features of davatron5000/lettering.js are: DOM-Based Rendering, Typography Libraries, DOM-Based Text Manipulations, DOM Text Splitting, Accessible Text Formatting, CSS Styling, DOM Text Fragmentation, Typography Styling.

What are some open-source alternatives to davatron5000/lettering.js?

Open-source alternatives to davatron5000/lettering.js include: wasabeef/richeditor-android — richeditor-android is a reusable Android UI component that provides a WYSIWYG rich text editor. It functions as an… nnhubbard/zssrichtexteditor — ZSSRichTextEditor is an Objective-C UI library that provides a bidirectional markup editor for native iOS… davidmerfield/typeset — Typeset is an HTML pre-processor for web typography which provides typographic features used traditionally in fine… davatron5000/fittext.js — FitText.js is a jQuery plugin that scales headline text proportionally to its parent container's width, enabling… freqdec/slabtext — A jQuery plugin for producing big, bold & responsive headlines. chuckyglitch/novacancy.js — Text Neon Golden effect jQuery plug-in.

Open-source alternatives to Lettering.js

Similar open-source projects, ranked by how many features they share with Lettering.js.
  • wasabeef/richeditor-androidwasabeef avatar

    wasabeef/richeditor-android

    6,346View on GitHub↗

    richeditor-android is a reusable Android UI component that provides a WYSIWYG rich text editor. It functions as an HTML content editor that uses a WebView to render and manipulate text, allowing users to compose formatted documents. The editor enables the integration of multimedia, such as images, audio files, and YouTube videos, directly into the text area. It supports custom visual configuration through CSS styling and provides a read-only mode for displaying formatted content without allowing modifications. The toolset covers rich text formatting for styles like bold, italic, and underlin

    Javaandroidandroid-librarywysiwyg-editor
    View on GitHub↗6,346
  • nnhubbard/zssrichtexteditornnhubbard avatar

    nnhubbard/ZSSRichTextEditor

    3,785View on GitHub↗

    ZSSRichTextEditor is an Objective-C UI library that provides a bidirectional markup editor for native iOS applications. It integrates a web-view-based HTML editor that allows users to compose formatted content through a visual interface while maintaining synchronization with a syntax-highlighted raw source view. The editor features a dual-view system that reflects changes in real time between the visual editor and the underlying HTML code. It supports the injection of custom CSS to control visual presentation and allows for the extension of the editing toolbar with custom buttons and layouts.

    Objective-C
    View on GitHub↗3,785
  • davidmerfield/typesetdavidmerfield avatar

    davidmerfield/typeset

    2,682View on GitHub↗

    Typeset is an HTML pre-processor for web typography which provides typographic features used traditionally in fine printing which remain unavailable to browser layout engines. Typeset's processing brings the following to your webpages:

    JavaScript
    View on GitHub↗2,682
  • chuckyglitch/novacancy.jschuckyglitch avatar

    chuckyglitch/novacancy.js

    190View on GitHub↗

    Text Neon Golden effect jQuery plug-in

    JavaScript
    View on GitHub↗190
See all 30 alternatives to Lettering.js→