Search items

gridcn

Boot Sequence

Animated

An animated boot sequence that reveals system steps inside a scanlined HUD frame.

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

HexFloat

Animated

Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspective, bob gently, and rise toward the cursor. The HTML stays interactive. No dependencies.

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.

Canvas UI

Asciify

Animated

Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive. No dependencies.

Canvas UI

Bend

Animated

Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.

Bklit

Chart Markers

Chart

Marker components for highlighting data points on charts

Bklit

Tooltip

Tooltip

Composable tooltip components for charts

gridcn

Waveform

Animated

An animated audio waveform with playback, status-color, glow, and scanline options.

shadcn/ui

Area Chart - Axes

Chart

Plots a filled time series against labeled horizontal and vertical axes.

Bklit

X Axis

Chart

X-axis component for time-series charts

Bklit

Candlestick Chart

Chart

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

Eldora UI

Clerk OTP

Minimal

Segmented verification-code input styled for Clerk authentication flows.

Magic UI

File Tree

Minimal

A collapsible tree for presenting folders and files.

Trophy UI

Points Badge

Minimal

A compact badge for displaying point or currency-style totals.

shadcn/ui

Login with Image

Minimal

A login page with form and image.

shadcn/ui

Split Login with Cover

Minimal

A two column login page with a cover image.

shadcn/ui

Simple Login

Minimal

A centered sign-in form with account fields and supporting links.

gridcn

Tunnel

Animated

Animated instanced rings form a neon 3D tunnel while keeping draw calls low.

gridcn

HUD Frame

Background

A reusable HUD frame with corner brackets, an optional label, and a subtle grid.

HeroUI

Separator

Background

A visual divider that separates related regions or groups of content horizontally or vertically.

Canvas UI

Peel

Animated

Peels your page back from a chosen edge as the cursor approaches, revealing a second layer underneath. The HTML stays interactive. No dependencies.

HeroUI Native

Scroll Shadow

Background

A wrapper that adds dynamic gradient edge shadows to horizontal or vertical scrollable content based on overflow and scroll position.

Canvas UI

Droplets

Animated

Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.

Bklit

Stat Card Area

Animated

Revenue stat card with gradient area sparkline, NumberFlow, and trend badge

beUI

Dynamic Island

Animated

iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.

Magic UI

Shimmer Button

Animated

A moving highlight travels around the button perimeter.

Canvas UI

Cloth

Animated

Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. No dependencies.

Kokonut UI

Carousel Cards

Animated

A card carousel with direct and previous or next navigation.

Canvas UI

Ripple

Animated

Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays interactive. No dependencies.

8bitcn/ui

8-bit Game Hero 1

Retro

Health bar hero with progress indicator.

Magic UI

Highlighter

Animated

A marker-like stroke animates behind selected text.

Magic UI

Aurora Text

Animated

Text filled with a shifting multicolor aurora effect.

Magic UI

Cool Mode

Animated

Buttons, links, and other elements emit themed particles on interaction.

8bitcn/ui

8-bit Game Hero 2

Retro

XP milestone hero with level badges.

Magic UI

Meteors

Animated

Animated streaks cross a container like a meteor shower.