---
title: "Text 3D"
canonical_url: "https://framerhub.io/components/text-3d"
last_updated: "2026-06-15T14:46:31.820Z"
---

## Text 3D

Create stunning 3D text effects with depth and lighting using HTML5 Canvas. No WebGL required—works everywhere.

## Features

**3D Depth Effect**
Text layers create a realistic 3D extrusion effect with customizable depth.

**Dynamic Lighting**
Adjust the light angle to change where shadows and highlights appear.

**Custom Colors**
Set both the front face color and the depth/shadow color.

**Full Typography**
Extended font controls for complete customization.

**Animations**
Built-in light rotation and floating effects to bring your text to life.

## Use Cases

**Headlines** — Create impactful 3D headings.

**Logos** — Add depth to text-based logos.

**CTAs** — Make buttons and calls-to-action pop.

**Decorative Text** — Add visual interest anywhere.

![Text 3D Preview](/framerhub/img/components/control/text-3d.jpg)

## How to Use

### Installation

1. Copy the component URL
2. Open your Framer project
3. Paste the component (Cmd/Ctrl + V)

### Customization

**Content** - Text and font settings
**Colors** - Front color and depth color
**Effect** - Depth amount and light angle
**Animation** - Spin light and floating effects

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!