Text on String — Physics-driven text hanging on strings.

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.

Questions or custom requests?

We design and build custom Framer components. Get in touch at contact@teampixel.com.au.