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 and out with smooth transitions.
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.
OKLCH color system with Delphi brand colors and an interactive generator for creating harmonious palettes.
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.
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.
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 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.