Shadcn.io is not affiliated with official shadcn/ui
React Tunnel Shaders
React tunnel shaders with classic demoscene psychedelic effects for Next.js
Tunnel Shaders preview
Need hypnotic tunnel effects without heavy 3D geometry? Most approaches use complex mesh tunnels or expensive video backgrounds. This React component uses the legendary Danilo Guanabara shader technique with mathematical distortion and RGB channel separation for authentic demoscene tunnel visualization. Built for React applications with TypeScript and Next.js. GPU-accelerated tunnel at 60fps.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this shader for you — no copy-paste, no CLI:
use shadcnio to install the tunnel shader into my projectRelated Components
React Smoke Shaders
Volumetric smoke effects
React Sea Shaders
3D ocean raymarching
React Fire 3D Shaders
Realistic fire effects
React Gradient Mesh Shaders
Dynamic gradients
React Hologram Shaders
Holographic effects
React Plasma Shaders
Organic plasma effects
FAQ
Was this page helpful?
Sign in to leave feedback.