---
title: "Spin 3D Text — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Aidan Looker · Text. What is Spin 3D Text?"
canonical: "https://framer.elliotli.dev/component/spin-3d-text"
---

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

# Spin 3D Text

Rotating 3D text ring with full control.

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

![Spin 3D Text preview image 1](https://framer.elliotli.dev/og/component/spin-3d-text/464b72ad3749e1d0/1600x1200.jpg)

## Summary

What is Spin 3D Text?

## Description

## What is Spin 3D Text?

Spin 3D Text wraps custom text around a 3D cylindrical ring that rotates continuously in perspective. The back-facing text is visible in a separate colour, creating authentic depth. Ideal for hero sections, landing pages, portfolio headers, and any layout that needs a bold, kinetic focal point.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Genuine CSS 3D cylinder with perspective-correct depth and foreshortening
    
-   Dual-face rendering with independent front and back colour controls for realistic depth
    
-   CSS animation for smooth, performant infinite rotation
    
-   Pause on hover interaction for user-controlled playback
    

## Controls inside Framer

### Content

-   Text
    

### Typography

-   Font
    
-   Font Size
    
-   Letter Spacing
    
-   Uppercase
    
-   Text Color
    
-   Back Color
    

### Animation

-   Speed
    
-   Direction
    
-   Pause on Hover
    
-   Easing
    

### 3D Settings

-   Perspective
    
-   Tilt
    
-   Depth Shadow
    
-   Shadow Color
    
-   Shadow Intensity
    

## Best use cases

-   Hero sections and above-the-fold statements that demand attention
    
-   Brand identity pages and portfolio headers with bold typography
    
-   Landing pages where kinetic text creates a premium, memorable first impression
    
-   Creative agency sites and experimental layouts pushing beyond flat design
    

Drop it onto your canvas, type your message, and the 3D ring builds itself.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #10068

## Details

- **Author**: Aidan Looker
- **Price**: $7.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-05-29
- **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