Profile form with validation, email notification switches and a danger zone with a confirm dialog.Alert · Avatar · Dialog · Switch · TextArea · TextField
Contact and shipping address, country select, shipping options and an order summary with live totals.Alert · Fieldset · PhoneField · Radio · Select · Table · TextField
A three-step workspace setup with progress, per-step validation and a review step.Alert · Checkbox · Fieldset · Progress · Radio · TextArea · TextField
Members with roles, an invite dialog that checks every address, pending invites and seat usage.Avatar · AvatarStack · Badge · Dialog · Meter · Select · Table · TextArea
Plan switch with monthly and yearly prices, usage meters, a card update form, invoices and cancellation.Alert · Badge · Dialog · Link · Meter · MeterStack · Radio · SegmentedControl · Table · TextField
A period switch that drives KPI cards, traffic sources, conversion, an activity heatmap and top pages.Badge · DataGrid · MeterStack · Progress · SegmentedControl · Table
A two-pane support inbox with filters, a keyboard-friendly conversation list, assignment and replies.Avatar · Badge · Listbox · SegmentedControl · Select · TextArea
Live article search, popular topics, an FAQ by category, system status and a contact form.Accordion · Alert · Badge · Collapsible · Select · TextArea · TextField
A weekly hours grid with keyboard and pointer selection, presets, a time zone and date exceptions.Alert · Calendar · DataGridSelectable · DateField · Popover · Select · Switch
Pick a meeting length, a day and a time slot, enter your details and add the event to a calendar.Avatar · Calendar · SegmentedControl · Select · TextArea · TextField
Channels and direct messages with unread counts, grouped messages, reactions, replies, a typing indicator and an auto-growing composer.Avatar · AvatarStack · Badge · Code · Drawer · Link · Listbox · TextArea · TextField
Monthly and yearly plans, a per-seat calculator, a full feature comparison table, an FAQ and an enterprise contact.Accordion · Alert · Badge · Dialog · NumberField · SegmentedControl · Table · TextArea · TextField
A stepped product survey with an NPS scale, a satisfaction slider, choice cards, an open answer, a review step and a thank-you screen.Alert · Checkbox · CheckboxCard · Fieldset · Progress · Radio · SegmentedControl · Slider · TextArea · TextField
An app shell with a ⌘K palette: grouped commands with shortcuts, fuzzy matching with highlights, a nested theme page and results shown in place.Alert · Avatar · Badge · Dialog · Option · TextField
A sprint board with four columns, assignee and search filters, cards moved by buttons or keyboard and a new task dialog with validation.Avatar · Badge · Calendar · Checkbox · Collapsible · DateField · Dialog · Fieldset · Popover · Progress · Select · TextArea · TextField
Folders with a breadcrumb, upload, list and grid views, a sortable table with multi-select, move, rename, delete, link sharing and storage usage.Avatar · Checkbox · Dialog · Link · Meter · Popover · SegmentedControl · Select · Switch · Table · TextField
A bell with an unread count opening a filtered notification center with inline approvals, plus channel preferences, a pause, quiet hours and save.Alert · Avatar · Badge · Checkbox · Link · Popover · SegmentedControl · Select · Switch · Table · TimeField
Password change with a strength meter, a two-factor setup flow with a QR code and recovery codes, passkeys, active sessions and login alerts.Alert · Badge · Checkbox · Code · Dialog · Meter · PasswordField · PinField · Radio · Switch · Table · TextField