Extruded Text — Cursor-responsive extruded text

About this Component

Extruded Text 3D transforms flat typography into a dimensional, interactive element. As the cursor moves, the text responds with gentle depth and motion.

Key Features

• Text color and extrusion color customization

• Adjustable extrusion depth

• Animation speed control to adjust how smoothly and quickly the extrusion responds to cursor movement

• Light intensity to control how bright or subtle the extrusion appears (full intensity required for visibility)

• Fade control to desaturate and soften the extrusion colors

• Optional gradient colors (up to 5 colors)

• Extrusion toggle to switch between extruded and flat text (ideal for mobile)

Who It’s For

• Hero headers on modern websites

• Interactive landing pages with subtle motion

• Creative portfolios and branding showcases

• Experimental web designs and Framer projects

• Adding dimensional typography to hero sections or promos