About Text on String

What is Text on Strings?

Text on Strings is a premium text animation component that suspends each letter from a visible string using real-time spring physics. Letters drop into position with a satisfying staggered bounce, then settle into an organic ambient sway — as if moved by a gentle breeze. Ideal for hero sections, portfolio headers, landing pages, and any layout that demands motion with character.

Core Features

Physics-based entrance animation with damped spring oscillation, staggered letter-by-letter drop, and configurable bounce intensity
Interactive drag — visitors can grab individual letters and pull them on their strings, with elastic spring-back on release
Ambient sway — after settling, letters gently oscillate with multi-layered sine waves for organic, non-uniform motion
SVG-rendered strings with premium gradient fade, optional attachment knots, and straight or curved styles
Hover effects — Pluck bounces a single letter, Wave sends a ripple through neighbouring characters
Six curated theme presets (Midnight, Golden, Ocean, Ember, Forest, Mono) plus fully custom colours

Controls inside Framer

Typography

Text content with multi-line support
Native Framer font picker
Font size, letter spacing, and text alignment
Uppercase toggle
Theme and Colours
Six one-click theme presets
Custom text colour, string colour, and glow accent colour (visible when theme is set to Custom)

Strings

Thickness and length
Attachment knot toggle with adjustable size
Straight or curved string style

Animation

Stagger delay between each letter's entrance
Bounce intensity
Drop distance
Sway amount and speed

Interaction

Trigger mode — On Mount, In View, or Loop
Hover effect — None, Pluck, or Wave
Draggable toggle
Glow toggle

Best use cases

Hero headings and landing page titles that need to stand out with organic motion
Portfolio and agency sites where interactive, tactile typography reinforces brand personality
Product launch and event pages that benefit from attention-grabbing entrance animations
Creative studios and editorial layouts looking for a distinct typographic moment
Elevate your headlines from static text to an interactive, physics-driven experience — ready to drop into any Framer project.