component
ExplodingText3D
By Olamide Badusi
Details
- Olamide BadusiAuthor
- componentType
- 2026-01-14Published
- 2026-01-12Updated
- 2025-12-29Added
- TextCategories
Summary
Key Features 3-Axis Cinematic Motion: Control the "shatter" across X, Y, and Z axes.
Description
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."
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5487