Scroll to type
The Scroll to Type component creates an engaging text reveal effect as users scroll. Customize text sections with styles like highlight, emphasis, glow, or fade.
Make it with Workshop
Build your own component with AI
About this Component
As users scroll down the page, text appears dynamically, creating an interactive storytelling experience.
The component supports both simple single-text input and advanced multi-section configurations for precise control over styling and pacing. Whether you’re highlighting key messages, creating engaging headers, or adding flair to paragraphs, Scroll to Type is versatile for any project. It’s optimized for Framer, supporting various HTML tags (e.g., div, p, h1-h6, span) and responsive layouts with auto-height and flexible width options.
Adjustable properties
Font
Text Color
Text Alignment
Scroll Speed
Show Cursor
Cursor Color
Cursor Blink Speed
Highlight Color
Emphasis Color
Glow Color
