A stack of collapsible sections that toggle content independently, minimizing scrolling on long pages.
A persistent in-page banner for status messages, drawing attention without blocking interaction.
A confirmation dialog for irreversible actions, requiring deliberate confirmation.
A round image or initials representing a user, providing visual identity in profiles, comments, and lists.
A small status marker attached to another element, highlighting counts, states, or labels.
A clickable control that triggers a defined action when the user presses it.
A cluster of buttons rendered as one bordered surface, grouping related actions into a single visual block.
A self-contained surface that groups related content and actions, providing visual structure for previews, summaries, and list items.
A toggleable panel that expands inline to reveal hidden content, keeping rarely-needed details out of the default view.
A modal overlay that interrupts the page to focus attention on a confirmation, message, or short task.
A panel that slides in from a screen edge to present supplementary content or navigation without leaving the current page.
A toggleable menu that reveals a list of actions or options on demand, keeping the interface uncluttered until needed.
A composable empty-state placeholder that communicates absent content.
A floating card that opens on hover or focus to preview the content behind a link, useful for author bios and rich link previews.
A composable row with media, content, and action slots that gives lists, feeds, and settings panels a consistent rhythm.
An inline element styled like a keyboard key, used for shortcuts, key combinations, and other textual keyboard input.
A clickable text element, used to navigate between pages, sections, and external resources.
A static measurement on a known scale, showing where a value sits between a minimum and maximum.
A site-navigation menu bar that combines plain links with dropdown panels, designed for desktop layouts.
A compound control for navigating between pages of a list.
A floating panel anchored to a trigger that displays contextual content, useful for quick details without leaving the current view.
A visual indicator that shows the completion state of an operation, keeping users informed of its progress.
A score, read-only for an averaged rating or interactive for collecting feedback.
A side-anchored panel, used for supplementary forms, settings, or content that complements the main page.
A placeholder shape that mirrors content layout while it loads, reducing perceived wait time and preventing layout shift.
A spinning indicator marking a pending operation, communicating a loading state.
A single metric tile pairing a large value with a small label, with an optional trend delta for dashboard surfaces.
A responsive table for tabular data, with one component per table region (header, body, footer, row, cell).
A set of labeled sections displayed one at a time in shared screen space, used to switch between related views without navigating away.
A short floating label that appears on hover or keyboard focus, naming a control only when the user needs the explanation.