Pro
Complete screens, templates, showpiece data and the tools that take weeks to get right: billing, developer settings, planning, collaboration, traces and AI.
233 pages · 10 categoriesNew releases 28
- Account deletionClosing an account or workspace without surprises: what goes and who loses access, anything that must happen first, the exact name typed to confirm, and a grace period that can be cancelled. · Workspace
- API request builderTry an API from the page: method, URL with path values, query, headers and a JSON body checked before sending; the response with status, time, size, a JSON tree and headers; ⌘Enter, cancel, history and copy as cURL. · Workspace
- Block editorA document made of blocks: text, headings, lists, to-dos, quotes, code, callouts and dividers, with a / menu, markdown shortcuts, Enter and Backspace that split and join, and blocks you drag or move with Alt+Shift+arrows. · Workspace
- Data exportA copy of someone's data on request: choose what to include and the format, follow the progress, then download until the link expires. · Workspace
- Finance closeThe month-end close for an entity: the checklist by section with owners and the working day each task is due, late ones marked, who did what, and the period locked when it is all done. · Screens
- Finance expensesExpense approvals with the policy questions answered: no receipt, over the category limit, a weekend, a possible duplicate. · Screens
- Finance homeWhere finance starts the day: cash across every entity and currency in one reporting total, lines to match, claims to approve and invoices past due, and each entity's progress through the close. · Screens
- Finance invoicesReceivables: what customers owe in aging buckets that filter the list, part payments and when each was last chased, reminders from an editable preview, and payments recorded outside the bank feed. · Screens
- Finance payablesPayables from bill to payment: approve bills one at a time or together, then pay approved bills in a run from one account on one date, with currencies converted and the balance checked before it is sent. · Screens
- Finance reconcileBank reconciliation: each line beside the invoices or bills that could settle it, with the reasons in words; tick several to balance it, small FX differences booked for you, rules for next time, and undo. · Screens
- Finance reportsProfit and loss by month from invoices, bills and expenses, who owes what by how late, cash by entity over a quarter, and the matching rules that teach reconciliation, each showing what it would match now. · Screens
- Finance suiteFinance operations for a group of companies in one frame: cash and what needs doing, reconciliation with suggested matches, invoices and reminders, bills and payment runs, expenses, the month-end close, reports and rules, with the entity chosen in the sidebar. · Templates
- Helpdesk customersEveryone who asks for help: search, filter by plan, who has open tickets, what they pay and how they rated you; each person's page has every ticket, team notes and a ticket opened on their behalf. · Screens
- Helpdesk homeWhere an agent's day starts: tickets past their reply time first, ones due within the hour, customers who replied and are waiting on you, the latest ratings and the team's load today. · Screens
- Helpdesk macrosThe team's saved replies: edit the text with placeholders for the customer, the ticket and you, see it as the customer will, set the status it leaves and the tags it is suggested for, and see how often each is used. · Screens
- Helpdesk queueThe support queue: views with counts, tickets that are about to miss or have missed their reply time first with the time written out, search by subject, customer or number, and bulk assign and status. · Screens
- Helpdesk reportsHow support is going, from the tickets: new and solved, median first reply and time to solve, satisfaction, where tickets come from, what is open by priority, and the same per agent. · Screens
- Helpdesk settingsHow fast the team promises to answer: first reply and resolution targets per priority in readable units, working days and hours with a time zone, and whether timers pause outside them. · Screens
- Helpdesk suiteA complete helpdesk in one frame: a home for the day, the queue with views, filters and keyboard, every ticket and customer on its own page, saved replies, reports, reply targets and working hours, with ⌘K to any ticket or customer. · Templates
- Helpdesk ticketOne ticket on a page: the conversation, internal notes and every change in one history; reply or note with saved replies and the status it leaves in; details, the customer's plan and value, their other tickets, and merging. · Screens
- Notification preferencesWhat people are told about and where: every event against email, in-app and push, one switch per group that shows when only some are on, a digest for the rest, and a pause with a visible end. · Workspace
- Pivot tableSummarise any records by the fields you choose: rows grouped one or two deep, a field across the columns, and the sum, average, count, minimum or maximum, with totals, sorting, shading and a grid you move through with the keyboard. · Analytics
- Saved viewsNamed views of a table, personal or shared: a dot when the filters drift from the open view, with Save, Save as new and Reset, a prompt before leaving unsaved changes, and rename, duplicate, default and delete. · Workspace
- Sourced answerAn answer that shows where it came from: what was searched, the sources it read as numbered cards, and the answer with numbered markers. · Assistants & support
- Status centerA full status page: one line that says whether everything works, incidents with every update, planned maintenance, each component's 90 days read day by day, past incidents with how long they lasted, and email updates. · Workspace
- Version historyEvery saved version of a document, grouped by day: see what changed against now or the version before, name the important ones, and restore any of them without losing what is there. · Workspace
- Voice matrixThe voice state drawn on a round grid of dots: a slow breath when idle, a disc that grows with your voice while listening, an arc that circles while it thinks and rings that move outward while it speaks. · Assistants & support
- Workspace switcherMoves between the workspaces you belong to and starts new ones: your role and plan in each, a filter once there are several, and a create form that checks the address while you type. · Workspace
Screens 32
- App frameThe shell every screen sits in: workspace, navigation with counts, the plan's seats and search; a bottom tab bar under 760px.
- Dashboard screenThe day at a glance: one sentence written from the data, figures with their comparison, a marked chart and what waits on you.
- Billing screenPlan, usage and money: the next invoice itemised before it is charged, usage with its cost at this pace, and failed invoices with a pay action.
- Team screenMembers, roles and invitations.
- Settings screenSettings that show what changed before you save: an ember mark and the previous value on each field, one bar that names the changes.
- Inbox screenTriage by what you owe: Needs reply, Waiting and FYI, product facts beside the thread, keyboard triage and undo.
- Checkout screenCheckout where every number in the total is explained before the button, and the button says the amount.
- Agent run screenAn agent run you can supervise: steps with evidence and time, approval gates that state the consequence, a live log, pause and stop.
- Deploys screenEvery deployment with production at the top: what it serves and a rollback one step away, build logs that stream, what changed, and promote or roll back with the consequence stated.
- Incident roomThe room an incident is run in: severity, status and the clock in view, responders paged from a roster, one timeline for notes and public updates, and a postmortem written from it.
- Crm pipelineA pipeline that says what the quarter will bring: totals and weighted values per stage, a forecast against quota, overdue dates flagged, drag or Alt-arrows between stages and a record for each deal.
- Crm homeWhere the day starts: tasks due now, the quarter against quota, deals closing within 30 days, people going quiet and the latest activity, each a click from its record.
- Crm contactsEveryone you sell to in one list: filter by relationship and owner, see who is going cold, select several to reassign or move on, and add people with a checked form.
- Crm companiesThe accounts you sell to and look after: what each pays, what is open in the pipeline, the people you know there, and health and renewals that need a conversation soon.
- Crm recordOne person or company on a page: the relationship at a glance, one timeline you add calls and notes to, details you edit in place, their deals, the people around them and what is owed next.
- Crm tasksThe follow-ups that keep deals moving: overdue first, then today, the next seven days and later, each tied to a person or company, ticked off with an undo and added in one line.
- Crm reportsHow the team sells, from the deals themselves: win rate, deal size and sales cycle for a period, the pipeline by stage, where deals drop out, the next three months' forecast and the same per owner.
- Calendar appA full calendar: day, week, month and agenda, a month picker and calendar toggles, a now line, and events you create by dragging, move by dragging or with Alt and the arrows, and edit in place.
- Helpdesk queueThe support queue: views with counts, tickets that are about to miss or have missed their reply time first with the time written out, search by subject, customer or number, and bulk assign and status.
- Helpdesk ticketOne ticket on a page: the conversation, internal notes and every change in one history; reply or note with saved replies and the status it leaves in; details, the customer's plan and value, their other tickets, and merging.
- Helpdesk reportsHow support is going, from the tickets: new and solved, median first reply and time to solve, satisfaction, where tickets come from, what is open by priority, and the same per agent.
- Finance homeWhere finance starts the day: cash across every entity and currency in one reporting total, lines to match, claims to approve and invoices past due, and each entity's progress through the close.
- Finance reconcileBank reconciliation: each line beside the invoices or bills that could settle it, with the reasons in words; tick several to balance it, small FX differences booked for you, rules for next time, and undo.
- Finance expensesExpense approvals with the policy questions answered: no receipt, over the category limit, a weekend, a possible duplicate.
- Finance closeThe month-end close for an entity: the checklist by section with owners and the working day each task is due, late ones marked, who did what, and the period locked when it is all done.
- Helpdesk homeWhere an agent's day starts: tickets past their reply time first, ones due within the hour, customers who replied and are waiting on you, the latest ratings and the team's load today.
- Helpdesk customersEveryone who asks for help: search, filter by plan, who has open tickets, what they pay and how they rated you; each person's page has every ticket, team notes and a ticket opened on their behalf.
- Helpdesk macrosThe team's saved replies: edit the text with placeholders for the customer, the ticket and you, see it as the customer will, set the status it leaves and the tags it is suggested for, and see how often each is used.
- Helpdesk settingsHow fast the team promises to answer: first reply and resolution targets per priority in readable units, working days and hours with a time zone, and whether timers pause outside them.
- Finance invoicesReceivables: what customers owe in aging buckets that filter the list, part payments and when each was last chased, reminders from an editable preview, and payments recorded outside the bank feed.
- Finance payablesPayables from bill to payment: approve bills one at a time or together, then pay approved bills in a run from one account on one date, with currencies converted and the balance checked before it is sent.
- Finance reportsProfit and loss by month from invoices, bills and expenses, who owes what by how late, cash by entity over a quarter, and the matching rules that teach reconciliation, each showing what it would match now.
Templates 6
- Crm suiteA complete CRM in one frame: a home for the day, pipeline, contacts, companies, tasks and reports, a page for every person and company, and ⌘K to jump to any of them.
- App templateThe screens wired into one app: routing, counts, G-then-letter jumps and focus that lands on each screen's heading.
- Docs templateDocumentation at a reading measure, with an outline that follows you, slash search, linkable headings, copyable code and page feedback.
- Onboarding templateSet-up that states how long it takes, says why each step is asked, lets you skip, saves as you go and ends with what now exists.
- Helpdesk suiteA complete helpdesk in one frame: a home for the day, the queue with views, filters and keyboard, every ticket and customer on its own page, saved replies, reports, reply targets and working hours, with ⌘K to any ticket or customer.
- Finance suiteFinance operations for a group of companies in one frame: cash and what needs doing, reconciliation with suggested matches, invoices and reminders, bills and payment runs, expenses, the month-end close, reports and rules, with the entity chosen in the sidebar.
Account flows 6
- Password resetForgot password and choose a new one: a cooldown on resend, wording that never reveals who has an account, and clear expired and saved states.
- Email verificationConfirm an address with a six-digit code that checks itself when complete, with resend and a way to fix a typo.
- MFA challengeThe second step of sign in: authenticator, text, passkey or recovery code, with a lockout that counts down after too many tries.
- SSO sign inSingle sign-on by work email: finds the company's provider and hands off, or says plainly that the domain has none.
- Magic link formPasswordless sign in: one email field, then a check-your-inbox step with resend and a way back to passwords.
- Reauth dialogAsk for the password again without leaving the page: before a sensitive action, or when the session ends with work still open.
Showpiece & studio 3
Showpiece data 29
- ChoroplethA map shaded by value per region.
- Small multiplesA grid of the same chart for different groups.
- Connected scatterPoints joined in time order on two axes.
- Line replayA line chart that draws itself over time.
- Activity terrainActivity drawn as a 3D landscape.
- GlobeA rotating globe with labelled points sized by value.
- Customer galaxyCustomers as points in a galaxy, grouped by segment.
- Semantic zoomA view that shows more detail as you zoom in.
- Layout morphItems that move between list, grid and chart layouts.
- SunburstA radial hierarchy where each ring is a level and each arc a share of its parent.
- SankeyBands whose width shows how much flows from one stage to the next.
- Radar chartSeveral measures on shared axes, drawn as one filled shape.
- Realtime streamA live feed of events arriving, with rate and recent history.
- Race barsRanked bars that reorder as values change over time.
- Data flow diagramAn animated diagram of data moving between services.
- Payment flow diagramA diagram of a payment passing from checkout through to settlement.
- Failover diagramA diagram of a primary and standby path, showing traffic switch on failure.
- Vector search diagramA diagram of text becoming embeddings and matching nearest neighbours.
- Flow diagramA labelled node-and-edge diagram where packets travel along active connections.
- WhiteboardAn infinite board of notes: pan, zoom, add and connect notes, select several, undo anything, jump with the minimap, and work through an outline without a pointer.
- Horizon chartMany series in little height: each row folds its values into bands of rising depth.
- Chord diagramFlows between a handful of groups in both directions, such as plan changes or traffic between pages.
- Parallel coordinatesMany rows across several measures, one line each.
- Beeswarm chartEvery value as its own dot along one axis, packed so none overlap.
- Icicle chartA hierarchy as stacked rows, each block as wide as its share.
- Baseline chartA value against a line you choose: area above and below take different colours, and you drag the line, or use the arrow keys, to ask what if the target were here.
- Control chartIs the process stable?
- Marimekko chartA market map: columns as wide as their share, segments stacked by their share within, so area is share of the whole.
- Bubble timelineA scatter that moves through time: bubbles placed by two measures and sized by a third.
Commerce & markets 20
- Market terminalA trading view with price chart, order book and trade ticket.
- Crypto walletBalances, assets and recent transfers for a wallet.
- Conversion funnelStages with counts and the drop-off between each.
- Usage budgetA budget bar with spend, limit and a pace marker.
- Product listingA filterable grid of products with sort and a result count.
- Cart drawerA side drawer listing cart lines with quantities and a subtotal.
- CheckoutA single-page checkout with contact, delivery, payment and an order summary.
- Product detailA product page with gallery, options, price and an add-to-cart action.
- Invoice editorAn editable invoice with line items and live totals.
- File managerA file browser with folders, selection, rename and delete.
- Billing overviewThe current plan, payment method, next charge and recent invoices in one view.
- Usage pricingA tiered rate table with how much of each tier has been used.
- Usage forecastDaily usage with a projected month-end total and cost.
- Usage billingThis month's invoice built from base fee and metered lines, with tax.
- Pricing calculatorSliders that estimate a price from seats and usage.
- Cancellation flowA short flow that asks why, offers alternatives and confirms a cancellation.
- Plan changeChange plan, billing period or seats and see the money first: credit for unused days, what is due today and what every period costs after.
- Payment methodsThe cards on an account and a form to add one: brand detected as you type, the number checked before sending, expiry warnings, a bank confirmation step, and a default that cannot be removed by accident.
- Payment recoveryWhen a payment fails: a banner that says what went wrong and when it will be retried, and a recovery page with every unpaid invoice, the retry schedule, the date the workspace becomes read-only and a retry that reports the bank’s answer.
- Invoice detailAn issued invoice as the customer reads it: parties with tax ids, lines, discount, VAT or reverse charge, payments made and the balance, with copy link, email, download and pay.
Assistants & support 24
- Model pickerA compact menu for choosing which model answers.
- Agent chat inputA prompt box with model, tool toggles and suggestions around it.
- Agent runThe full view of an agent task: steps, status, approvals and cost.
- Agent builderA form for configuring an agent: instructions, model, tools and knowledge, with a test chat.
- Voice agentA full voice assistant screen with states and transcript.
- Voice conversationA transcript of a spoken conversation with speaker labels.
- QuestionnaireA step-by-step set of questions with progress and a summary.
- Research sourcesA list of sources with relevance, excerpt and status.
- Knowledge baseA searchable set of articles with categories and an article view.
- AI artifactA side panel that shows a generated document or code, with copy and versions.
- Support conversationA support chat with agent, customer and system messages.
- Support widgetA floating help button that opens a chat.
- Search resultsA list of results with highlights, filters and counts.
- Thinking loaderA short animated loader for the moment before a reply begins.
- Flip cardA card that turns over to reveal the back.
- Premium cardA refined card with edge light for featured offers.
- Prompt playgroundWork on a prompt with real inputs: a field for every {{variable}}, model and sampling settings beside it, output with tokens and time, and saved versions you can diff against the editor, settings included.
- Eval compareTwo prompt or model variants on the same cases: average score, latency and tokens with B’s change against A, both answers side by side, a human pick per case (1, 2, 3), and filters for regressions and disagreements.
- Context window meterHow full a model’s context window is and with what: system prompt, tools, files and conversation against the limit and the room kept for the reply, warnings at 80% and 95%, and Compact with the room it will win back.
- Branching threadA conversation that keeps every version: editing a message or trying again starts a branch beside the original, ‹ 2 / 3 › moves between versions, and everything after follows the branch you choose.
- Connection consentAsk before an assistant connects to something on someone’s behalf: who made it and whether that is verified, each permission in plain words with write and admin marked, optional ones left off, and for how long.
- Generative rendererRender a UI an assistant described as JSON through a registry you control: no HTML or scripts, unknown parts replaced by a marked placeholder while the rest renders, the spec and its problems one click away, and only allowed actions sent.
- Sourced answerAn answer that shows where it came from: what was searched, the sources it read as numbered cards, and the answer with numbered markers.
- Voice matrixThe voice state drawn on a round grid of dots: a slow breath when idle, a disc that grows with your voice while listening, an arc that circles while it thinks and rings that move outward while it speaks.
Analytics 16
- Revenue explorerRevenue split by segment and period, with a table.
- MRR waterfallA waterfall of new, expansion, contraction and churn.
- Cohort retentionA triangle of retention by sign-up cohort.
- Journey flowPaths users take from one step to the next.
- Budget varianceBudget against actual by line, with variance.
- Metrics dashboardA row of KPI tiles with change and a time range.
- KPI drilldownA KPI that opens into a breakdown by segment.
- Metric explorerPick a metric, a split and a range, and see it plotted.
- Performance reportObjectives with status, progress and commentary.
- Data gridA spreadsheet-style grid with editable cells and formulas.
- Virtual tableA table that renders only the visible rows, so thousands stay fast.
- Record gridA spreadsheet-grade table for records: pin and resize columns, group with subtotals, totals in a sticky footer, edit cells in place with undo and redo, export what you see to CSV and save the arrangement as a view.
- Query builderBuild a filter from conditions and nested groups, typed by field: text, number, date, options and yes/no.
- Live tableValues that update in place.
- Metric tickerA strip of live KPIs: each value counts to its new figure, the change is marked in its direction, and a small trace keeps the latest readings.
- Pivot tableSummarise any records by the fields you choose: rows grouped one or two deep, a field across the columns, and the sum, average, count, minimum or maximum, with totals, sorting, shading and a grid you move through with the keyboard.
Workspace 50
- Audit trailA timeline of who changed what and when.
- Log explorerSearch, filter and inspect log lines.
- Inbox sidebarThe folders, labels and counts of an inbox.
- Inbox triageA list of items to handle with quick actions and keyboard support.
- Release checklistA checklist of release steps with owners and status.
- Project boardColumns of work with progress.
- Kanban boardDrag cards between columns with limits.
- Approval queueRequests waiting for a decision.
- Workspace sidebarA sidebar with workspace switcher, groups and the signed-in user.
- Sidebar railA narrow icon rail that expands.
- Docs sidebarDocumentation navigation and an on-page outline.
- Settings layoutA settings page with side navigation, sections and a save bar.
- Settings commandSearch settings from a command bar.
- Security settingsPassword, two-factor, sessions and devices in one page.
- API keysA list of API keys with create, reveal, copy and revoke.
- Webhook managerEndpoints with their event subscriptions and recent deliveries.
- Integrations directoryA searchable list of apps that can be connected, with status.
- Team directorySearchable people with roles and status.
- Invite flowAdd emails, choose a role and send invites.
- Team membersA table of members with role, status and actions.
- Roles permissionsA matrix of roles against permissions.
- Week calendarA week grid of events that can be selected and moved.
- Media playerAn audio or video player with accessible controls and a progress bar.
- Share panelA panel to invite people, set access and copy a link.
- Share sheetA bottom sheet of ways to share an item.
- Csv importBrings a spreadsheet in without surprises: upload or paste, match columns (guessed from the names), fix problem rows in place, import with real progress you can stop, and download what was skipped.
- Form builderBuilds a working form: add fields from the palette, reorder by drag or Alt and arrows, set validation and show-when rules, then preview the real form and copy its schema.
- Dashboard builderA dashboard people arrange: drag or resize tiles that make room and float up, arrows to move them, a widget library, saved layouts and Cancel to put it back.
- Environment switcherSwitch between development, preview, staging and production from one control.
- Env variablesEnvironment variables as an editable table: names checked as you type, secrets masked and never shown again after saving, per-environment checkboxes, paste a whole .env file, and one save bar that counts the changes.
- Feature flagsFeature flags across environments: switch each on or off, roll out to a percentage, target with rules, see stale flags, and confirm every production change with how many people it reaches.
- Job runsScheduled jobs with each cron schedule said in words and the next run counting down, the last twenty runs as a strip of bars, run now, pause and resume, and every run’s log.
- Product tourA guided tour that spotlights one real control at a time, with a card that finds the side with room, keeps your place when paused, resumes from a small chip, and says so when a control is not on screen.
- Resource timelinePeople, rooms or machines down the side and time across: bookings in lanes, double bookings flagged, drag to move, resize or create, Alt and the arrows to do the same from the keyboard, and day or week views.
- Gantt chartA project plan on a time axis: grouped tasks, milestones, dependency arrows, the critical path, late dependencies flagged, and bars you drag or move with Alt and the arrows while dependent tasks follow.
- Presence stackWho else is here: faces in their cursor colour, idle people faded, a list with where each person is, and Follow to see what someone sees until you stop.
- Live cursorsOther people’s pointers and selections over shared content, named and coloured to match the presence stack, with idle cursors fading and a plain sentence for screen readers about who is doing what.
- Comment pinsComments pinned to a point on the content: place a pin by clicking or with the keyboard, nudge it with the arrows, discuss in a thread beside it, resolve it, and find every pin in a numbered list.
- Mention inboxEverything that asks for you: mentions, replies and assignments grouped by day, filtered by kind, answered in place, and cleared with Done and undo.
- Trace waterfallA distributed trace as a waterfall: spans nested by parent, coloured by service, errors marked, the critical path on demand, zoom to any span, search by name or service, and the selected span’s attributes beside it.
- Llm run traceOne agent or model run step by step: model calls, tools and retrieval on a waterfall with tokens and cost per step, totals for latency, tokens, cache hits and cost, a budget meter, and each step’s input and output.
- Workspace switcherMoves between the workspaces you belong to and starts new ones: your role and plan in each, a filter once there are several, and a create form that checks the address while you type.
- Notification preferencesWhat people are told about and where: every event against email, in-app and push, one switch per group that shows when only some are on, a digest for the rest, and a pause with a visible end.
- Data exportA copy of someone's data on request: choose what to include and the format, follow the progress, then download until the link expires.
- Account deletionClosing an account or workspace without surprises: what goes and who loses access, anything that must happen first, the exact name typed to confirm, and a grace period that can be cancelled.
- Saved viewsNamed views of a table, personal or shared: a dot when the filters drift from the open view, with Save, Save as new and Reset, a prompt before leaving unsaved changes, and rename, duplicate, default and delete.
- API request builderTry an API from the page: method, URL with path values, query, headers and a JSON body checked before sending; the response with status, time, size, a JSON tree and headers; ⌘Enter, cancel, history and copy as cURL.
- Status centerA full status page: one line that says whether everything works, incidents with every update, planned maintenance, each component's 90 days read day by day, past incidents with how long they lasted, and email updates.
- Version historyEvery saved version of a document, grouped by day: see what changed against now or the version before, name the important ones, and restore any of them without losing what is there.
- Block editorA document made of blocks: text, headings, lists, to-dos, quotes, code, callouts and dividers, with a / menu, markdown shortcuts, Enter and Backspace that split and join, and blocks you drag or move with Alt+Shift+arrows.
Expressive UI 47
- Page curlA page that curls back to reveal the next.
- Orbiting logosLogos orbiting a centre.
- Dot gridA grid of dots that react to the pointer.
- Gravity fieldItems pulled toward the pointer.
- Stretch refreshA pull-down gesture where the content stretches like elastic before refreshing.
- Morph loaderA loader whose shape morphs between forms while waiting.
- Sand textText that dissolves like sand when it leaves and gathers when it returns.
- Typewriter terminalA terminal window that types commands and prints their output.
- Text treatmentsText effects such as scramble and highlight for emphasis.
- Voice recorderRecord, pause and review audio with a waveform.
- Booking pillA compact pill that books a time.
- Activity ringsConcentric rings showing progress toward goals.
- Time dialA circular control for choosing a time.
- Date reelA reel that rolls through dates.
- Link unfurlA preview card for a link, with image, title and source.
- Product galleryA main image with thumbnails for a product.
- Photo gridA grid of photos that opens in a viewer.
- Cover flowAlbum-style covers that flip through in 3D.
- Now playingA compact card for the current track with controls.
- Sheet stackStacked sheets that slide over each other.
- Wallet stackCards stacked like a wallet, with the front card expanded.
- Control centerToggles and sliders grouped like a phone's control centre.
- Liquid tab barA bottom tab bar whose active pill stretches like liquid between items.
- Orbit menuA round menu whose items fan out around a button.
- Glass menuA frosted menu that floats above content.
- Glass cardA frosted card with an edge light for floating content.
- Morph navA navigation bar that morphs between collapsed and expanded states.
- Grow menuA button that grows into a menu in place.
- Morph tooltipA tooltip that moves and resizes between triggers.
- Morph commandA command box that grows from a button into a palette.
- Card morphA card that morphs into a detail view.
- Scrub fieldA number you change by dragging its label, with a ruler, detents and momentum.
- Setup guideOnboarding that waits until wanted: a corner launcher shows setup progress and opens into the checklist, with the next step open and its action ready.
- Task trayBackground work in a corner tray: each export or import shows its progress; fold it to a pill with overall progress, and it reopens when something fails.
- Whats newRelease notes people read: a few cards in a dialog, stepping with a slide in the direction of travel, dots for place, and Got it to close.
- Pin padA PIN entry: dots fill as digits go in, a wrong code shakes and clears with a reason, and a right one settles green.
- Split flapA departure-board display: when the text changes each character flips through the reel to its new letter, left to right.
- Peek previewA look without leaving the list: press and hold a row and its preview rises from where you pressed; let go and it sinks back.
- Story viewerShort updates one at a time: bars fill as each plays, taps go back or on, holding pauses, and there is always a pause button.
- Triage deckA queue worked one card at a time: drag right to accept or left to decline as the card names the choice, or use the buttons and arrow keys, with undo.
- Receipt revealAn order confirmation that prints line by line with the total stamped last, so a purchase feels finished.
- Clip timelineTracks of clips under a ruler and a playhead you scrub or play: drag clips (they snap and never overlap), or move them with Alt and the arrows.
- MinimapA long canvas with a small map of the whole of it: the frame follows as you scroll, and dragging it or clicking the map jumps there.
- Hand annotateHand-drawn emphasis on a phrase: an underline, box, circle, highlight or strike that draws itself on once when in view.
- Scan progressA document being read: a scan line passes down the page and each field appears as the line reaches where it was found.
- Order trackerWhere an order is: finished stages ticked, the line filling to the current one with the van moving along it, and the next stage's time.
- Seat pickerChoosing seats on a map: chosen seats spring into place, the total follows, arrow keys move like a grid, and a limit explains itself.