Browse all 104 Primstack primitives. Each one is typed, tested, and accessible.
Versatile button with multiple variants, sizes, and states.
Styled text input with theme-aware focus states.
Accessible select menu built on Radix UI.
Accessible checkbox with indeterminate state support.
Range slider with optional label display.
Composable container with header, content, and footer slots.
Small status label with color variants.
Composable HTML table with theme-aware styling.
User avatar with image, fallback initials, and size variants.
Syntax-highlighted code display with copy support.
Contextual feedback messages with variant styling.
Temporary notification popups with action support.
Modal dialog with overlay, accessible focus management.
Tabbed interface with accessible keyboard navigation.
Collapsible content sections with smooth animations.
Multi-line text input with auto-resize support.
Toggle switch for boolean settings.
Accessible radio button group for single selection.
Standalone month-grid calendar supporting single date, date range, and multi-select modes.
Calendar-based date selection input.
Drag-and-drop file upload zone with preview.
Structured form layout with field groups and validation.
Accessible form label with Radix UI integration.
Full-featured data table with sorting, filtering, and pagination.
Stacked avatar display for multiple users.
Highlighted content block for tips, warnings, or notes.
Placeholder UI for empty lists, search results, or pages.
Hierarchical file/folder tree display.
Generic tree view with expand/collapse nodes.
Renders markdown content with GFM support.
Horizontal progress bar with percentage display.
Circular progress ring with percentage or label.
Loading spinner with size variants.
Placeholder loading shimmer for content areas.
Colored dot indicator for online/offline/busy states.
Multi-step progress tracker for wizards and flows.
Confirmation dialog requiring explicit user action.
Slide-out panel from any edge of the screen.
Floating content panel anchored to a trigger.
Hover/focus tooltip with configurable placement.
Accessible dropdown menu with submenus and keyboard navigation.
Right-click context menu with submenus.
Command palette with fuzzy search and keyboard shortcuts.
Top navigation bar with brand, links, and mobile menu.
Collapsible side navigation with groups and menu items.
Navigation breadcrumb trail with separator support.
Page navigation with previous/next and page numbers.
Visual divider line, horizontal or vertical.
Custom-styled scrollable area with thin scrollbars.
Enforces a fixed aspect ratio on child content.
Show/hide content with a trigger toggle.
Themed text and heading components with size/weight variants.
One-click copy-to-clipboard button with feedback.
Square button optimized for icon-only actions.
Styled keyboard shortcut display (⌘K, Ctrl+S).
Chat bubble for user and assistant messages.
Message input with send button for chat interfaces.
Scrollable container for chat message lists.
Full conversation view with date separators.
Display for AI tool/function call execution.
Formatted display for AI tool execution results.
UI for granting/denying AI tool access.
Multi-select interface for choosing AI tools.
AI model picker with provider grouping.
Configuration panel for AI agent parameters.
Rich prompt input with model/tool attachments.
Styled container for AI response content.
Animated dots showing AI is processing.
Typewriter-style text animation for streaming responses.
Multi-step AI task progress with status indicators.
Visual token usage meter for AI interactions.
Styled system/info message for chat interfaces.
Rich hover-triggered content preview card.
Toggle group for switching between related views.
Display a statistic with label, value, and trend.
Vertical timeline for events and activity feeds.
Key-value pairs displayed as a definition list.
Multi-digit PIN or OTP input with auto-advance.
Selectable card group for radio or checkbox selection.
Primary action button with dropdown for alternatives.
Infinitely scrolling horizontal content strip.
Rich text editor built on Tiptap with markdown support, bubble menu, and slash commands.
Personality-aware chart components built on Recharts with automatic token theming.
Resizable panel groups with drag handles for flexible layouts.
Responsive page header with title, description, breadcrumb, and action slot.
Card displaying a row of stats with trend arrows and help text.
Card wrapper for charts with title, description, action, and footer.
Settings-style card with header/content/footer separated by dividers.
Pre-wired dialog with submit/cancel buttons and loading state.
Drawer with avatar header, title, subtitle, and scrollable content.
Two-column settings row with label, description, and toggle switch.
Stacked list of labeled progress bars with optional values.
Compact avatar + name + meta row for tables and lists.
Card with centered empty state for tables and data views.
Multi-tier pricing cards with feature comparison and billing toggle.
Team member list with invite dialog, role management, and team switching.
API key list with create dialog, reveal flow, and revoke confirmation.
Webhook endpoint management with event selection and delivery log.
Notification popover with bell icon, tabs, and notification list.
Usage quota display with progress bars, thresholds, and upgrade CTA.
Invoice list with status badges, currency formatting, and detail dialog.
Activity feed with actor avatars, action badges, filters, and metadata expansion.
Multi-step onboarding flow with step indicator, validation, and skip support.
Drag-and-drop kanban board with columns, cards, WIP limits, and custom renderers.