Registries
canvas-ui

canvas-ui

Creative html-in-canvas components. React, Vue, Svelte, TS.

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Ripple (Preact)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

Registry Health Inspect

canvas-ui – shadcn/ui Components – Page 9 | shadcnregistry

Registries
canvas-ui

canvas-ui

Creative html-in-canvas components. React, Vue, Svelte, TS.

Website

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Add Filters

@canvas-ui/ripple-preact

Ripple (Preact)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/ripple-preact-webgpu

Ripple (Preact, WebGPU)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

@canvas-ui/ripple-react

Ripple (React)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/ripple-react-webgpu

Ripple (React, WebGPU)

component@canvas-ui

@canvas-ui/ripple-solid

Ripple (Solid)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/ripple-solid-webgpu

Ripple (Solid, WebGPU)

component@canvas-ui

@canvas-ui/ripple-svelte

Ripple (Svelte)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/ripple-svelte-webgpu

Ripple (Svelte, WebGPU)

component@canvas-ui

@canvas-ui/ripple-vanilla

Ripple (Vanilla)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/ripple-vanilla-webgpu

Ripple (Vanilla, WebGPU)

component@canvas-ui

@canvas-ui/ripple-vue

Ripple (Vue)

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/ripple-vue-webgpu

Ripple (Vue, WebGPU)

component@canvas-ui

@canvas-ui/shatter-preact

Shatter (Preact)

Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/shatter-preact-webgpu

Shatter (Preact, WebGPU)

component@canvas-ui

@canvas-ui/shatter-react

Shatter (React)

component@canvas-ui

@canvas-ui/shatter-react-webgpu

Shatter (React, WebGPU)

component@canvas-ui

@canvas-ui/shatter-solid

Shatter (Solid)

component@canvas-ui

@canvas-ui/shatter-solid-webgpu

Shatter (Solid, WebGPU)

component@canvas-ui

@canvas-ui/shatter-svelte

Shatter (Svelte)

component@canvas-ui

@canvas-ui/shatter-svelte-webgpu

Shatter (Svelte, WebGPU)

component@canvas-ui

@canvas-ui/shatter-vanilla

Shatter (Vanilla)

component@canvas-ui

@canvas-ui/shatter-vanilla-webgpu

Shatter (Vanilla, WebGPU)

component@canvas-ui

@canvas-ui/shatter-vue

Shatter (Vue)

component@canvas-ui

@canvas-ui/shatter-vue-webgpu

Shatter (Vue, WebGPU)

component@canvas-ui

@canvas-ui/vhs-preact

VHS (Preact)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/vhs-preact-webgpu

VHS (Preact, WebGPU)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

@canvas-ui/vhs-react

VHS (React)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/vhs-react-webgpu

VHS (React, WebGPU)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

@canvas-ui/vhs-solid

VHS (Solid)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/vhs-solid-webgpu

VHS (Solid, WebGPU)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

@canvas-ui/vhs-svelte

VHS (Svelte)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/vhs-svelte-webgpu

VHS (Svelte, WebGPU)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

@canvas-ui/vhs-vanilla

VHS (Vanilla)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/vhs-vanilla-webgpu

VHS (Vanilla, WebGPU)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

@canvas-ui/vhs-vue

VHS (Vue)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.

component@canvas-ui

@canvas-ui/vhs-vue-webgpu

VHS (Vue, WebGPU)

Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.

component@canvas-ui

Previous page 1…8 9