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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

react-native-animateable-text
Fork of the Text component that accepts Reanimated shared values so text content updates without JS thread re-renders.
Justif
JavaScript library bringing Knuth-Plass line breaking, hyphenation, optical margin protrusion and microtypography to web text.