A dark tile grid lit from behind, with light escaping through the seams and a floating logo block that tilts toward the pointer.
About this tool
Build a hero where a coloured light sits behind a wall of dark tiles and only escapes through the seams between them. The centre block floats above the grid with your logo cut through it, tilts toward the pointer and pushes the backlight as it moves. Replace the logo with a transparent or opaque image, or pick Solid for a plain block. Change the glow colour, intensity, tile size, seam width, corners, tilt and the three label lines plus tagline without rebuilding the canvas. Playback respects reduced motion and pauses off-screen, and browsers without WebGL get a DOM fallback. Export the shared renderer as HTML, React or Svelte.
In collections: CSS Glow Effects & Neon Glow Components
3D & Perspective · HTML / React / Svelte · All tools