---
title: "Text Vortex — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Omer Faruk Akhan · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/text-vortex"
---

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

# Text Vortex

Rotating rings of your own text

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

![Text Vortex preview image 1](https://framer.elliotli.dev/og/component/text-vortex/eda97344b3748378/1600x1200.jpg)

## Summary

Text Vortex.

## Description

Text Vortex. A background that turns your words into motion.

Text Vortex takes a single line of text and spirals it outward from the center in rings of type. Each ring turns at its own speed, the whole field drifts inward or outward, and the cursor nudges it as the visitor moves. No scroll, no hover state to trigger it. It starts the moment the page loads and keeps going.

Most text effects animate a headline for two seconds and then sit still. Text Vortex doesn't, which makes it a background you can lay your headline and buttons right on top of.

Features;

• Your own words, repeated around every ring

• Any font and weight, with letter spacing measured from the real font metrics instead of guessed

• Full control over size, tracking, ring spacing, perspective and center hole

• Rotation speed, swirl, drift inward or outward, cursor parallax and direction

• Color, background, opacity and edge fade

• Words never break mid letter and the flow never stutters, however long it runs

• One canvas, zero dependencies, 0.2 ms per frame

• Freezes to a single frame on the canvas and in exports, so your editor stays fast

• Respects reduced motion and pauses off screen

Best for: hero sections, landing pages, agency and studio sites, product launches, event pages.

Type your line, and it handles the rest.

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

-   All · #3688

## Details

- **Author**: Omer Faruk Akhan
- **Price**: $10.00
- **Published**: 2026-08-24
- **Updated**: 2026-08-24
- **Added**: 2026-08-24
- **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