Components
A comprehensive collection of reusable UI components built on a combination of shadcn/ui, radix-ui and some made completely custom.
AI agents love our components
Every Rhetoric-ds component comes with comprehensive JSDoc documentation and standardized design tokens baked directly into the components. This thoughtful architecture makes it effortless for AI agents and intelligent code editors to understand, suggest, and implement our components with precision and confidence.
Accordion
Reveals or hides sections of related content in a vertically stacked layout. Useful for organizing dense information into digestible sections.
Asset Upload
Allows users to upload, preview, and manage files or media assets. Supports drag-and-drop interactions and validation states.
Avatar
Displays a user’s image, initials, or icon to represent their identity in lists, headers, or profile contexts.
Badge
Highlights brief status, category, or count information. Commonly used to indicate updates, notifications, or labels.
Breadcrumb
Displays the hierarchical path to the current page, helping users understand their location and navigate back to parent pages.
Button
Triggers an action or event. Supports multiple variants and sizes to adapt to different contexts and hierarchies.
Card
Groups related content and actions in a contained surface. Ideal for dashboards, lists, and summaries.
Checkbox
Enables users to select one or more items from a set. Commonly used in forms, filters, and preference settings.
Dialog
Displays focused content or actions in an overlay above the main interface. Ideal for confirmations, forms, and alerts.
Dropdown
Presents a list of contextual actions or options in a floating menu triggered by a button or icon.
Filter
Combines dropdowns and checkboxes to refine displayed data or search results.
Icon
Displays vector icons with consistent sizing and color. Wraps Tabler Icons with full TypeScript support for better integration.
Input
Captures user text input through text fields, search boxes, or textareas. Supports validation and contextual labels.
Label
Associates descriptive text with form controls to improve clarity and accessibility.
Progress
Visually represents task completion or system loading state through a linear indicator.
Radio
Allows users to select a single option from a group. Often used for mutually exclusive choices in forms.
Slider
Lets users select a numeric value or range by dragging a handle along a track. Ideal for settings or filters.
Spinner
Displays ongoing activity or loading state when content or actions are in progress.
Switch
Toggles a setting or preference between on and off states. Ideal for binary options in forms or settings.
Tabs
Organizes related content across multiple sections, showing one section at a time.
Toast
Displays short, temporary messages that confirm actions or provide system feedback without interrupting workflow.
Toggle
A pressable button that switches between two visual or functional states. Commonly used for formatting or mode selection.
Tooltip
Displays brief, contextual information when users hover or focus on an element. Helps clarify icon-only actions or complex terms.