Text 3D

3D text effect that rotates on scroll or hover.

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

3D text effect that rotates on scroll or hover.

  • 3D depth effect on text
  • Adjustable light angle
  • Customizable colors
  • Full font customization
  • Light rotation & float animations

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.

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!

Text 3D - $12

3D text effect that rotates on scroll or hover.

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.