---
title: "Twisted Text — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Andrew Norman · Text. Twist lines of text"
canonical: "https://framer.elliotli.dev/component/twisted-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Twisted Text

# Twisted Text

Twist lines of text

[View on Framer](https://framer.com/marketplace/components/twisted-text/?via=elliot-li)

![Twisted Text preview image 1](https://framer.elliotli.dev/og/component/twisted-text/7c60b6316888e462/1600x1200.jpg)

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8144

## Details

- **Author**: Andrew Norman
- **Price**: $10.00
- **Published**: 2026-07-12
- **Updated**: 2026-07-13
- **Added**: 2026-07-12
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing