Kinetic Typography

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.