Editorial Splitline

Editorial Splitline is an interactive typography and image index for Framer that transforms oversized titles into a dynamic visual browsing experience. Hover over a title and the typography splits through the middle, opening a space that reveals its corresponding image alongside the selected line.

✦ Key Features

• Split Typography Reveal - Hover over a title and the text separates through its center to reveal the associated image.

• Interactive Image Preview - Each title can display its own image in a floating preview card.

• Spring-Based Motion - Smooth tension and friction physics give scrolling and interactions a natural responsive feel.

• Continuous Type Flow - Titles form a seamless scrolling index with subtle automatic drift.

• Drag Navigation - Drag vertically through the project list with smooth momentum and fling behavior.

• Wheel & Trackpad Support - Navigate naturally using mouse wheel or trackpad input.

• Smart Snap - Optionally settle typography neatly into position after scrolling.

• Individual Links - Connect each project to its own destination with optional new-tab behavior.

• Dynamic Image Motion - Preview cards react with subtle tilt, sway, spring movement, and animated image transitions.

• Interactive Scrub Rail - Quickly move through larger project collections using the built-in navigation rail.

✦ What You Can Create

• Editorial portfolios

• Photography indexes

• Creative agency work pages

• Project archives

• Fashion showcases

• Art and design collections

• Film and campaign indexes

• Interactive case study navigation

• Experimental landing pages

• Visual project directories

✦ Split the Type, Reveal the Story

Editorial Splitline turns a simple project list into an expressive visual experience. Oversized typography, split-line reveals, floating imagery, spring motion, and More Keywords: Editorial Splitline, Split Typography, Typography Gallery, Image Reveal, Project Index, Editorial Gallery, Interactive Typography.