Free, open-source React components for agent and dashboard products, built on Radix and Tailwind CSS v4.
Narrow vertical strip of icon-only navigation destinations.
Squircle container for an app or brand mark, raised or soft, in four sizes.
Compact promo block for a sidebar rail or the end of a content column.
Single-line text input.
Input or textarea with leading or trailing addons, text and buttons inside one field.
One-time code input split into individual slots, built on input-otp.
Keyboard key label, single or grouped, for shortcuts.
Accessible label for a form control, built on Radix.
Chart key listing each series' dot, name and figure.
Horizontal application menu bar with menus, items, sub-menus and shortcuts, built on Radix.
Chat message bubble and message group with a tail on the speaker's side.
KPI card with a label, a value and a delta.
The motion token values that JavaScript has to read, such as the glide spring duration.
Select that holds several values, shown as tags in a field that wraps.
Site navigation whose triggers open content panels, built on Radix.
Notification card with a coloured icon tile, title and body, and a list wrapper.
Animated number and rolling digit ticker for changing values.
Gradient orb avatar in identity hues, and a stack of orbs.
Top-of-page block with breadcrumb, avatar, title, supporting line and actions.
Page navigation with previous and next links, numbered pages and an ellipsis.
Card whose header leads with an icon chip and whose footer is a single action link.
Pesto UI's tokens, accent themes, Geist fonts, motion system and base layer. Every component depends on it, so add it first.
Floating panel anchored to a trigger, with header, title and description parts, built on Radix.
Expanded identity panel for a sidebar: avatar, name, subtitle, meta items and actions.
Horizontal progress bar with tone variants, built on Radix.
Circular progress indicator drawn in SVG, with tone and size variants.
Dark connect or upsell card on the inverse surface.
Tile for one plan quota: what it is, its status, the count against its allowance and a meter.
Set of radio buttons of which one can be selected, built on Radix.
Ordered ranking with a leading identity slot, a muted second line and a trailing figure.
Star rating input and a compact rating badge.
Panel groups with draggable handles for resizing, built on react-resizable-panels.
Crossfade from a skeleton to loaded content, driven by a data-reveal attribute.
Scrollable region with custom scrollbars and a keyboard tab stop, built on Radix.
Action bar for a form or card, with helper text on the left and buttons on the right.
In-page header above a table, card body or settings group, with a badge, actions and a tabs slot.
Stacked bar showing the parts of a total, with an optional legend.
Dropdown list for choosing one value, built on Radix.
Horizontal or vertical dividing line, built on Radix.
Finish-setup card with a media header, a badge, copy and a step-progress footer.
Share sheet with a document preview, a copy-link field, audience toggles and a primary action.
Dialog that slides in from a side of the screen, built on Radix.
Composable application sidebar with provider, groups, menus, sub-menus, rail, user row and a mobile sheet.
Data-driven navigation tree rendered with the sidebar primitives.
Composed workspace sidebar on a card, for previews and layouts.
Loading placeholder with a sweeping highlight.
Range input with one or more thumbs, built on Radix.
Sign-in button for an identity provider, single or grouped.