Reveal Text On Scroll · Free Typography Component
• Split Modes — Lines (masked reveal), Words, or Characters
• Trigger — Scroll-linked or On Load (fires when element appears)
• 12 Presets — Default, Fade In Up, Blur Reveal, Cinematic, 3D Flip, Wave RTL, Typewriter, Glitch Rise, Soft Words, Cascade Down, Masked Lines, Scale Pop
• Custom Mode — Full control over stagger, offsets, blur, rotateX, perspective, and scale
• Color Transition — Smooth CSS color-mix from hidden to revealed color (supports dark mode)
• HTML Tag — Semantic tag (h1–h6, p, div, span) for SEO and accessibility
• High Performance — Direct DOM updates, no React re-renders during animation
Hero headlines, section titles, testimonials, landing page copy, and any scroll-driven storytelling.
• Split Modes — Lines (masked reveal), Words, or Characters
• Trigger — Scroll-linked or On Load (fires when element appears)
• 12 Presets — Default, Fade In Up, Blur Reveal, Cinematic, 3D Flip, Wave RTL, Typewriter, Glitch Rise, Soft Words, Cascade Down, Masked Lines, Scale Pop
• Custom Mode — Full control over stagger, offsets, blur, rotateX, perspective, and scale
• Color Transition — Smooth CSS color-mix from hidden to revealed color (supports dark mode)
• HTML Tag — Semantic tag (h1–h6, p, div, span) for SEO and accessibility
• High Performance — Direct DOM updates, no React re-renders during animation
Hero headlines, section titles, testimonials, landing page copy, and any scroll-driven storytelling.
