Text 3D
Create stunning typography with advanced 3D text effects. Features depth, rotation, and perspective controls for immersive text designs.
Pro features
What the Pro version adds to this component.
6 Unique 3D Styles
Extrude, shadow, neon, retro, glass and metallic effects
Customizable Rotation
X and Y axis rotation control with perspective settings
Depth Control
Precise control with variable depth levels from 0 to 20
Interactive Hover Effects
Dynamic 3D animations triggered by mouse hover
Full Color Control
Set text, gradient, glow, outline and material surface tones with dedicated props
Performance Optimized
Smooth animations with GPU acceleration
Installation
Install via CLI
npx @moontra/moonui-cli add text-3dUsage
Examples
Extrude Effect
Classic 3D extrude effect creates text depth with layered shadows
Long Shadow Effect
Dramatic appearance with elongated shadow casting
Neon Glow Effect
Futuristic appearance with glowing neon light effect
Retro Wave Style
80s-inspired retro 3D effect with offset color ghosting
Glass Morphism
Modern appearance with transparent glass effect and reflections
Metallic Surface
Premium appearance with metallic surface and shine effects
Custom Rotation & Depth
Fine-tuned rotation and depth values for unique perspectives
Interactive Hover
Dynamic 3D animations triggered on mouse hover
Gradient 3D Text
Fill 3D text with a real multi-color gradient using the gradient prop
Stacked 3D Text
Multiple lines with different 3D styles
Cyberpunk Style
Futuristic cyberpunk-inspired 3D text
Minimal 3D
Subtle 3D effect for elegant designs
Bold Impact
Maximum depth for impactful headlines
Rainbow 3D
Multi-colored 3D text using a rainbow gradient fill