The Vibeary — tag

text

22 resources in The Vibeary tagged "text" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Splitting.js

Splitting.js

Microlibrary that splits elements by word, character, line, grid or image and populates CSS custom properties for index-based staggering.

Shaw Brown (@shshaw)MIT
Preview of glitched-writer

glitched-writer

Text writing module that decodes strings through configurable glitch, scramble and error passes with presets.

Damian Tarnawski (@thetarnav)MIT
Preview of AnimateText

AnimateText

SwiftUI library for per-character text animations with a set of preset entry effects.

jasudevMIT
Preview of Blotter.js

Blotter.js

WebGL-backed API that applies shader material effects — liquid distort, channel split, rolling — to live, selectable text.

Bradley Griffith (@bradley)MIT
Preview of SplitType

SplitType

Splits text nodes into line, word and character wrappers with CSS classes so any engine can animate them.

Luke Peavey (@lukePeavey)MIT
Preview of use-scramble

use-scramble

React hook producing randomised scramble and decrypt text transitions with tick rate, speed and character-set controls.

(@tol-is)MIT
Preview of shuffle-text

shuffle-text

Text effect library recreating the Flash-era character shuffle/decode reveal with configurable duration and random glyph sets.

Yasunobu Ikeda (@ics-ikeda)MIT
Preview of Image-to-Braille

Image-to-Braille

Converts images into Unicode braille characters, giving a text-only dithered rendering that works anywhere text does.

(@505e06b2)open-source
Preview of Calligraph

Calligraph

Fluid text transition component powered by Motion, animating between arbitrary strings with per-character flow.

Raphael Salaja (@raphaelsalaja)open-source
Preview of AnimateSVGTextPath

AnimateSVGTextPath

Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.

Codrops / Manoela Ilic (@crnacura)MIT
Preview of scrambling-letters

scrambling-letters

Small vanilla library producing a per-character decoding scramble on any element, with per-element timing control.

RecidvstMIT
Preview of tegaki

tegaki

Renders any web font as animated handwriting strokes, turning ordinary text into a hand-drawn reveal.

(@gkurt)MIT
Preview of Content Buddy

Content Buddy

Replaces text content across many Figma layers at once from a list, for filling realistic copy into repeated components.

Xavier Roig (@basiclines)open-source
Preview of TypeIt

TypeIt

Typewriter engine with queued strings, mid-string deletions, nested instances and full control over speed and cursor.

Alex MacArthur (@amacarthur)GPL
Preview of griffo

griffo

Kerning-aware text splitting for React that preserves letter-spacing when splitting into characters for staggered animation.

(@dimicx)MIT
Preview of Typograf

Typograf

Applies typographic correction to Figma text - proper quotes, dashes, non-breaking spaces - across a selection.

Gleb Olmakov (@golmakov)open-source
Preview of svg-text-animate

svg-text-animate

Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.

(@oubenruing)MIT
Preview of Torph

Torph

Dependency-free animated text component that morphs between strings without pulling in a motion library.

Lochie Axonopen-source
Preview of Textify.js

Textify.js

Text animation library handling split-and-reveal presets with scroll triggers and TypeScript support, aimed at agency-style hero text.

MAGGIx1404MIT
Preview of expo-pretext

expo-pretext

Measures React Native text heights natively before render so layouts can be computed without a measure pass.

Juba Kitiashvili (@JubaKitiashvili)MIT
Preview of react-native-animateable-text

react-native-animateable-text

Fork of the Text component that accepts Reanimated shared values so text content updates without JS thread re-renders.

Axelra (@axelra-ag)MIT
Preview of Justif

Justif

JavaScript library bringing Knuth-Plass line breaking, hyphenation, optical margin protrusion and microtypography to web text.

Lyall Cooper (@lyallcooper)open-source