Kinetic Reading Component

Reveal your message word by word, synced to scroll.
Kinetic Reading stops skimmers and makes every word land.

Works as a hero or body section — fully customizable font, color, and animation from the property panel.
Two ready-to-use example pages included.

About this Component

⚠️ Setup

• Set width to Fill Container
• Set height to Fit Content
• Place as a standalone section — not inside a fixed-height frame

Property Controls

• Paragraphs — 1 to 5
• Per-paragraph text (CMS-bindable)
• Animation style
  
  • Blur + Slide
  • Blur
  • Slide
  • Fade
• Scroll Speed — 60 to 300vh
• Font Family & Font Size
• Text Color / Background Color / Accent Color
• Scroll Hint & Percentage toggle

Included Pages

• /section-hero — Hero section example for SaaS landing pages
• /section-body — Body section example for About & Mission pages

Duplicate either page and replace the text to start immediately.