A hover reveal slider where headlines and background images animate together in perfect sync. Multiple transition types, staggered delays, and full customization. Built for agency service sections, portfolios, and landing pages that need premium motion-driven storytelling.
Text and image animate together on hover for a seamless reveal
Four animation types — fade, slide, scale, mixed transitions
Staggered delay control between text and image reveal
Up to 6 slides with headline and image per slide
Animation duration and easing controls
Dynamic accent color that syncs with hover animations
Custom section title label above the slider
Image corner radius — rounded or sharp edges
Full typography controls for section title and slide text
Background color customization
Text color and accent color controls
Responsive across all screen sizes
No code needed — all controls in Framer panel
Slides — up to 6 slides · headline and image per slide
Animation — type (fade, slide, scale, mixed) · duration · easing · stagger delay
Styling — image radius · background color · text color · accent color
Typography — title font · slide font · size · spacing · alignment
Section — custom section title label
Agency service sections · Creative portfolios · Product feature highlights · Landing pages · Event and campaign pages · Hero sections · Startup homepages
SEO Keywords
framer hover slider · framer text image slider · framer reveal slider · framer hover animation · framer service section · framer portfolio slider · framer animated slider · framer hover reveal · framer agency component · framer content slider · framer motion slider · framer stagger animation · framer landing page component · framer code component · framer interactive slider
Hamim Reza
