Selection Tools

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

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Toolbar8 } from "@/components/beste/piece/toolbar8";

<Toolbar8
  active="select"
/>

More Toolbar pieces

View all Toolbar

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

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

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

View Mode

toolbar11

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

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.