Stop building from scratch
shadcn.io

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 shader preview

Installation

Sign in to access installation commands
Sign in

More React shader components

Explore other GPU-accelerated shader components for Next.js applications:

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

Oldschool Tube shader FAQ

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