Tile grid background

Tile Grid Background is a customizable Framer background component featuring a grid of rounded tiles with strategically placed image and video cards. Media tiles are distributed evenly from the center, while subtle hover interactions bring nearby tiles to life. With animated fade reveals, flexible layout controls, and customizable color presets, it adds depth and movement to any website background.

Features

• Interactive Tiles: Subtle hover effects with smooth scaling and glow.

• Image & Video Support: Mix image and video tiles in one layout.

• Center-Focused Layout: Media tiles spread evenly from the center without repeating.

• Fade Reveal: Smooth fade-in animations with optional blur and stagger effects.

• Customizable Colors: Background and tile color presets, with custom color options.

• Flexible Sizing: Adjust columns, spacing, tile size, and edge padding.

• Appearance Controls: Customize roundness, sheen, borders, and edge fading.

• Responsive Layout: Automatically adapts to different screen sizes while keeping tiles fully visible.

Give your backgrounds a little more personality without overwhelming your content.