---
title: "LumeShift — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Text. Hover slider with text & image reveal"
canonical: "https://framer.elliotli.dev/component/lumeshift"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/LumeShift

# LumeShift

Hover slider with text & image reveal

[View on Framer](https://framer.com/marketplace/components/lumeshift/?via=elliot-li)

![LumeShift preview image 1](https://framer.elliotli.dev/og/component/lumeshift/c1cfc1847ee04569/1600x1200.jpg)

## Summary

Hover slider with text & image reveal

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #7537

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-10-22
- **Updated**: 2026-03-29
- **Added**: 2025-09-30
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing