Skip to content

component

ExplodingText3D

By Olamide Badusi

Details

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.

12001400154878/148/228/309/79/15
  • All · #5487