A vertically stacked set of interactive headings that reveal content.
A component that smoothly animates height changes for dynamic content.
A number display that animates when the value changes.
Sections that animate in with staggered entrance transitions.
User or entity image with optional fallback and squircle shape.
A small label component for displaying status or counts.
A clickable button component with multiple variants, sizes, and shapes.
A slideshow component for cycling through content.
A control that allows the user to toggle between checked and unchecked states.
Semantic color tokens and OKLCH brand colors. Use tokens for surfaces, text, controls, and borders instead of raw color scales.
A command palette component for searching and executing actions.
A calendar component for selecting dates.
A modal dialog that interrupts the user with important content and requires action.
Animated dots indicator for loading or typing states.
A slide-out panel that appears from the edge of the screen.
A menu that appears on trigger, displaying a list of actions or options.
Animated container that mimics the iPhone Dynamic Island behavior with spring physics.
Form components for handling user input with validation.
An interactive tooltip for onboarding and feature discovery.
A card that appears when hovering over a trigger element, used for rich previews like citations, profiles, and links.
Animated icon transition component for toggling between two states.
A collection of icons used throughout the Delphi design system.
A one-time password input component for verification codes.
A text input field for collecting user data with multiple variants, sizes, and states.
A component that displays keyboard shortcuts and key combinations.
An accessible label component for form inputs.
The Delphi logo and brand mark components.
A microphone indicator component for voice interactions.
Displays mindscore with level-based styling, animations, and optional label.
A phone number input with country code selection.
A floating panel that appears on trigger for additional content.
A circular progress indicator for showing completion status.
A progress bar component that shows completion status.
A card-style radio selection component.
A radio button group for single selection from multiple options.
A custom scrollable container with styled scrollbars.
A dropdown select component for choosing from a list of options.
A visual divider between content sections.
A loading spinner component for indicating progress.
A toggle switch for binary on/off states.
A data table component for displaying structured information.
A set of layered sections of content that display one panel at a time.
An input field that allows users to add and remove tags with validation support.
An animated indicator for when an AI clone is speaking.
A multi-line text input for longer form content.
A brief notification that appears temporarily.
A group of toggle buttons for selecting options.
A small popup that displays information on hover.