---
title: "Shine Slide FX — Free Framer component · Best of Framer"
description: "Free Framer component · by Milo Zoppini · Buttons. Overview Universal Shine FX adds a dynamic glossy reflection effect to any layer in your Framer project."
canonical: "https://framer.elliotli.dev/component/shine-slide-fx"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Shine Slide FX

# Shine Slide FX

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

![Shine Slide FX preview image 1](https://framer.elliotli.dev/og/component/shine-slide-fx/67778c1a63992ee0/1600x1200.jpg)

## Summary

Overview Universal Shine FX adds a dynamic glossy reflection effect to any layer in your Framer project.

## Description

**Overview**Universal Shine FX adds a dynamic glossy reflection effect to any layer in your Framer project. Simply drop it on top of an element and position it with absolute layout to achieve cinematic depth and light motion.

**Features**

-   Works with any component (buttons, images, cards, text blocks)
    
-   Fully responsive and customizable
    
-   Adjustable direction, speed, opacity, and gradient width
    
-   Lightweight animation using Framer Motion
    

**Use Cases**

-   Create premium-looking CTAs and cards
    
-   Add moving light reflections to UI elements
    
-   Simulate glossy or metallic surfaces
    

**How to Use**

1.  Drop the **Shine FX** layer inside your Frame
    
2.  Set its position to **Absolute** and place it above your element
    
3.  Adjust the gradient, angle, and animation speed
    
4.  Optionally loop or trigger on hover for interactivity
    

**Compatibility**Works with any Framer project, supports both dark and light themes.

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

-   All · #5640

## Details

- **Author**: Milo Zoppini
- **Published**: 2025-11-12
- **Updated**: 2025-11-03
- **Added**: 2025-10-20
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow