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 .

Physics-driven text hanging on strings.