The Split

The Split is an animated typography component that divides bold headlines to reveal a moving visual strip between them. Words smoothly open in the center while images, videos, colors, and text cards flow through the space, creating a cinematic editorial effect.

Perfect for hero sections, creative portfolios, agency websites, fashion projects, product showcases, brand presentations, editorial pages, and experimental Framer projects.

Key features

Animated split typography

Create bold headline transitions where each word divides into two halves, revealing a dynamic visual strip before smoothly changing to the next word.

Moving visual strip

Display an infinite horizontal flow of cards inside the opened headline. Adjust the movement speed, card size, spacing, and animation timing directly in Framer.

Customizable cards

Add images, videos, background colors, labels, and custom text colors to every card. Mix different content types to create a unique visual sequence.

Custom word sequence

Add your own list of words and automatically rotate between them. Perfect for showcasing services, categories, projects, or brand values.

Individual typography controls

Customize the headline and card label fonts, sizes, weights, colors, and text styles independently.

Flexible background options

Use a solid background color, image, or video. Adjust the overlay color and opacity to maintain strong contrast and readable typography.

Adjustable animation timing

Control the start delay, interval between transitions, opening duration, and strip speed to create the exact motion rhythm your project needs.

Hero-ready design

Use The Split as a bold animated centerpiece for agency websites, portfolios, product launches, fashion pages, and creative presentations.

Easy Framer setup

Add the component to your project, enter your words, upload your visual content, adjust the styling and motion settings, and create an editorial showcase in minutes.

🎁 Bonus: get 50% off your next template. Your code arrives right after purchase.

Refund policy

This is a digital product, so all purchases are final and refunds are not available. Please make sure to review the product details before purchasing. If you have any questions, you can contact me before placing your order.

Support

If you need help with the component or have any issues while using it, feel free to reach out.

Email: promakdesign@gmail.com