LumeShift

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.

Features

• 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

Property Controls

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

Use Cases

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