ExplodingText3D
Transform static text into a cinematic 3D experience. The 3D Explode Scroll component takes typography beyond the 2D plane. As users scroll, your message shatters, drifts, and flie
Made with Workshop
Build your own component with AI
About this Component
Key Features
3-Axis Cinematic Motion: Control the "shatter" across X, Y, and Z axes. Make text fly towards the viewer or dissolve into a radial cloud.
Physics-Based Spring Smoothing: No jerky movements. The "Smoothness" control uses spring dynamics to ensure the explosion feels organic and premium.
Three Explosion Modes:
Radial: Characters fly outwards from the center.
Upwards: A gravity-defying lift-off effect.
Forward: Deep immersion as text flies past the camera.
Built-in Depth of Field: Integrated scroll-synced blur simulates a real camera lens focusing as characters drift away.
Sticky-Scroll Engine: The text stays pinned to the viewport while the animation plays out over a customizable scroll distance.
Total Typographic Control: Full Google Font integration, letter-spacing, and "Word vs. Letter" splitting mode
🎯 Who Is This For?
Creative Agencies: Perfect for "Our Impact" or "Vision" sections where you need to leave a lasting impression.
Portfolio Sites: Showcase your "Creative Spark" with an interactive hero element.
SaaS & Tech Landing Pages: Ideal for visualizing abstract concepts like "Breaking Barriers" or "Cloud Scale."
