TextFluxUnveil
Reveal your text word-by-word as you scroll, with smooth fades and fully customizable timing, styling, and animation controls.
Made with Workshop
Build your own component with AI
About this Component
The component lets you display text that fades in word-by-word as you scroll, creating a subtle but premium storytelling effect. You can tweak the pacing, adjust the opacity and fade timing, choose where the reveal starts, and style the text to match your design perfectly. It’s great for hero sections, intros, case studies, and long-form content that needs engaging motion.Customization Features:
Text Content – Add and edit your paragraph or headline.
Accessibility Tag – Set semantic tags like H1–H6 for proper structure.
Color & Font – Fully customizable text styling.
Text Alignment – Left, center, or right align.
Start From Word – Choose which word begins the animation.
Initial Opacity – Control how faint each word appears before revealing.
Fade Delay – Set stagger timing between each word’s reveal.
Fade Duration – Adjust how quickly each word fades in.
Fade Easing – Pick the easing curve for smoother motion.
Full Reveal Distance – Control how far the scroll travels before all words are revealed.
