Shader Surface Demo

example

A worked example of Shader Surface: Four shader backdrops -- caustics, metal, plasma and ripple -- each taking its two colours from your theme, so the same surface arrives dark in a dark application and light in a light one.

pnpm dlx shadcn@latest add "https://ui.tinkererslabs.com/r/shader-surface-demo.json"

Sign In

Shader Surface Demo

example

A worked example of Shader Surface: Four shader backdrops -- caustics, metal, plasma and ripple -- each taking its two colours from your theme, so the same surface arrives dark in a dark application and light in a light one.

pnpm dlx shadcn@latest add "https://ui.tinkererslabs.com/r/shader-surface-demo.json"

shader-surface

components/demos/shader-surface-demo.tsx

shader-surface

components/demos/shader-surface-demo.tsx