Kinetic Reading

Kinetic Reading
Kinetic Reading

About Kinetic Reading

⚠️ Setup Set width to Fill Container and 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

  1. /section-hero — Hero section example for SaaS landing pages

  2. /section-body — Body section example for About & Mission pages

Duplicate either page and replace the text to start immediately.

Body section example for About
Body section example for About

From Mikiko Niwa

Matrix Hero
Fisheye FX
Gilded Wheat Emblem
Press Effect Button

Related Components

Scroll Timeline Pro
Scroll Expand Media
Fe Mega Nav
Ink Reveal Footer