Video Grid Gallery

premium glassmorphic grid layout

Glass Grid Gallery is a premium glassmorphic grid layout designed for showcasing videos or images with clean, modern motion. Each tile features adjustable transparency, borders, depth, and hover scaling—perfect for elevating portfolios, landing pages, hero designs, and interactive showcases.

You can control the grid structure, tile spans, gaps, rounding, background blur, and hover interactions with full flexibility. Every tile plays smoothly and scales independently, while the surrounding frosted-glass styling creates a luxurious, soft UI aesthetic.

Built using native CSS grid and Framer Motion for buttery-smooth animations.

Features

• 🧊 Glassmorphism UI with customizable blur, opacity & borders

• 🎥 Supports videos or images with seamless playback

• 🟦 Flexible grid layout — adjustable columns, spans & spacing

• ✨ Smooth hover animations for both tile & video

• 🔳 Rounded corners & soft shadows for premium feel

• ⚡ High performance with Framer Motion transitions

• 🛠 Fully customizable through Framer property controls