Shadcn UI Shader Block
Shader4 is a full-screen shader background built with shadcn/ui and React Three Fiber, rendering a procedural organic scene with chromatic aberration. The shader splits RGB channels by UV offset to create a lens distortion effect. The underlying scene uses iterative math to produce flowing, abstract forms. Light streaks pulse across the frame. Dark neutral background.
Dark palette with subtle color fringing at the edges. The chromatic aberration gives a lens or camera effect. Continuous animation.
Tech and cinematic. The chromatic aberration is the main distinctive feature. Moderate complexity with custom shader support.
Dependencies
| Package | Type |
|---|---|
| @react-three/fiber | NPM |
| react | NPM |
| three | NPM |