Kinetic Index is a premium Framer component for creating cinematic scroll-driven text reveals. Turn simple lists into immersive motion sections for portfolio indexes, credit rolls, guest lists, product launches, event schedules, editorial pages, and high-impact hero sections.
Built as a native Framer code component, it includes designer-friendly controls for content, animation style, typography, colors, masks, glyphs, scroll behavior, and optional overlay text. Choose from ready-made use cases, customize every line, or create your own coded text wall in minutes.
Features
Scroll-driven text swap animation
6 reveal modes: Slot, Fade, Blur, Scramble, Wipe, Scale
Ready-made presets for credits, guest lists, launches, portfolios, manifestos, events, and testimonials
Custom text rows with swap text, groups, accents, and disabled states
Responsive auto-fit typography
Custom glyph sets, symbols, binary, initials, and randomization
Edge masks, vignette, spotlight, and highlight band controls
Optional hero overlay with title, subtitle, and CTA
Reduced-motion support
No external dependencies
Perfect for Framer designers who want a premium kinetic typography section without building complex scroll logic from scratch.
Kinetic Index is a premium Framer component for creating cinematic scroll-driven text reveals. Turn simple lists into immersive motion sections for portfolio indexes, credit rolls, guest lists, product launches, event schedules, editorial pages, and high-impact hero sections.
Built as a native Framer code component, it includes designer-friendly controls for content, animation style, typography, colors, masks, glyphs, scroll behavior, and optional overlay text. Choose from ready-made use cases, customize every line, or create your own coded text wall in minutes.
Features
Scroll-driven text swap animation
6 reveal modes: Slot, Fade, Blur, Scramble, Wipe, Scale
Ready-made presets for credits, guest lists, launches, portfolios, manifestos, events, and testimonials
Custom text rows with swap text, groups, accents, and disabled states
Responsive auto-fit typography
Custom glyph sets, symbols, binary, initials, and randomization
Edge masks, vignette, spotlight, and highlight band controls
Optional hero overlay with title, subtitle, and CTA
Reduced-motion support
No external dependencies
Perfect for Framer designers who want a premium kinetic typography section without building complex scroll logic from scratch.