Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Oldschool Tube
Next: Plasma

React Perspex Web Lattice Shaders

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

Need crystalline lattice structures without complex 3D models? Most developers use CSS grids or WebGL geometry that can't handle Voronoi calculations smoothly. This React component uses advanced WebGL raymarching with 2nd-order Voronoi patterns and edge detection. Built for React applications with TypeScript and Next.js. GPU-accelerated perspex materials at 60fps.

Perspex Web Lattice Shaders preview

Scroll to load preview

Installation

React Smooth Voronoi Contours Shaders

Mathematical Voronoi patterns

React Three Tap Voronoi Shaders

Advanced Voronoi tessellation

React Cellular Tiled Tunnel Shaders

Organic cellular patterns

React Hexagon Grid Pattern Shaders

Hexagonal tessellation

React Abstract Mod Shaders

3D abstract raymarching

React Raymarching Shaders

Advanced 3D raymarching

FAQ

Was this page helpful?

Sign in to leave feedback.

Oldschool Tube

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

Plasma

React plasma effect with GPU energy patterns and color cycling for Next.js