Pieces/Toolbar(20)

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.

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

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

125%

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

Text Align

toolbar4

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

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

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

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

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

History

toolbar9

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

Share Row

toolbar10

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

View Mode

toolbar11

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

Sort

Sort Controls

toolbar12

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

5 / 24

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

Size Picker

toolbar14

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

Nine-cell anchor picker. The active anchor dot fills primary.

Filter Pills

toolbar16

Row of filter chips with optional count numbers. Active chip inverts to foreground.

00:42
02:15

Pill-shaped player strip with a playhead dot riding a filled track between elapsed and total timestamps.

7 / 24

Dark presenter toolbar with prev / play-pause / next, a slide counter, and a fullscreen button.

Reaction Bar

toolbar19

Row of icon buttons for like, comment, share, and save. Active items tint rose.

A floating pill toolbar of round icon actions with one accent-highlighted primary action.