Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Noise
Next: Perspex Web Lattice

React Oldschool Tube Shaders

React oldschool tube with Voronoi patterns and bump mapping for Next.js

Need classic demoscene tunnel effects without complex 3D libraries? Most developers use basic CSS rotations or WebGL geometry that can't handle cylindrical mapping smoothly. This React component uses authentic WebGL cylindrical mapping with Voronoi patterns and bump mapping. Built for React applications with TypeScript and Next.js. GPU-accelerated retro tunnel at 60fps.

Oldschool Tube Shaders preview

Scroll to load preview

Installation

React Digital Tunnel Shaders

Neon tunnel effects

React Advanced Tunnel Shaders

Multi-ring tunnel patterns

React Monster Tunnel Shaders

Fractal geometry tunnel

React Biomine Shaders

Organic gyroid tunnels

React Cellular Tiled Tunnel Shaders

Voronoi tunnel patterns

React Desert Sand Shaders

Procedural terrain

FAQ

Was this page helpful?

Sign in to leave feedback.

Noise

React noise with GPU procedural generation and David Hoskins hash functions for Next.js

Perspex Web Lattice

React perspex web lattice with raymarched Voronoi and edge detection for Next.js