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

Sketchbook

Editorial

A tactile personal portfolio built as a Singapore sketchbook, with nine illustrated plates, curled page turns, a draggable magnifying glass, zoom controls, a botanical paper atmosphere, and an editorial index.

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

Loader

Animated

Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.

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

Select

Animated

Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with staggered items. Position-aware (opens upward when needed).

beUI

Morphing Select

Animated

Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a shared layoutId: one continuous surface that grows open and shrinks back, never detaching.

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.

beUI

Wheel Picker

Animated

iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.

mapcn

Analytics Card

Card

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

mapcn

Analytics Map

Template

A full-page real-time analytics dashboard with a world map, overview metrics, traffic breakdown cards, and device statistics.

mapcn

Choropleth

Template

An interactive world choropleth that shades countries by a metric and includes a theme-aware legend and hover details.

mapcn

Delivery Tracker

Template

A responsive delivery tracking screen with order details, a routed map, pickup and drop-off markers, and courier progress.

mapcn

Heatmap

Template

A globe-projected earthquake density heatmap with zoom-responsive intensity, color, radius, and point layers.

mapcn

Logistics Network

Template

A domestic logistics dashboard with globe-projected routes, hub markers, operational stats, and sidebar filters.

mapcn

Map

Map

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

mapcn

Store Locator

Template

A searchable store locator with a synchronized results sidebar, interactive markers, fly-to selection, tooltips, and details popups.