Make your AI a shadcn expert
Previous: Plasma
Next: Pyramid Pattern

React Poincare Disc Animation Shaders

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

Poincare Disc Animation Shaders preview

Scroll to load preview

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.

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 poincare-disc-animation shader into my project

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

Get Pro — Save 33%·--:--:--→