Pieces(1076)

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Size Picker

Row of square size chips. The active size inverts to foreground.

5 / 24

Pagination Nav

First / prev / page-of-total / next / last controls in a compact toolbar.

Sort

Sort Controls

Sort label followed by field chips and an ascending or descending arrow on the right.

View Mode

Segmented view switcher with grid, rows, and list options shown as icon plus label chips.

Share Row

Rounded share pill with copy link, X, LinkedIn, and email buttons.

History

Two-button undo / redo toolbar. Buttons fade when their action is unavailable.

Selection Tools

Canvas toolbar with select, move, hand, zoom, and crop. Active tool fills muted.

Drawing Tools

Vertical toolbar with pen, brush, eraser, text, and shapes. Active tool inverts to foreground.

Color Swatches

Row of color circles with a check on the active swatch and a trailing eyedropper for custom values.

Table Controls

Three button groups for table editing: add row/column, merge/split, and a rose delete button.

Text Align

Left / center / right / justify alignment buttons. Active state fills muted.

125%

Zoom Controls

Segmented zoom control with minus, a monospace percentage readout, and plus.

Media Controls

Skip, play/pause, and skip controls inside a pill. Toggle the playing flag to flip the center button.

Format Toolbar

Compact formatting bar with bold, italic, underline, strike, align, and link buttons.

Fri, Jun 14Midnight Synth Tour
8:00 PMRow C · Seat 12
AdmitONE

Event Ticket

Ticket with event name, date, time, and seat on the main stub, and a dashed tear-off Admit One side.

pnpm dlx shadcn@latest add button

Copy Command

CLI code line with a chevron prefix and a copy button that flips to a check.

$npx beste-ui@latest init

Terminal Prompt

Dark shell line with an emerald prompt, command text, and a blinking block cursor.

83Positive

Gauge Meter

Half-circle dial with a tachometer-style needle that sweeps back and forth. Fits sentiment, health, or velocity snapshots.

48.2K
3.1K
284
612

Engagement Row

Pill row grouping views, likes, comments, and shares with lucide icons and tabular counts.

1M+Active developersUsing Beste across 140 countries

Milestone

Gradient hero card with a huge headline number, uppercase label, and a short context caption.

1,284Online now

Live Counter

Pinging emerald dot next to a big count and an uppercase caption. Reads as a live realtime figure.

#12of 500
Weekly leaderboardTop 3%

Rank Card

Gold trophy tile beside a #rank-of-total position, a context label, and an emerald percentile flag.

$48KRevenue
2,340Orders
12.4%Conversion
6:42Avg session

Mini Dashboard

2x2 grid of stat cells inside one card, separated by a thin cross divider.

2.8×Faster than last quarter

Icon Stat Tile

Colored icon tile beside a bold stat and a one-line description.

Markdown version