Skip to content

component

Kinetic Typography

By Mehedi Hasan

Details

Summary

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,…

Description

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.

Introduction

Kinetic Index — Premium Scroll Tex

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400142878/148/228/309/79/15
  • All · #3973