ActiveUncategorizedvue4,491
@canvas-ui
Uncategorized · data updated 2026-09-05
Creative html-in-canvas components. React, Vue, Svelte, TS.
Install
npx shadcn@latest add https://canvasui.dev/r/registry.jsonHealth
StatusActive
Last committoday
License—
Open issues4
ArchivedNo
Stars4,491
Components (420)
ascii-object-reactascii-object-vueascii-object-svelteascii-object-solidascii-object-preactascii-object-vanillaascii-object-react-webgpuascii-object-vue-webgpuascii-object-svelte-webgpuascii-object-solid-webgpuascii-object-preact-webgpuascii-object-vanilla-webgpuascii-sweep-reactascii-sweep-vueascii-sweep-svelteascii-sweep-solidascii-sweep-preactascii-sweep-vanillaascii-sweep-react-webgpuascii-sweep-vue-webgpuascii-sweep-svelte-webgpuascii-sweep-solid-webgpuascii-sweep-preact-webgpuascii-sweep-vanilla-webgpuasciify-reactasciify-vueasciify-svelteasciify-solidasciify-preactasciify-vanillaasciify-react-webgpuasciify-vue-webgpuasciify-svelte-webgpuasciify-solid-webgpuasciify-preact-webgpuasciify-vanilla-webgpubend-reactbend-vuebend-sveltebend-solidbend-preactbend-vanillabend-react-webgpubend-vue-webgpubend-svelte-webgpubend-solid-webgpubend-preact-webgpubend-vanilla-webgpugrid-reactgrid-vuegrid-sveltegrid-solidgrid-preactgrid-vanillagrid-react-webgpugrid-vue-webgpugrid-svelte-webgpugrid-solid-webgpugrid-preact-webgpugrid-vanilla-webgpu
Components: ascii-object-react, ascii-object-vue, ascii-object-svelte, ascii-object-solid, ascii-object-preact, ascii-object-vanilla, ascii-object-react-webgpu, ascii-object-vue-webgpu, ascii-object-svelte-webgpu, ascii-object-solid-webgpu, ascii-object-preact-webgpu, ascii-object-vanilla-webgpu, ascii-sweep-react, ascii-sweep-vue, ascii-sweep-svelte, ascii-sweep-solid, ascii-sweep-preact, ascii-sweep-vanilla, ascii-sweep-react-webgpu, ascii-sweep-vue-webgpu, ascii-sweep-svelte-webgpu, ascii-sweep-solid-webgpu, ascii-sweep-preact-webgpu, ascii-sweep-vanilla-webgpu, asciify-react, asciify-vue, asciify-svelte, asciify-solid, asciify-preact, asciify-vanilla, asciify-react-webgpu, asciify-vue-webgpu, asciify-svelte-webgpu, asciify-solid-webgpu, asciify-preact-webgpu, asciify-vanilla-webgpu, bend-react, bend-vue, bend-svelte, bend-solid, bend-preact, bend-vanilla, bend-react-webgpu, bend-vue-webgpu, bend-svelte-webgpu, bend-solid-webgpu, bend-preact-webgpu, bend-vanilla-webgpu, grid-react, grid-vue, grid-svelte, grid-solid, grid-preact, grid-vanilla, grid-react-webgpu, grid-vue-webgpu, grid-svelte-webgpu, grid-solid-webgpu, grid-preact-webgpu, grid-vanilla-webgpu, blaze-react, blaze-vue, blaze-svelte, blaze-solid, blaze-preact, blaze-vanilla, blaze-react-webgpu, blaze-vue-webgpu, blaze-svelte-webgpu, blaze-solid-webgpu, blaze-preact-webgpu, blaze-vanilla-webgpu, bubble-react, bubble-vue, bubble-svelte, bubble-solid, bubble-preact, bubble-vanilla, bubble-react-webgpu, bubble-vue-webgpu, bubble-svelte-webgpu, bubble-solid-webgpu, bubble-preact-webgpu, bubble-vanilla-webgpu, canvas-react, canvas-vue, canvas-svelte, canvas-solid, canvas-preact, canvas-vanilla, canvas-react-webgpu, canvas-vue-webgpu, canvas-svelte-webgpu, canvas-solid-webgpu, canvas-preact-webgpu, canvas-vanilla-webgpu, cloth-react, cloth-vue, cloth-svelte, cloth-solid, cloth-preact, cloth-vanilla, cloth-react-webgpu, cloth-vue-webgpu, cloth-svelte-webgpu, cloth-solid-webgpu, cloth-preact-webgpu, cloth-vanilla-webgpu, clouds-react, clouds-vue, clouds-svelte, clouds-solid, clouds-preact, clouds-vanilla, clouds-react-webgpu, clouds-vue-webgpu, clouds-svelte-webgpu, clouds-solid-webgpu, clouds-preact-webgpu, clouds-vanilla-webgpu, decrypt-reveal-react, decrypt-reveal-vue, decrypt-reveal-svelte, decrypt-reveal-solid, decrypt-reveal-preact, decrypt-reveal-vanilla, decrypt-reveal-react-webgpu, decrypt-reveal-vue-webgpu, decrypt-reveal-svelte-webgpu, decrypt-reveal-solid-webgpu, decrypt-reveal-preact-webgpu, decrypt-reveal-vanilla-webgpu, liquid-react, liquid-vue, liquid-svelte, liquid-solid, liquid-preact, liquid-vanilla, liquid-react-webgpu, liquid-vue-webgpu, liquid-svelte-webgpu, liquid-solid-webgpu, liquid-preact-webgpu, liquid-vanilla-webgpu, magnify-react, magnify-vue, magnify-svelte, magnify-solid, magnify-preact, magnify-vanilla, magnify-react-webgpu, magnify-vue-webgpu, magnify-svelte-webgpu, magnify-solid-webgpu, magnify-preact-webgpu, magnify-vanilla-webgpu, dithered-object-react, dithered-object-vue, dithered-object-svelte, dithered-object-solid, dithered-object-preact, dithered-object-vanilla, dithered-object-react-webgpu, dithered-object-vue-webgpu, dithered-object-svelte-webgpu, dithered-object-solid-webgpu, dithered-object-preact-webgpu, dithered-object-vanilla-webgpu, displacement-react, displacement-vue, displacement-svelte, displacement-solid, displacement-preact, displacement-vanilla, displacement-react-webgpu, displacement-vue-webgpu, displacement-svelte-webgpu, displacement-solid-webgpu, displacement-preact-webgpu, displacement-vanilla-webgpu, droplets-react, droplets-vue, droplets-svelte, droplets-solid, droplets-preact, droplets-vanilla, droplets-react-webgpu, droplets-vue-webgpu, droplets-svelte-webgpu, droplets-solid-webgpu, droplets-preact-webgpu, droplets-vanilla-webgpu, flame-wrap-react, flame-wrap-vue, flame-wrap-svelte, flame-wrap-solid, flame-wrap-preact, flame-wrap-vanilla, flame-wrap-react-webgpu, flame-wrap-vue-webgpu, flame-wrap-svelte-webgpu, flame-wrap-solid-webgpu, flame-wrap-preact-webgpu, flame-wrap-vanilla-webgpu, force-field-react, force-field-vue, force-field-svelte, force-field-solid, force-field-preact, force-field-vanilla, force-field-react-webgpu, force-field-vue-webgpu, force-field-svelte-webgpu, force-field-solid-webgpu, force-field-preact-webgpu, force-field-vanilla-webgpu, particle-object-react, particle-object-vue, particle-object-svelte, particle-object-solid, particle-object-preact, particle-object-vanilla, particle-object-react-webgpu, particle-object-vue-webgpu, particle-object-svelte-webgpu, particle-object-solid-webgpu, particle-object-preact-webgpu, particle-object-vanilla-webgpu, particle-reveal-react, particle-reveal-vue, particle-reveal-svelte, particle-reveal-solid, particle-reveal-preact, particle-reveal-vanilla, particle-reveal-react-webgpu, particle-reveal-vue-webgpu, particle-reveal-svelte-webgpu, particle-reveal-solid-webgpu, particle-reveal-preact-webgpu, particle-reveal-vanilla-webgpu, particle-scroll-react, particle-scroll-vue, particle-scroll-svelte, particle-scroll-solid, particle-scroll-preact, particle-scroll-vanilla, particle-scroll-react-webgpu, particle-scroll-vue-webgpu, particle-scroll-svelte-webgpu, particle-scroll-solid-webgpu, particle-scroll-preact-webgpu, particle-scroll-vanilla-webgpu, peel-react, peel-vue, peel-svelte, peel-solid, peel-preact, peel-vanilla, peel-react-webgpu, peel-vue-webgpu, peel-svelte-webgpu, peel-solid-webgpu, peel-preact-webgpu, peel-vanilla-webgpu, glitch-react, glitch-vue, glitch-svelte, glitch-solid, glitch-preact, glitch-vanilla, glitch-react-webgpu, glitch-vue-webgpu, glitch-svelte-webgpu, glitch-solid-webgpu, glitch-preact-webgpu, glitch-vanilla-webgpu, glyph-rain-react, glyph-rain-vue, glyph-rain-svelte, glyph-rain-solid, glyph-rain-preact, glyph-rain-vanilla, glyph-rain-react-webgpu, glyph-rain-vue-webgpu, glyph-rain-svelte-webgpu, glyph-rain-solid-webgpu, glyph-rain-preact-webgpu, glyph-rain-vanilla-webgpu, frost-react, frost-vue, frost-svelte, frost-solid, frost-preact, frost-vanilla, frost-react-webgpu, frost-vue-webgpu, frost-svelte-webgpu, frost-solid-webgpu, frost-preact-webgpu, frost-vanilla-webgpu, hex-float-react, hex-float-vue, hex-float-svelte, hex-float-solid, hex-float-preact, hex-float-vanilla, hex-float-react-webgpu, hex-float-vue-webgpu, hex-float-svelte-webgpu, hex-float-solid-webgpu, hex-float-preact-webgpu, hex-float-vanilla-webgpu, ink-object-react, ink-object-vue, ink-object-svelte, ink-object-solid, ink-object-preact, ink-object-vanilla, ink-object-react-webgpu, ink-object-vue-webgpu, ink-object-svelte-webgpu, ink-object-solid-webgpu, ink-object-preact-webgpu, ink-object-vanilla-webgpu, retro-dither-react, retro-dither-vue, retro-dither-svelte, retro-dither-solid, retro-dither-preact, retro-dither-vanilla, retro-dither-react-webgpu, retro-dither-vue-webgpu, retro-dither-svelte-webgpu, retro-dither-solid-webgpu, retro-dither-preact-webgpu, retro-dither-vanilla-webgpu, ripple-react, ripple-vue, ripple-svelte, ripple-solid, ripple-preact, ripple-vanilla, ripple-react-webgpu, ripple-vue-webgpu, ripple-svelte-webgpu, ripple-solid-webgpu, ripple-preact-webgpu, ripple-vanilla-webgpu, shatter-react, shatter-vue, shatter-svelte, shatter-solid, shatter-preact, shatter-vanilla, shatter-react-webgpu, shatter-vue-webgpu, shatter-svelte-webgpu, shatter-solid-webgpu, shatter-preact-webgpu, shatter-vanilla-webgpu, vhs-react, vhs-vue, vhs-svelte, vhs-solid, vhs-preact, vhs-vanilla, vhs-react-webgpu, vhs-vue-webgpu, vhs-svelte-webgpu, vhs-solid-webgpu, vhs-preact-webgpu, vhs-vanilla-webgpu, laser-react, laser-vue, laser-svelte, laser-solid, laser-preact, laser-vanilla, laser-react-webgpu, laser-vue-webgpu, laser-svelte-webgpu, laser-solid-webgpu, laser-preact-webgpu, laser-vanilla-webgpu, glass-react, glass-vue, glass-svelte, glass-solid, glass-preact, glass-vanilla, glass-react-webgpu, glass-vue-webgpu, glass-svelte-webgpu, glass-solid-webgpu, glass-preact-webgpu, glass-vanilla-webgpu, glass-object-react, glass-object-vue, glass-object-svelte, glass-object-solidPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@canvas-ui · ascii-object-react
npx shadcn@latest add https://canvasui.dev/r/ascii-object-react.jsonView source