BentoGlow Grid: Free Layout Component by Erfan khakpour

Build stunning feature sections with a fully responsive bento grid powered by cursor spotlight, border glow, tilt, magnetism, particles, and click ripple effects. Highly customizable, performance-aware, and ready for modern landing pages.

🚀 BentoGlow Grid — FREE

Modern bento layout. Interactive glow. Zero cost.

BentoGlow Grid is a fully responsive, interactive grid component for Framer that brings subtle motion and visual depth to your feature sections.

🆓 Completely free🚫 No locked features🚫 No hidden limitations

Just drop it in and customize.

✨ Interactive by Design

This isn’t just a grid — it reacts to the cursor.

🟣 Cursor-based spotlight effect🟣 Proximity border glow with adjustable radius🟣 Optional floating particle animation🟣 Optional 3D tilt interaction🟣 Optional magnetism movement🟣 Optional click ripple feedback

Each effect can be enabled or disabled independently.

You stay in full control of the experience.

🎛 Layout Controls

Built for real production pages.

⚙ Adjustable padding⚙ Adjustable gap📱 Responsive columns:

Mobile
Tablet
Desktop

📏 Max width control↔ Left / Center / Right alignment

📦 Per-card size options:

Normal
Wide (2 columns on desktop)
Tall (2 rows on desktop)
Big (2×2 on desktop)

Create hierarchy and structure without extra layout work.

🎨 Style Customization

Fine-tune the appearance to match your design system.

🎨 Border width🎨 Border color🎨 Corner radius🎨 Text color🎨 Label color🎨 Title size🎨 Description size🎨 Minimum card height🎨 Individual card background colors

Clean and minimal or bold and glowing — fully adjustable.

🌟 Effects Panel

Control every interaction:

✨ Enable / disable spotlight✨ Adjust spotlight radius✨ Enable / disable border glow✨ Custom glow color✨ Enable / disable floating particles✨ Particle count control✨ Enable / disable tilt✨ Tilt strength control✨ Enable / disable magnetism✨ Magnet strength control✨ Enable / disable click ripple

Nothing is forced. Everything is optional.

⚙ Smart Behavior Settings

Designed with usability in mind.

✔ Disable all animations✔ Disable effects on touch devices✔ Respect “prefers-reduced-motion”✔ Optional text truncation (1-line title / 2-line description clamp)

Performance-aware and accessibility-friendly.

🧩 Card Slot Support

Each card includes an optional component slot.

You can replace the default text layout with a Framer component instance, giving you flexibility while keeping the grid structure intact.

📦 What You Get (Free)

✔ Fully responsive bento grid✔ 6 demo cards included✔ Spotlight + border glow system✔ Floating particle animation✔ Tilt & magnetism interaction✔ Click ripple feedback✔ Deep customization controls

Completely free.