---
title: "Extruded Text — Free Framer component · Best of Framer"
description: "Free Framer component · by archiv.studio · Text. About this Component Extruded Text 3D transforms flat typography into a dimensional, interactive element."
canonical: "https://framer.elliotli.dev/component/extruded-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Extruded Text

# Extruded Text

Cursor-responsive extruded text

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

![Extruded Text preview image 1](https://framer.elliotli.dev/og/component/extruded-text/06de60633f08509e/1600x1200.jpg)

## Summary

About this Component Extruded Text 3D transforms flat typography into a dimensional, interactive element.

## Description

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 Gradient Extrusion

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

-   All · #3148

## Details

- **Author**: archiv.studio
- **Published**: 2026-01-20
- **Updated**: 2026-03-11
- **Added**: 2026-01-04
- **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