Image Split Reveal is a premium hover interaction component that creates a dramatic split effect on images. On hover, the image separates into two halves revealing customizable text content with smooth animations. Ideal for portfolios, landing pages, product showcases, hero sections, and any design that needs a memorable first impression.
Four split animation styles: Horizontal, Vertical, Diagonal, and Curved
Animated line divider between headline and subtitle
Customizable text with separate font controls
Optional CTA button with slide-fill hover animation
Gradient overlay
Custom cursor option for enhanced interactivity
Fully responsive
Responsive image picker
Text content
Font size
Font family
Text content
Font size
Font family
Split style (Horizontal, Vertical, Diagonal, Curved)
Split distance
Text animation (Fade, Slide, Scale, Blur)
Text color
Show backdrop toggle
Backdrop color
Show button toggle
Button text
Link
Button color
Text color
Font family
Gradient overlay toggle
Gradient color
Gradient opacity
Enable toggle
Cursor color
Cursor size
Portfolio hero sections with dramatic image reveals
Product showcases with hover-to-explore interactions
Landing page feature highlights
Gallery and case study presentations
Agency and creative studio websites
Elevate your Framer projects with premium hover interactions that captivate visitors and create lasting impressions.