Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Plasma
Next: Pyramid Pattern

React Poincare Disc Animation Shaders

React Poincare disc with hyperbolic tiling and circle inversion for Next.js

Need hyperbolic geometry visualizations without complex mathematics? Most developers struggle with non-Euclidean transformations that lack performance. This React component uses CSG polygon-driven Poincare disc tiling with animated pattern overlays and hyperbolic reflections. Built for React applications with TypeScript and Next.js. GPU-accelerated circle inversion at 60fps.

Poincare Disc Animation Shaders preview

Scroll to load preview

Installation

React Mobius Sierpinski Shaders

Hypnotic Sierpinski patterns

React Fractals Shaders

Mathematical fractal patterns

React Mandelbrot Pattern Decoration Shaders

Complex plane transformations

React Hexagon Grid Pattern Shaders

Hexagonal tessellation

React Abstract Mod Shaders

3D abstract raymarching

React Cellular Tiled Tunnel Shaders

Cellular tiled patterns

FAQ

Was this page helpful?

Sign in to leave feedback.

Plasma

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

Pyramid Pattern

React pyramid patterns with bump mapping and noise-driven animations for Next.js