Free, open-source React components for agent and dashboard products, built on Radix and Tailwind CSS v4.
Vertically stacked sections that expand and collapse, built on Radix.
Vertical feed of events with squircle markers.
Concentric progress rings in SVG, one arc per series.
Card with a gradient cover, icon tiles, title, description and an optional author row.
Inline message card with a semantic icon disc, title, body and an optional dismiss or action cluster.
Modal confirmation dialog that expects a response, with an optional media tile.
Light and dark segmented toggle for an appearance row in a menu or settings sheet.
App directory row with an icon tile, name, blurb and a connect action.
Switcher for the top of a sidebar: a mark and space name that open a menu of spaces.
Ring geometry helpers shared by the circular progress components.
Displays content within a fixed width-to-height ratio, built on Radix.
User image with a fallback, a status badge, and grouped avatars with an overflow count.
Small status or count label with neutral, semantic, outline, ghost and link variants.
Announcement chip: a pill with a leading badge, trailing copy and an optional addon mark.
Full-width announcement bar for the top of a page or region, with title, description, actions and close.
The product logo mark, with a monochrome option that follows the text colour.
Trail of links to the current page, with separators and an ellipsis.
Button with default, outline, secondary, ghost, inverse, destructive and link variants and squircle icon sizes.
Segmented cluster of buttons that share edges, with optional separators.
Month grid for single-date or range selection, built on react-day-picker.
Surface container with header, title, description, action, content and footer parts and an elevation axis.
Slide carousel with previous and next controls, built on Embla.
Recharts wrapper with a themed container, tooltip and legend driven by a chart config.
Recharts axis tick that highlights one value and mutes the rest.
Recharts label for a reference line or dot.
Checkbox with an animated check mark, built on Radix.
Category filter pill.
Region that shows and hides from a trigger, built on Radix.
Swatch palette for choosing a colour, with a standalone swatch part.
Command palette with search, groups, items, shortcuts and a dialog form, built on cmdk.
Right-click menu with items, checkbox and radio items, sub-menus and shortcuts, built on Radix.
Single-date and date-range pickers that open a calendar in a popover.
Square calendar tile showing a short month over a day of the month.
Term and value pairs rendered as a description list.
Modal dialog with header, body, footer, media and illustration parts, and width and scrolling options.
Two hairlines with a label, badge or button between them.
Dot-matrix column series: one column per sample, with dots stacked to the value.
Panel that slides in from an edge of the screen, built on vaul.
Menu opened from a trigger, with items, checkbox and radio items, sub-menus and shortcuts, built on Radix.
Placeholder for an empty list or a search with no results: icon tile, title, description and actions.
Form row with a label, a control, and helper or error text.
Drop zone and file list for choosing files to upload.
Filter menu with grouped options, a selection count and a footer, plus helpers for the selection model.
Toolbar above a table or list with search, filter controls, active filters and actions.
Progress toward a fixed goal, drawn as a gradient fill with a knob and a percent flag.
Token gradient tile that stands in for an account, workspace or app.
Matrix heatmap holding one value per cell, with tone variants.
Preview card shown while hovering over a trigger, built on Radix.