Voxel Image

Show Preview
Voxel Image
Voxel Image

About Voxel Image

Drop in any image and it becomes real 3D blocks. Each block takes its colour from the picture and its height from the brightness, so light areas rise toward the viewer. Blocks scatter away from the cursor and fly together as the image enters the screen.

What you get:

  • Real-time 3D on a single canvas, not a flat pixel filter

  • Cursor or touch interaction with a ripple and a tilt toward the pointer

  • Reveal on view, on scroll, or off

  • Controls for block count, depth, gap, cursor size and force, tilt, and background

  • The original image as a fallback when WebGL isn't available, with alt text

  • Holds still for visitors who prefer reduced motion, and pauses off-screen

  • Blocks stay chunky on small screens automatically

Questions? admin@neebarp.com.

Related Components

Deconstruct Mask
Pixel Dither Image
Scroll Reveal Paralx
Image Hover Variants