Falling Text — Hover | HorizonX

Falling Text

New

Interactive typography that falls, bounces and responds to your pointer.

HorizonX · UI/UX
Subscribe to download
  • Instant access Unlocked with your membership
  • Ready to adapt Use it as your starting point
  • Commercial license Use in client & commercial work

Not ready to subscribe yet?

Get 20% off your first month. We'll email you the code.

Overview

A paragraph becomes a playground: hover to drop individual words, drag them around, then replay. Customize the text, highlights, type size, spacing, gravity and drag stiffness. Includes click, auto and scroll triggers, keyboard replay and a readable reduced-motion state. Adapted from the original MIT-era React Bits FallingText with Matter.js physics and lifecycle-safe HTML, React and Svelte exports.

Highlights

  • Hover to drop words
  • Drag physical word bodies
  • Editable text and highlights
  • Keyboard replay and reduced motion

Preview

What's included

  • Falling text component
  • Matter.js physics
  • HTML, React and Svelte exports
  • Pinned MIT source attribution

Frequently asked questions

  • The files for this asset, in the format listed under Specs on this page.

  • It's included with your HorizonX membership — no separate purchase.

  • Yes. Your HorizonX membership includes a commercial license — use and adapt these files in your personal, client and commercial projects.

Related Products

🍪 We use cookies.