---
title: "Floating 3D Typo — Free Framer component · Best of Framer"
description: "Free Framer component · by Anastasia Satnichenka · Text. Interactive 3D typography for web."
canonical: "https://framer.elliotli.dev/component/floating-3d-typo"
---

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

# Floating 3D Typo

Interactive 3D typography for web.

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

![Floating 3D Typo preview image 1](https://framer.elliotli.dev/og/component/floating-3d-typo/9211627db908d702/1600x1200.jpg)

## Summary

Interactive 3D typography for web.

## Description

Create responsive 3D typography surrounded by a floating field of colorful cubes. Customize the text, colors, depth, transparency, cube density, background, and interaction mode directly from the Framer properties panel.

Choose between Float and Zoom interactions, use rainbow or custom materials, and publish without touching the code. Includes mouse and touch support, responsive sizing, and static rendering for the Framer Canvas.

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

-   All · #7511

## Details

- **Author**: Anastasia Satnichenka
- **Published**: 2026-07-18
- **Updated**: 2026-09-02
- **Added**: 2026-07-18
- **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