Skip to content

component

Shine Slide FX

By Milo Zoppini

Details

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 Drop the Shine FX layer inside your Frame Set its position to Absolute and place it above your element Adjust the gradient, angle, and animation speed Optionally loop or trigger on hover for interactivity Compatibility Works with any Framer project, supports both dark and light themes.

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400150008/148/228/309/79/15
  • All · #4585