---
title: "3D Spiral Text — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Axis Supply · Text. 3D Spiral Text is an immersive typography component for Framer that transforms words into a dynamic three-dimensional spiral."
canonical: "https://framer.elliotli.dev/component/3d-spiral-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/3D Spiral Text

# 3D Spiral Text

Interactive 3D spiral typography

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

![3D Spiral Text preview image 1](https://framer.elliotli.dev/og/component/3d-spiral-text/4577d7b8953468f3/1600x1200.jpg)

## Summary

3D Spiral Text is an immersive typography component for Framer that transforms words into a dynamic three-dimensional spiral.

## Description

**3D Spiral Text** is an immersive typography component for Framer that transforms words into a dynamic three-dimensional spiral. Words are positioned along a curved helix with realistic depth, perspective, rotation, fading, blur, and smooth scroll-driven motion.

Designed for modern, experimental, and editorial websites, it creates a strong visual focal point without requiring complex setup or custom animation code.

### ✦ Key Features

-   **3D Spiral Typography** — Arrange words along a fully customizable three-dimensional spiral.
    
-   **Scroll-Driven Animation** — Control the spiral movement directly through page scrolling.
    
-   **Smooth Spring Motion** — Adjustable stiffness, damping, and mass create fluid, responsive transitions.
    
-   **Custom Spiral Shape** — Adjust depth, rise, curve coverage, rotation, and perspective.
    
-   **Forward & Reverse Direction** — Easily change the direction of the spiral animation.
    
-   **Custom Words & Links** — Add unlimited words and optionally connect each word to a URL.
    
-   **Responsive Typography** — Fluid text sizing automatically adapts across screen sizes.
    
-   **Typography Controls** — Customize font, size, color, letter spacing, line height, and uppercase styling.
    
-   **Depth Fade** — Words naturally fade as they move farther into the 3D space.
    
-   **Depth Blur** — Add atmospheric blur to enhance the perception of distance.
    
-   **Desaturation Effect** — Reduce color intensity on distant words for a cinematic look.
    

## ✦ Perfect For

Creative portfolios, agency websites, design studios, fashion brands, experimental landing pages, editorial layouts, interactive typography, digital art projects, and immersive web experiences. Keywords: 3D text animation, 3D typography, spiral text, 3D spiral text, animated typography, interactive typography, Framer text component, Framer animation, Framer component, scroll animation, scroll-driven text, 3D text effect, interactive text effect, kinetic typography, experimental typography, creative web animation, immersive typography, 3D website animation.

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

-   All · #852

## Details

- **Author**: Axis Supply
- **Price**: $10.00
- **Published**: 2026-08-26
- **Updated**: 2026-08-31
- **Added**: 2026-08-26
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos