Free, open-source React components for agent and dashboard products, built on Radix and Tailwind CSS v4.
Toast notifications styled for the system, built on sonner. Mount the Toaster once.
Inline SVG trend line for a KPI tile.
Ring spinner and loading dots that take their colour from the surrounding text.
Cardless figure with a unit, a caption and a delta.
Presence or state pill with a coloured dot and a tinted body.
Step indicator for a multi-step flow, with markers, connectors, segments and a counter.
On and off toggle switch, built on Radix.
Table parts with sortable headers, selection cells, densities, an empty state and skeleton rows.
Card shell around a table: header, body, footer, count and a bulk-action bar.
Tabbed views with pill, underline and segment list styles and a travelling indicator, built on Radix.
Dismissible label for a value the user has committed, such as a recipient or a keyword.
Multi-line text input.
Extracts a brand colour from a logo, derives accessible accent tones from it and applies them as tokens.
Dense strip of uniform ticks for recent samples, such as CPU or memory load.
Schedule track with an axis of ticks and one item per row, placed along the span.
Two-state button that is either on or off, built on Radix.
Set of toggles that act as a single or multiple choice, built on Radix.
Label shown on hover or focus that provides its own provider, built on Radix.
Hierarchical list with expandable rows and keyboard navigation.
Delta chip with a direction arrow and a sentiment colour.
Sidebar footer upgrade block with a chip, title, copy, meter and a call to action.
Count against a quota, drawn as a row of discrete pips.
Hook that reports whether the viewport is narrower than the mobile breakpoint.
Identity row for the foot of a sidebar: avatar, name, a second line and a trailing affordance.
The cn class merger, with tailwind-merge extended for Pesto UI's type scale. Replaces the stock lib/utils.ts.