Shadcn.io is not affiliated with official shadcn/ui
Falling Text
Physics-based falling text with Matter.js for React applications.
Physics-based falling text that tumbles and bounces with realistic motion. Words break apart and fall under gravity, colliding with boundaries and each other. Drag words around with mouse interaction for playful engagement. Built with Matter.js physics engine, supporting multiple trigger modes (auto, scroll, click, hover) and configurable gravity. Perfect for destructive reveals, playful interactions, or chaotic hero sections.
Falling Text preview
Installation
Related Components
Text Trail
Character trails that follow cursor movement
Scrambled Text
Proximity-based character scrambling with GSAP
Glitch Text
Digital glitch effects with RGB channel separation
Splitting Text
Character, word, or line splitting with timing
Blur Text
Text animation from blur to focus
Decrypted Text
Matrix-style decryption with character cycling