component
Extruded Text
By archiv.studio
Details
- archiv.studioAuthor
- componentType
- 2026-01-20Published
- 2026-03-11Updated
- 2026-01-04Added
- TextCategories
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
Introduction
Cursor-responsive extruded text
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3148