Shader 16 - Space Invaders Shader

Pro

A full-screen shader background with falling pixel-art invaders, expanding rings, configurable color, and time multiplier.

Shadcn Shader 16 block

Component data

ID
shader16
Access
pro
Created
Nov 10, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria

Shader 16 block design & features

Shader16 is a full-screen shader background built with shadcn/ui and React Three Fiber, rendering a grid of falling pixel-art shapes reminiscent of Space Invaders. The shader uses a character lookup to draw 8x8 sprites. Expanding rings pulse at random positions. A color prop controls the tint (default light gray). A timeMultiplier prop controls fall speed.

Monochromatic with bright shapes on darker background. The pixel-art style is retro. Continuous falling and ring animation.

Retro and game-like. The Space Invaders aesthetic is distinctive. Low complexity with color and timeMultiplier props.