component
Twisted Text
By Andrew Norman

Details
- Andrew NormanAuthor
- componentType
- $10.00Price
- 2026-07-12Published
- 2026-07-13Updated
- 2026-07-12Added
- TextCategories
Summary
Twist lines of text
Description
Flip your headlines around an invisible cylinder. Twist Text takes a single line of text and rolls it through a full 360° turn — one side leads, so a helical twist travels across the line before it lands perfectly flat and readable again. Run it on a timed loop with an adjustable rest between twists, or drive it with page scroll — set a start offset and choose whether it twists once or keeps twisting as visitors scroll. Features One-line 3D twist effect — no plugins, no video, real text Timed mode: set twist duration and how long the text holds flat between twists Scroll mode: scroll distance, start offset, and once-or-repeat behavior Lead side (left or right), flip direction (over or under), and twist spread for a subtle wave or a full corkscrew Cylinder size, camera tilt, perspective, and back-face opacity controls Built-in Live Editor: tweak every setting directly in the preview Works with any Framer font, weight, and color Drop it in, type your line, and let it spin.
Introduction
Twist lines of text
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #6149