GlassObject (Svelte)

component

Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refraction, chromatic dispersion, frost, and tinted absorption, lit by a studio environment. Built on three.js.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/glass-object-svelte.json"

Sign In

GlassObject (Svelte)

component

Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refraction, chromatic dispersion, frost, and tinted absorption, lit by a studio environment. Built on three.js.

pnpm dlx shadcn@latest add "https://canvasui.dev/r/glass-object-svelte.json"

three

src/lib/components/canvasui/GlassObject.svelte

three

src/lib/components/canvasui/GlassObject.svelte