Tiles Background

An interactive grid of tiles that enhances user engagement. When a user hovers over a tile, it smoothly changes color and adds a subtle shine effect to highlight the tile. Each hover interaction also triggers an event tracker to capture user engagement with the tile.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Tiles Background to your project and fits it to your theme.

import { TilesBackground } from "@/components/ui/tiles-background"

export function Demo() {
    return <TilesBackground/>
}

export default {
    Demo 
}