Shadcn.io is not affiliated with official shadcn/ui
React Perspex Web Lattice Shaders
React perspex web lattice with raymarched Voronoi and edge detection for Next.js
Perspex Web Lattice Shaders preview
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.
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 perspex-web-lattice shader into my projectRelated Components
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.