Shadcn UI Shader Block
Shader7 is a full-screen shader background built with Shadcn UI and React Three Fiber, using a ping-pong buffer for fluid simulation. The shader renders a vector field with optional arrow patterns. Mouse movement influences the fluid. A color prop controls the tint. Uses useFBO from drei for the simulation buffers.
Monochromatic with subtle color tint. The fluid reads as flowing lines or arrows. Mouse interaction adds trails. Continuous animation.
Interactive and data-vis style. The fluid simulation with vector field is distinctive. Elaborate with FBO and mouse interaction.
Dependencies
| Package | Type |
|---|---|
| @react-three/drei | NPM |
| @react-three/fiber | NPM |
| react | NPM |
| three | NPM |