Search items

Canvas UI

Magnify

Animated

A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples that bend the page. The HTML stays interactive. No dependencies.

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.

ThreeUI

Atelier Flag

3D

The same sheet cut and sewn: three linen panels joined by flat-felled seams and topstitching, an indigo heading tape on the hoist with brass grommets and a mast, hemmed at the fly, and a woven label tacked on at the corner.

ThreeUI

Iridescent Silk

3D

A five-harness satin under a painted studio environment: a thin-film interference layer whose thickness sweeps one full order across the width, so the colour travels over the folds while the wordmark stays a tone-on-tone jacquard.

ThreeUI

Washi Noren

3D

An indigo-dyed kozo noren on a wooden rod, backlit through a shoji: laid and chain lines from the papermaking screen, a torn deckle edge cut by an alpha mask, and slits that free three panels to sway on their own.

beUI

Availability Scheduler

Animated

Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.

beUI

Cylinder Carousel

Animated

A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.

beUI

Knockout Bracket

Chart

Google-style tournament bracket that pages one round at a time: the leftmost round stacks compactly while later rounds center between their feeder matches, with cards, elbow connectors, headers and container height animating to every new layout.

beUI

Gooey Popover

Animated

Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on top. Click or hover, controlled or uncontrolled.

beUI

Morphing Popover

Animated

Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips as one piece, a single-surface morph with a drop-shadow that hugs the shape. Side/align aware, controlled or uncontrolled.

beUI

Wallet Card

Premium

Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.

mapcn

Analytics Card

Card

A compact visitor metric card layered over a world map with proportional location markers and a growth badge.

mapcn

Map

Map

A composable MapLibre map with theme-aware styles, markers, popups, controls, routes, arcs, GeoJSON layers, and point clustering.

Bklit

Area Chart

Animated

A composable area chart with gradient fills and animations

Bklit

Bar Chart

Animated

A composable bar chart with horizontal/vertical orientations and animations

Bklit

Candlestick Chart

Chart

A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions

Bklit

Choropleth Chart

Map

A geographic map chart with zoom, pan, and data visualization

Bklit

Composed Chart

Chart

Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style)

Bklit

Funnel Chart

Animated

An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations

Bklit

Gauge

Chart

Notch-based radial or linear gauge with optional center label, patterns, and optional gradients

Bklit

Heatmap Chart

Animated

A contribution heatmap with animated cells and configurable level colors

Bklit

Line Chart

Chart

A composable line chart with multiple series support

Bklit

Live Line Chart

Animated

Real-time streaming line chart with smooth scrolling, crosshair, and animated axes

Bklit

Pie Chart

Animated

A composable pie chart with animations and customizable slices