Search items

Canvas UI

Shatter

Animated

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.

Bklit

Bar Depth

3D

3D depth and glossy glass surfaces for BarChart bars

Canvas UI

Bubble

Animated

A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.

Canvas UI

Glass

Animated

A cursor-following glass lens that refracts your page like real glass, with a crystal ball zoom over target elements. The HTML stays interactive. No dependencies.

Canvas UI

GlassObject

Animated

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.

Kokonut UI

Liquid Glass

Glass

A translucent card with layered glass and refraction effects.

Magic UI

Dock

Animated

A macOS-style app dock with magnification and spring motion.

ThreeUI

Floating Dots CTA

Animated

A saturated blue CTA with a glass highlight and a continuous stream of floating light points.

ThreeUI

Glassmorphism CTA

Animated

A glass pill CTA with a revolving highlight, advisor portrait, and a glowing generative-action icon.

ThreeUI

Lumen CTA

Glass

The Lumen call-to-action pill: a six-stop violet gradient running black to lilac, a hairline inner highlight, a soft cast glow, and the small open ring that trails the label.

beUI

Bottom Sheet

Animated

Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.

beUI

Command Palette

Glass

⌘K palette with fuzzy filter, spring-animated active row and glass surface.