About Text Curtain Hero
Text Curtain Hero — We read it.
An interactive text curtain hero for Framer.
A curtain of hanging letters sits between your background and a cut-out foreground. Move the cursor and the strands part, swing and ring, while the letters you touch translate into your own words.
Text effect, cursor interaction, physics and sound, in one hero.
✦ Features
Interactive curtain
Strands that part, swing and ring under the cursor
Alien signs that translate on hover, or plain readable letters
Your words, one letter per bead, in any alphabet
Fully customizable
Any background, plus any transparent PNG as foreground: the curtain cuts itself to it
Colors, size, spacing and a tint drawn from the image
Physics: gravity, swing, wind, cursor reach, strength and parallax
Sound: glass chimes or an eerie alien tone, off until the visitor turns it on
Title, paragraph, fonts, colors, hint and credit
All from the Framer properties panel, no code
Responsive & accessible
Its own layout and framing for phones, mouse and touch
Fills one screen height on the live site
Starts when the browser is idle, lowers its resolution on slow devices
Respects reduced motion
Still, silent preview in the editor
Perfect for landing pages, portfolio intros, product launches, sci-fi and cinematic sites, storytelling, events and music.
✦ What’s included
1 Framer component
2 demo scenes and an Earth image
Install guide
Commercial license
The demo images were created with generative AI tools.
✦ License
One license, unlimited projects. The Marketplace badge reads “Single-Use”, but this component comes with a broader license, included in the download: one person or one company, unlimited personal and client projects, commercial ones included. Reselling or redistributing the component or its media is not allowed.
✦ Support
