---
title: "Gradient lights back — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Brandarnia Agency · Backgrounds. Interactive light gradient glow"
canonical: "https://framer.elliotli.dev/component/gradient-lights-back"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Gradient lights back

# Gradient lights back

Interactive light gradient glow

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

![Gradient lights back preview image 1](https://framer.elliotli.dev/og/component/gradient-lights-back/22160488db99ce48/1600x840.jpg)

## Summary

Interactive light gradient glow

## Description

🔗 [Live Preview](https://lightyearglow.framer.website/)

🌟 Bring movement and depth to your background. Lightyear creates a soft, glowing light effect inspired by cosmic rays and the northern lights, reacting to your cursor in real time. Clean, modern, and subtle enough to sit behind any design without stealing the spotlight.

⚙ What you can customize Easily adapt every part of the glow to match your project and brand.

-   Glow gradient — 3 customizable colors (top, middle, bottom)
    
-   Glow intensity
    
-   Wave density
    
-   Animation speed
    
-   Grain
    
-   Mouse sensitivity
    

🎯 Perfect for SaaS websites / AI & tech startups / Landing pages / Hero sections / Portfolios / Product launches / Dark mode designs / Interactive backgrounds

🖱 Reacts to your cursor Adjust mouse sensitivity to control how strongly the glow responds to movement — from a subtle drift to a fully reactive effect.

🎨 Fully customizable gradient Set three individual colors — top, middle, and bottom — to build the exact glow you want, from cosmic blues to warm auroras.

🌊 Wave density Control how dense and detailed the wave pattern feels, from calm and minimal to rich and layered.

🎞 Add some grain A built-in grain effect adds texture and depth, giving the glow a more organic, filmic feel.

⚡ Animation speed Fine-tune how fast the glow moves and shifts, so the motion matches the pace of your design.

📱 Responsive by default Looks and performs great across Desktop, Tablet, and Mobile without extra setup.

––––––––

❤ We appreciate every like, download, and feedback. It helps us keep creating better components for your projects.

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

-   All · #3420

## Details

- **Author**: Brandarnia Agency
- **Price**: $10.00
- **Published**: 2026-09-02
- **Updated**: 2026-09-02
- **Added**: 2026-09-02
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background