Text 3D
Create stunning typography with advanced 3D text effects. Features depth, rotation, and perspective controls for immersive text designs.
Pro Features
Unlock advanced capabilities with the Pro version
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
Color Compatibility
Full compatibility with Tailwind CSS color system
Performance Optimized
Smooth animations with GPU acceleration
Installation
Install via CLI
npx moonui-cli@latest 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 vintage aesthetics
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
Combining gradient colors with 3D effects
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 effect