A dynamic, per-character text effect where letters break into geometric fragments, scatter with motion (explode), and reform into the final word. Perfect for eye-catching hero messages, logo reveals, or mindful prompts like “Breathe.”

Functionality

• Per-letter fragmentation (triangles/quads) with spread, rotation, opacity, and blur controls.

• In/Out animations: explode → assemble, assemble → explode, or looped pulse.

• Timing controls: duration, delay, easing curve, stagger per letter/word, random seed for repeatable chaos.

• Triggers: on appear, tap/hover, scroll into view, or programmatic.

• Styling: multi-color gradients, per-letter palettes, shadows, masks/clipping paths.

• Sequencing: chain with other effects (fade/zoom/shimmer) for complex reveals.

• Accessibility: honors reduced-motion preferences; high-contrast friendly.

• Performance: GPU-accelerated transforms; optimized for 60 fps on mobile/web.

Use cases

• Brand and logo/type reveals on marketing pages and splash screens.

• Hero headlines and campaign taglines that need a standout entrance.

• Mindfulness or wellness prompts (“Breathe”, “Pause”) with gentle reassembly.

• Onboarding/tutorial steps and empty states to draw attention without clutter.

• Status transitions (e.g., success/complete) and celebratory moments in product UI.

Keywords
text fragment animation, explode text, reassemble letters, shatter/scramble effect, particle typography, per-character motion, staggered reveal, GPU transforms, hero headline, logo reveal, micro-interaction, reduced motion, Flutter/React/Web animation.