Grid Trails

Show Preview
Grid Trails
Grid Trails

About Grid Trails

Live Preview

## Give your background a pulse ✦

Grid Trails is a dark, glowing grid where small lights run along the lines and turn corners on their own. Move your mouse over it and one more light joins in, following your cursor from line to line.

Put it behind a hero, a launch page or any section that needs to feel alive without being loud. Drop it in, pick your colors, and you're done.

## ⚙ What you can customize

Background color ✦ Line color ✦ Glow color ✦ Cell width ✦ Cell shape (square or rectangular) ✦ Number of lights (1 to 8) ✦ Speed ✦ Trail length ✦ Glow size ✦ Hover light strength

## 🎯 Good for

Hero backgrounds ✦ SaaS and AI landing pages ✦ Portfolios ✦ Product launches ✦ Coming soon pages ✦ Section backgrounds

## 📱 Works at any size

Stretch it to any width and height. It fills the space on desktop, tablet and mobile.

## 🖱 Good manners built in

- Smooth, GPU-powered animation

- Pauses when it's off screen to save battery

- Stays still on the Framer canvas, so editing never lags

- Respects the "reduce motion" setting on your visitor's device

- Hover light is optional. Set it to 0 to switch it off

## 🛠 How to use

Paste it on your canvas, resize it, and place your content on top. Every setting is in the Properties panel, no code needed.

## 💬 Need help?

Questions, ideas or a quick tweak?

Email: sohailansari895@gmail.com

X: https://x.com/sohaildesigns_