# Caliper UI

> React components, blocks and complete product screens with source you own. Accessible by default, one token system, shadcn-compatible registry and an MCP server.

## Get started

- [Introduction](https://caliperui.site/docs/introduction.md): What Caliper UI is: React components, blocks and screens for product interfaces, as source you own.
- [Installation](https://caliperui.site/docs/installation.md): Requirements, the global CSS added once, and one-command installs with the shadcn CLI.
- [CLI and registry](https://caliperui.site/docs/cli.md): Free parts install with one command and no setup; Pro parts need a token set up once per project.
- [AI and MCP](https://caliperui.site/docs/ai.md): llms.txt, Markdown pages and the Caliper UI MCP server for Claude Code, Cursor and other editors.
- [Theming](https://caliperui.site/docs/theming.md): Semantic tokens for colour, radius and density; light, dark and system themes.
- [Motion](https://caliperui.site/docs/motion.md): Shared duration and easing tokens; reduced motion removes travel and keeps every state.

## Components: Actions

- [Button](https://caliperui.site/docs/components/button.md): Button
- [Split button](https://caliperui.site/docs/components/split-button.md): A primary action joined to its alternatives; the chosen option becomes the label.
- [Button group](https://caliperui.site/docs/components/button-group.md): A toolbar of related tools in one raised shell; toggled tools sink into it.
- [Hold to confirm](https://caliperui.site/docs/components/hold-to-confirm.md): Actions
- [Swipe actions](https://caliperui.site/docs/components/swipe-actions.md): Row actions revealed by swiping, with a keyboard route to the same actions.
- [Action button](https://caliperui.site/docs/components/action-button.md): A button that runs async work and reports progress, success or failure on itself, at one width.
- [Copy button](https://caliperui.site/docs/components/copy-button.md): Copies a value and confirms what was copied, with a fallback when the clipboard is blocked.
- [Action swap](https://caliperui.site/docs/components/action-swap.md): A button that cycles through a few labelled states, swapping label and icon in place.
- [Confirm morph](https://caliperui.site/docs/components/confirm-morph.md): A destructive action that morphs into its own confirmation, with undo.
- [Floating button group](https://caliperui.site/docs/components/floating-button-group.md): A toolbar of icon and label buttons with separators and pressed states.
- [Expanding button group](https://caliperui.site/docs/components/expanding-button-group.md): A row of icon buttons where the focused one expands to show its label.
- [Expandable action bar](https://caliperui.site/docs/components/expandable-action-bar.md): A compact bar of actions that expands to reveal labels.
- [Overflow actions](https://caliperui.site/docs/components/overflow-actions.md): A few primary actions with the rest tucked behind an expander.
- [Bloom menu](https://caliperui.site/docs/components/bloom-menu.md): A button that blooms into a small arc of icon actions.
- [Dropdown menu](https://caliperui.site/docs/components/dropdown-menu.md): A menu of actions anchored to a trigger, with groups, shortcuts and separators.
- [Context menu](https://caliperui.site/docs/components/context-menu.md): A menu opened with a right-click or long press on a piece of content.
- [Toolbar](https://caliperui.site/docs/components/toolbar.md): Tools with one tab stop: arrows move between them, toggles sit recessed, and when the row runs out of width the last tools fold into a More menu with their state.
- [Menubar](https://caliperui.site/docs/components/menubar.md): File, Edit and View for an app that works like a desktop program: one highlight glides along the bar, and once a menu is open, moving along opens the next.
- [Kbd](https://caliperui.site/docs/components/kbd.md): Keys as small raised caps: one shortcut per kbd, ⌘ on a Mac and Ctrl elsewhere, with spoken names for symbols.
- [Icon swap](https://caliperui.site/docs/components/icon-swap.md): Turns one icon into another in place for a control whose meaning flips: copy to copied, play to pause, menu to close.
- [Reaction bar](https://caliperui.site/docs/components/reaction-bar.md): Emoji reactions under a message or post. Each chip is a toggle; the count rolls and your chip settles with one small pop. The picker adds a new reaction.
- [Vote control](https://caliperui.site/docs/components/vote-control.md): Up and down votes with a rolling score. Choosing the same arrow again clears your vote; the owner saves it optimistically and can revert.

## Components: Inputs

- [Label](https://caliperui.site/docs/components/label.md): The visible name for a field, tied to it so a click focuses the control.
- [Select](https://caliperui.site/docs/components/select.md): A styled native select for choosing one option from a short list.
- [Switch](https://caliperui.site/docs/components/switch.md): Inputs
- [Money field](https://caliperui.site/docs/components/money-field.md): A currency amount field with a currency picker and quick-add steps.
- [Phone field](https://caliperui.site/docs/components/phone-field.md): A phone number field with a country picker, formatting and validity.
- [Tag input](https://caliperui.site/docs/components/tag-input.md): Type and press Enter or comma to turn text into removable tags.
- [Mention input](https://caliperui.site/docs/components/mention-input.md): A text field that turns @people and #channels into mentions.
- [Expanding search](https://caliperui.site/docs/components/expanding-search.md): A search that expands from an icon into a results list.
- [Inline edit](https://caliperui.site/docs/components/inline-edit.md): Text that becomes editable in place, with a pencil as the hint.
- [Combobox](https://caliperui.site/docs/components/combobox.md): A searchable select with grouped options and keywords.
- [Multi select](https://caliperui.site/docs/components/multi-select.md): Choose several values from a list, shown as a compact summary.
- [Chip group](https://caliperui.site/docs/components/chip-group.md): A set of toggleable chips for single or multiple choices.
- [Radio cards](https://caliperui.site/docs/components/radio-cards.md): Large selectable cards for a choice that needs a title and a description.
- [Billing toggle](https://caliperui.site/docs/components/billing-toggle.md): A monthly/yearly switch whose price animates as it changes.
- [Textarea](https://caliperui.site/docs/components/textarea.md): A recessed multi-line field that grows with the draft from 3 to 8 lines.
- [Range slider](https://caliperui.site/docs/components/range-slider.md): A two-handle slider for choosing a range of values.
- [Pull to refresh](https://caliperui.site/docs/components/pull-to-refresh.md): Pull a list down to refresh it, with a button for everyone else.
- [Shortcut recorder](https://caliperui.site/docs/components/shortcut-recorder.md): Press a key combination to record a keyboard shortcut, with conflict warnings.
- [OTP input](https://caliperui.site/docs/components/otp-input.md): A segmented field for one-time codes with paste support and status.
- [Rich text editor](https://caliperui.site/docs/components/rich-text-editor.md): A small editor with bold, italic, lists and links, returning HTML.
- [Signature pad](https://caliperui.site/docs/components/signature-pad.md): Draw a signature with a pointer or finger, with undo and clear.
- [File dropzone](https://caliperui.site/docs/components/file-dropzone.md): Drop or choose files, with per-file progress, errors and cancel.
- [Select menu](https://caliperui.site/docs/components/select-menu.md): A select whose list opens with the chosen option over the trigger; the platform picker on touch.
- [Input](https://caliperui.site/docs/components/input.md): A recessed text field with optional leading and trailing affixes; it never jumps when validation appears.
- [Checkbox](https://caliperui.site/docs/components/checkbox.md): A native checkbox with a clear checked, unchecked and indeterminate state.
- [Radio](https://caliperui.site/docs/components/radio.md): A native radio for choosing exactly one option from a short group.
- [Field](https://caliperui.site/docs/components/field.md): Wraps a control with its label, hint, error and optional action, wired for assistive tech.
- [Number field](https://caliperui.site/docs/components/number-field.md): A numeric field with steppers, limits, a suffix and optional drag-to-scrub.
- [Password field](https://caliperui.site/docs/components/password-field.md): A password input with a show and hide control.
- [Password strength](https://caliperui.site/docs/components/password-strength.md): A new-password field that shows a strength meter and the rules it meets.
- [Adaptive stepper](https://caliperui.site/docs/components/adaptive-stepper.md): A quantity control that is a button at zero and a stepper above it.
- [Slider](https://caliperui.site/docs/components/slider.md): A native range input styled to match, with accessible value text.
- [Rating](https://caliperui.site/docs/components/rating.md): Stars that are a native radio group: arrows change the value, a pointer previews, half steps when you need them, and a read-only average that says how many ratings it comes from.
- [Checklist](https://caliperui.site/docs/components/checklist.md): A list people tick through: a ticked item is struck out where it is, then settles into Done at the bottom, so what is left stays at the top. Add from the last row, reorder with Alt+arrows, undo from the line that confirms it.

## Components: Dates & colour

- [Calendar](https://caliperui.site/docs/components/calendar.md): A month grid for choosing a day or a range, usable on its own or inside a picker.
- [Date picker](https://caliperui.site/docs/components/date-picker.md): A date field that opens a calendar, with min, max and today shortcuts.
- [Time picker](https://caliperui.site/docs/components/time-picker.md): Choose a time with minute steps and a 12 or 24 hour format.
- [Date range picker](https://caliperui.site/docs/components/date-range-picker.md): Choose a start and end date with preset ranges.
- [Wheel picker](https://caliperui.site/docs/components/wheel-picker.md): A scrolling wheel for choosing one value, with keyboard and wheel support.
- [Color picker](https://caliperui.site/docs/components/color-picker.md): Pick a colour from swatches or a free spectrum, with a contrast readout.
- [Date input](https://caliperui.site/docs/components/date-input.md): A date field you type into, with the reading shown live and a month that carries data marks.
- [Arc picker](https://caliperui.site/docs/components/arc-picker.md): Choose a value by moving along an arc.
- [Duration field](https://caliperui.site/docs/components/duration-field.md): A length of time, not a time of day: type it the way you would say it (90, 1h 30m, 1:30), step it with the buttons or arrow keys, or pick a common length.

## Components: Overlays & disclosure

- [Popover](https://caliperui.site/docs/components/popover.md): A small panel anchored to a trigger for quick settings or details.
- [Drawer](https://caliperui.site/docs/components/drawer.md): A panel that slides in from the left or right for editing alongside the page.
- [Bottom sheet](https://caliperui.site/docs/components/bottom-sheet.md): A sheet that rises from the bottom with drag detents.
- [Hover card](https://caliperui.site/docs/components/hover-card.md): A preview card that appears when hovering or focusing a link or name.
- [Expandable card](https://caliperui.site/docs/components/expandable-card.md): A card that grows in place to reveal its details.
- [Morphing modal](https://caliperui.site/docs/components/morphing-modal.md): A modal whose surface morphs between views, like a menu becoming a confirmation.
- [Command palette](https://caliperui.site/docs/components/command-palette.md): A searchable list of destinations and actions opened from the keyboard.
- [Accordion](https://caliperui.site/docs/components/accordion.md): A stack of headings that each reveal their content, one open at a time.
- [Collapsible](https://caliperui.site/docs/components/collapsible.md): A single disclosure for optional detail.
- [Scroll area](https://caliperui.site/docs/components/scroll-area.md): A labelled, keyboard-focusable scroll region with a quiet scrollbar.
- [Resizable panels](https://caliperui.site/docs/components/resizable-panels.md): Two panels separated by a draggable, keyboard-operable divider.
- [Dialog](https://caliperui.site/docs/components/dialog.md): A modal window that asks for a decision or a short form, with focus kept inside.
- [Tooltip](https://caliperui.site/docs/components/tooltip.md): A short hint that appears on hover or focus, never the only way to learn something.
- [Morph surface](https://caliperui.site/docs/components/morph-surface.md): A floating surface that grows out of the element that opened it.

## Components: Navigation

- [Animated tabs](https://caliperui.site/docs/components/animated-tabs.md): Tabs with an expanding or morphing indicator, including closable tabs.
- [Sidebar](https://caliperui.site/docs/components/sidebar.md): A collapsible navigation rail for an app's main sections.
- [File tree](https://caliperui.site/docs/components/file-tree.md): A keyboard-navigable tree for folders and files.
- [Preview rail](https://caliperui.site/docs/components/preview-rail.md): A rail of ticks that previews each section on hover and jumps to it.
- [Avatar group](https://caliperui.site/docs/components/avatar-group.md): A compact stack of avatars with an overflow count and presence.
- [Card](https://caliperui.site/docs/components/card.md): A titled container with media, status, meta and optional expandable details.
- [Aspect ratio](https://caliperui.site/docs/components/aspect-ratio.md): A box that keeps a fixed ratio so images and video never shift the layout.
- [Search](https://caliperui.site/docs/components/search.md): A search field with a clear button and the right keyboard on phones.
- [Pagination](https://caliperui.site/docs/components/pagination.md): Page links with previous and next, sized for touch.
- [Theme switch](https://caliperui.site/docs/components/theme-switch.md): A light and dark toggle that changes at once or reveals the new theme with a circle, seam or wipe.
- [Dock](https://caliperui.site/docs/components/dock.md): A floating dock of icon destinations with a gliding active pill.
- [Dynamic island](https://caliperui.site/docs/components/dynamic-island.md): A compact pill that grows to show one live activity, then collapses.
- [Sortable list](https://caliperui.site/docs/components/sortable-list.md): A list reordered by dragging or with keyboard commands, with undo.
- [Tabs](https://caliperui.site/docs/components/tabs.md): Switch between related views of the same content without leaving the page.
- [Breadcrumb](https://caliperui.site/docs/components/breadcrumb.md): The path to the current page, with each parent linked.
- [Avatar](https://caliperui.site/docs/components/avatar.md): A person's photo, falling back to initials when there is no image.
- [User menu](https://caliperui.site/docs/components/user-menu.md): A dropdown for the signed-in person's identity and account actions.
- [Navigation menu](https://caliperui.site/docs/components/navigation-menu.md): A site header whose items open frosted panels of links. Hover waits for intent, the panel resizes from one item to the next, and every link is reachable by keyboard.

## Components: Feedback & status

- [Skeleton](https://caliperui.site/docs/components/skeleton.md): A placeholder with the shape of the content it stands in for.
- [Progress](https://caliperui.site/docs/components/progress.md): A measured bar for work with a known size, such as an upload.
- [Loader](https://caliperui.site/docs/components/loader.md): A small indeterminate indicator in four shapes.
- [Alert](https://caliperui.site/docs/components/alert.md): An inline message that keeps context and recovery beside the work.
- [Toast](https://caliperui.site/docs/components/toast.md): A short, dismissible message that confirms an action, with an optional undo.
- [Announcement bar](https://caliperui.site/docs/components/announcement-bar.md): A thin bar for product news that rotates messages and remembers dismissal.
- [Stepper](https://caliperui.site/docs/components/stepper.md): Shows where someone is in a multi-step flow and lets them go back.
- [Countdown](https://caliperui.site/docs/components/countdown.md): A live countdown to a date, in a large or compact style.
- [Usage meter](https://caliperui.site/docs/components/usage-meter.md): A segmented bar showing how an allowance is used, with a warning near the limit.
- [Badge](https://caliperui.site/docs/components/badge.md): A small label for status, category or count.
- [Empty state](https://caliperui.site/docs/components/empty-state.md): A message with an icon and a next step for when there is nothing to show.
- [Meter](https://caliperui.site/docs/components/meter.md): A measurement within a known range, with thresholds marked on the track and a word for whether it is fine.
- [Cookie consent](https://caliperui.site/docs/components/cookie-consent.md): Asks once and plainly: reject and accept carry the same weight, choices explain what they are for, and the preferences can be reopened later.
- [Result icon](https://caliperui.site/docs/components/result-icon.md): The outcome of an operation as a mark that draws itself once: a check, a cross, an exclamation, or a turning arc only while pending.
- [Working border](https://caliperui.site/docs/components/working-border.md): A surface whose edge carries a moving light only while real work is pending, such as an agent run or an import. When the work ends the light stops.
- [Live indicator](https://caliperui.site/docs/components/live-indicator.md): Whether a feed is live, in words and a dot. The dot sends out a soft ring only while live, blinks while reconnecting and rests otherwise.
- [Sync status](https://caliperui.site/docs/components/sync-status.md): Whether the work on screen is safe, in one pill that changes in place: saving, saved, offline with changes waiting, failed with a retry, or edited elsewhere.
- [Notification bell](https://caliperui.site/docs/components/notification-bell.md): The bell that opens notifications: the unread count sits on it and rolls to its new value, the bell swings once when the count rises, and its name always says how many are unread.

## Components: Data display

- [Segmented control](https://caliperui.site/docs/components/segmented-control.md): Blocks
- [Metric](https://caliperui.site/docs/components/metric.md): A number with its context, change and a small trend line.
- [Bar chart](https://caliperui.site/docs/components/bar-chart.md): A compact bar series with an accessible label.
- [Data table](https://caliperui.site/docs/components/data-table.md): Accessible table markup with consistent cell styling and a scrollable region.
- [Filter toolbar](https://caliperui.site/docs/components/filter-toolbar.md): A search field and filter menus with result counts, for narrowing a list.
- [Sortable table](https://caliperui.site/docs/components/sortable-table.md): A table with sortable columns, optional selection, loading and empty states.
- [Tree view](https://caliperui.site/docs/components/tree-view.md): An expandable hierarchy with selection and meta text.
- [Returns calendar](https://caliperui.site/docs/components/returns-calendar.md): A month calendar coloured by daily return, with a compounded total.
- [Price target fan](https://caliperui.site/docs/components/price-target-fan.md): A price history that fans out into a forecast range.
- [Volume profile](https://caliperui.site/docs/components/volume-profile.md): Traded volume by price level, with the value area and last price marked.
- [Order book](https://caliperui.site/docs/components/order-book.md): Bids and asks as depth bars around the spread.
- [Liquidity heatmap](https://caliperui.site/docs/components/liquidity-heatmap.md): Resting size by price and time as a heatmap with an optional mid line.
- [Stat card](https://caliperui.site/docs/components/stat-card.md): A bordered figure with a label, description and change.
- [Sparkline](https://caliperui.site/docs/components/sparkline.md): A tiny trend line with no axes, for use inside text and tables.
- [Description list](https://caliperui.site/docs/components/description-list.md): A record's details as label and value pairs, side by side when there is room, with copy and edit where the value sits.

## Components: Charts

- [Gauge](https://caliperui.site/docs/components/gauge.md): A dial for one value in a range, with named thresholds.
- [Animated counter](https://caliperui.site/docs/components/animated-counter.md): A number that counts to its value, with prefix, suffix and locale.
- [Line chart](https://caliperui.site/docs/components/line-chart.md): One or more series over time, with hover readout and an optional band.
- [Donut chart](https://caliperui.site/docs/components/donut-chart.md): Parts of a whole as a ring, with the total in the centre.
- [Funnel chart](https://caliperui.site/docs/components/funnel-chart.md): Stages of a process narrowing as people drop out.
- [Bump chart](https://caliperui.site/docs/components/bump-chart.md): Rank changes of several series across periods.
- [Composition chart](https://caliperui.site/docs/components/composition-chart.md): Parts of a whole with a comparison to the previous period.
- [Status bar](https://caliperui.site/docs/components/status-bar.md): A row of period blocks coloured by service status.
- [Ridgeline](https://caliperui.site/docs/components/ridgeline.md): Stacked distributions that overlap for easy comparison.
- [Treemap](https://caliperui.site/docs/components/treemap.md): Nested rectangles sized by value, with drill-down.
- [Activity heatmap](https://caliperui.site/docs/components/activity-heatmap.md): A year of daily activity as a grid, with selection, and a footer that opens a ranked breakdown of where the activity went over the grid.
- [Streamgraph](https://caliperui.site/docs/components/streamgraph.md): Stacked series that flow around a centre line.
- [Brush chart](https://caliperui.site/docs/components/brush-chart.md): A chart you zoom by dragging a brush, with event annotations.
- [Waffle chart](https://caliperui.site/docs/components/waffle-chart.md): Parts of a whole as a grid of squares you can count.
- [Slope chart](https://caliperui.site/docs/components/slope-chart.md): Items connected between two moments to show who rose and who fell.
- [Stacked area chart](https://caliperui.site/docs/components/stacked-area-chart.md): Parts of a whole over time, stacked from the baseline. Switching between values and share morphs the same layers, so growth and share read as one picture.
- [Combo chart](https://caliperui.site/docs/components/combo-chart.md): An amount as bars and a rate as a line, on two axes. The bars rise first and the line draws over them; one column highlight reads both.
- [Scatter chart](https://caliperui.site/docs/components/scatter-chart.md): Two measures per item, with an optional third as point size. Points grow in, hidden groups shrink away, and a trend line with its fit draws after them.
- [Histogram](https://caliperui.site/docs/components/histogram.md): The shape of a distribution. Choosing coarser or finer bins retargets the same bars, and the median and p95 markers slide to their values.
- [Box plot](https://caliperui.site/docs/components/box-plot.md): Distributions side by side as five-number summaries with outliers. Switching to every value spreads the points out from the median on the same axis.
- [Heatmap matrix](https://caliperui.site/docs/components/heatmap-matrix.md): Two categories against each other, coloured by value. The row and column follow the pointer or arrow keys, and choosing a step of the scale isolates its cells.
- [Bullet chart](https://caliperui.site/docs/components/bullet-chart.md): A KPI against its target in one line: the measure fills across poor, fair and good bands toward a target tick, with the gap written out.
- [Radial bar chart](https://caliperui.site/docs/components/radial-bar-chart.md): Four to seven categories as concentric arcs that fill toward the largest one. Sorting moves each arc to its new ring.
- [Polar area chart](https://caliperui.site/docs/components/polar-area-chart.md): Equal wedges whose length shows the value, for categories with an order around a circle such as months, hours or directions. Wedges grow out from the centre.
- [Dumbbell chart](https://caliperui.site/docs/components/dumbbell-chart.md): A before and an after per row joined by a bar. The after dot travels out from the before value, and sorting by change moves rows to their new places.
- [Diverging bar chart](https://caliperui.site/docs/components/diverging-bar-chart.md): Agree–disagree answers centred on neutral, so questions compare by sentiment. Segments grow outward from the centre line.

## Components: Motion & media

- [Shared highlight](https://caliperui.site/docs/components/shared-highlight.md): A highlight that glides between the items of a list as focus or hover moves.
- [Scroll effects](https://caliperui.site/docs/components/scroll-effects.md): Tools for effects that follow scroll position, such as progress and reveals.
- [Shader background](https://caliperui.site/docs/components/shader-background.md): A GPU-drawn animated background.
- [Slot text](https://caliperui.site/docs/components/slot-text.md): Text whose characters roll like a slot machine when the value changes.
- [Number tween](https://caliperui.site/docs/components/number-tween.md): A number that eases to its new value instead of jumping.
- [Text motion](https://caliperui.site/docs/components/text-motion.md): Text reveals, morphs and shimmer.
- [Image compare](https://caliperui.site/docs/components/image-compare.md): Two images stacked with a draggable divider.
- [Carousel](https://caliperui.site/docs/components/carousel.md): A swipeable row of slides with controls and dots.
- [Card stack](https://caliperui.site/docs/components/card-stack.md): A pile of cards you flick through one by one.
- [Cylinder carousel](https://caliperui.site/docs/components/cylinder-carousel.md): Items arranged around a rotating cylinder.
- [Tilt card](https://caliperui.site/docs/components/tilt-card.md): A card that tilts toward the pointer with a soft highlight.
- [Image viewer](https://caliperui.site/docs/components/image-viewer.md): A full-size viewer with zoom and keyboard navigation.
- [Marquee](https://caliperui.site/docs/components/marquee.md): A slow scrolling row of content that pauses on hover.
- [Text loop](https://caliperui.site/docs/components/text-loop.md): One word in a sentence that cycles through a few options. The widest word reserves the space, it pauses on hover, focus, off screen and in a hidden tab, and a pause button stops it.
- [Presence list](https://caliperui.site/docs/components/presence-list.md): A list where an added row opens from nothing and a removed row closes, so a live feed or a queue changes without jumping. The first render is immediate.
- [Auto height](https://caliperui.site/docs/components/auto-height.md): A container that follows its content's height, so a wizard step, a validation summary or a details panel grows and shrinks instead of snapping. The content changes at once.
- [Pinned list](https://caliperui.site/docs/components/pinned-list.md): Items you can pin to the top. Pinning moves the row up into Pinned and back again, so the eye follows it, and focus stays on the same pin button.
- [Rank list](https://caliperui.site/docs/components/rank-list.md): A leaderboard that re-ranks as values change: rows travel to their new place, values count to their new figure, and a mark says how many places each row moved.
- [Celebration burst](https://caliperui.site/docs/components/celebration-burst.md): One small burst of confetti when a real milestone completes: the first deploy, a finished setup, a paid invoice. Skipped under reduced motion; the words say what happened.
- [Scroll shadow](https://caliperui.site/docs/components/scroll-shadow.md): A scroll area whose edges fade only where there is more to see, easing in and out as you reach either end.
- [Stagger](https://caliperui.site/docs/components/stagger.md): Children of a group arrive one after another on mount or when scrolled into view, so a new list reads in order.
- [Progress ring](https://caliperui.site/docs/components/progress-ring.md): Determinate progress in a ring that eases to each value, draws a check when done and a cross when it fails.
- [Count badge](https://caliperui.site/docs/components/count-badge.md): A count on an icon or tab that rolls up or down to its new number, pops once when something new arrives and shrinks away at zero.
- [Trend delta](https://caliperui.site/docs/components/trend-delta.md): A change as a chip: the arrow turns to the direction, the number counts to its value, and colour and words say whether it is good.
- [Status morph](https://caliperui.site/docs/components/status-morph.md): A status that changes in place: the pill eases to its new width while icon and colour cross over, and the change is announced.
- [Shake](https://caliperui.site/docs/components/shake.md): Nudges a field or control sideways once to say “not accepted”, with an outline instead under reduced motion.
- [Read more](https://caliperui.site/docs/components/read-more.md): Long text kept to a few lines until asked for: it opens to its full height, closes to a faded edge, and the button appears only when needed.
- [Blur image](https://caliperui.site/docs/components/blur-image.md): An image that sharpens into place over a blurred placeholder at its final size, and shows its description if it fails.
- [Loading swap](https://caliperui.site/docs/components/loading-swap.md): Swaps a loading placeholder for its content without a jump: the content fades in while the height eases once.
- [Slide to confirm](https://caliperui.site/docs/components/slide-to-confirm.md): A deliberate commit: drag the handle to the end, or use the arrow keys, and it confirms; let go early and it springs back.
- [Progress button](https://caliperui.site/docs/components/progress-button.md): A button that fills with determinate progress while its work runs, writes the percentage, and settles on a check.
- [Secret field](https://caliperui.site/docs/components/secret-field.md): A secret shown only on purpose: reveal it and the characters settle into place, and it masks itself again on a visible timer. Copying never needs it revealed.
- [Character ring](https://caliperui.site/docs/components/character-ring.md): Room left as a ring that fills as you type, turns amber near the limit with a countdown, and red with the overflow.
- [Range histogram](https://caliperui.site/docs/components/range-histogram.md): A range filter over the shape of the data: bars outside the range dim as you drag, and the count in range is written out.
- [Transfer list](https://caliperui.site/docs/components/transfer-list.md): Choose a subset from a long list: tick items and move them across, and they slide into the other side from where they came.
- [Zoom lens](https://caliperui.site/docs/components/zoom-lens.md): A magnifier that follows the pointer, a finger or the arrow keys over an image to show detail.
- [Page dots](https://caliperui.site/docs/components/page-dots.md): Where you are in a set of slides: the current dot stretches into a pill that fills while slides advance on their own.
- [Swipe tabs](https://caliperui.site/docs/components/swipe-tabs.md): Tabs for touch: swipe the content and the next panel follows the finger while the indicator slides in step.
- [Drill down menu](https://caliperui.site/docs/components/drill-down-menu.md): A menu that goes deeper one level at a time: the next level slides in, Back slides it out, and the height eases to fit.
- [Slide panels](https://caliperui.site/docs/components/slide-panels.md): Steps that move like pages: forward slides in from the right, back from the left, the height eases, and focus arrives with the new panel.
- [Step loader](https://caliperui.site/docs/components/step-loader.md): What a long operation is doing: done steps tick off, the current one turns with its detail, the line fills, and a failure says where and why.
- [Scroll timeline](https://caliperui.site/docs/components/scroll-timeline.md): A history down the page: the line fills as you scroll and each entry lights and settles as the line reaches it.
- [Condensing header](https://caliperui.site/docs/components/condensing-header.md): A page header that makes room as you read: the title shrinks into a bar, the description folds away and a border appears, following the scroll.
- [View transition](https://caliperui.site/docs/components/view-transition.md): Moves between views without a cut: the old view fades or slides out as the new one comes in, with the View Transition API where available.
- [Scroll spy nav](https://caliperui.site/docs/components/scroll-spy-nav.md): An outline that follows your reading: a marker glides to the section in view, and choosing a link scrolls there and moves focus into it.
- [Upload queue](https://caliperui.site/docs/components/upload-queue.md): Files on their way up, each with its own progress ring; failures say why with a retry, and rows open and close without the list jumping.
- [Feed stream](https://caliperui.site/docs/components/feed-stream.md): A live feed that keeps your place: at the top new items slide in; scrolled away, a pill counts what is waiting and takes you back up.
- [Scroll aware fab](https://caliperui.site/docs/components/scroll-aware-fab.md): The main action kept in reach: it shows its label at the top and when scrolling up, and shrinks to its icon while you scroll down.
- [Load more](https://caliperui.site/docs/components/load-more.md): The end of a long list: the next page loads as it comes into view, failures offer a retry, a button does the same for keyboards, and the end says so.
- [Shortcut sheet](https://caliperui.site/docs/components/shortcut-sheet.md): Every keyboard shortcut in one place: while it is open, pressing a shortcut lights its row instead of running it, and a filter narrows the list.
- [Selection toolbar](https://caliperui.site/docs/components/selection-toolbar.md): Actions for the words you selected, where you selected them: the toolbar grows out of the selection and leaves with it; Alt+T reaches it from the keyboard.
- [Drop overlay](https://caliperui.site/docs/components/drop-overlay.md): Lets a whole area take dropped files: a clear target rises over the content while files are dragged in and names what will happen.
- [Connection banner](https://caliperui.site/docs/components/connection-banner.md): Says when the app lost its connection and what that means, counts down to the next try, and confirms when it is back.
- [Session timeout](https://caliperui.site/docs/components/session-timeout.md): A fair warning before a session ends: a dialog counts down with a ring, offers to stay signed in, and signs out at zero.
- [Reading progress](https://caliperui.site/docs/components/reading-progress.md): Where you are in a long page, in a small pill that appears once you start scrolling: a ring that fills as you read, the section you are in and how far through you are. Press it to jump to another section.

## Components: AI & agents

- [Assistant panel](https://caliperui.site/docs/components/assistant-panel.md): A docked panel that holds a conversation beside the product.
- [Prompt input](https://caliperui.site/docs/components/prompt-input.md): A message box with attachments, suggestions, commands and a stop button.
- [Message scroller](https://caliperui.site/docs/components/message-scroller.md): A scrolling transcript that stays pinned to the newest message.
- [Voice orb](https://caliperui.site/docs/components/voice-orb.md): An animated orb that shows idle, listening, thinking and speaking states.
- [Chat shell](https://caliperui.site/docs/components/chat-shell.md): The frame of a chat screen: sidebar of chats, header, transcript and composer.
- [Message](https://caliperui.site/docs/components/message.md): One chat message with a role, optional name, status and actions.
- [Image generation](https://caliperui.site/docs/components/image-generation.md): A card that shows an image as it is generated, from queued to complete.
- [Citations](https://caliperui.site/docs/components/citations.md): Numbered source references and a list of the sources behind an answer.
- [Agent activity](https://caliperui.site/docs/components/agent-activity.md): A live line of what an agent is doing now, with a loading state.
- [File diff](https://caliperui.site/docs/components/file-diff.md): A line-by-line comparison of two versions of a file.
- [Tool result](https://caliperui.site/docs/components/tool-result.md): The outcome of a tool call, collapsed to a summary and expandable to detail.
- [Streaming response](https://caliperui.site/docs/components/streaming-response.md): Markdown-like text that renders cleanly while it is still arriving.
- [Todo list](https://caliperui.site/docs/components/todo-list.md): A checklist an agent or user ticks through, with progress.
- [Approvals](https://caliperui.site/docs/components/approvals.md): Cards that ask the user to allow or deny an action, with a risk label.
- [Code block](https://caliperui.site/docs/components/code-block.md): Syntax-highlighted code with a language label and a copy button.
- [Timeline](https://caliperui.site/docs/components/timeline.md): Events in order with dates and markers.
- [Comment thread](https://caliperui.site/docs/components/comment-thread.md): Comments and replies with a composer.
- [Chat thread](https://caliperui.site/docs/components/chat-thread.md): A thread of chat messages grouped by sender and time.
- [JSON viewer](https://caliperui.site/docs/components/json-viewer.md): A collapsible tree of JSON with copy and search.
- [Thread composer](https://caliperui.site/docs/components/thread-composer.md): A compact reply box for comments and threads, with send and cancel built in.
- [Agent status](https://caliperui.site/docs/components/agent-status.md): One line inside a reply that says what the agent is doing right now, thinking, searching, reading or writing, with what it is working on and a running clock, then settles into how long it took.

## Blocks: Marketing

- [Hero section](https://caliperui.site/docs/components/hero-section.md): The top of a landing page: eyebrow, title, copy, actions and proof.
- [FAQ section](https://caliperui.site/docs/components/faq-section.md): Questions that open to reveal answers.
- [Contact section](https://caliperui.site/docs/components/contact-section.md): A contact form beside the ways to reach a team.
- [Blog grid](https://caliperui.site/docs/components/blog-grid.md): A grid of article cards with date, tag and summary.
- [Plan comparison](https://caliperui.site/docs/components/plan-comparison.md): Plans side by side with prices and feature lists.
- [Comparison table](https://caliperui.site/docs/components/comparison-table.md): A feature grid comparing plans or products row by row.
- [Stats band](https://caliperui.site/docs/components/stats-band.md): A row of big numbers with short labels.
- [Logo marquee](https://caliperui.site/docs/components/logo-marquee.md): Customer logos in a slow scrolling row.
- [Call to action](https://caliperui.site/docs/components/call-to-action.md): A closing band with one clear action.
- [Newsletter signup](https://caliperui.site/docs/components/newsletter-signup.md): An email field with consent and success states.
- [Page header](https://caliperui.site/docs/components/page-header.md): A title with description, breadcrumbs and actions.
- [Site header](https://caliperui.site/docs/components/site-header.md): A top navigation bar with logo, links and actions.
- [Site footer](https://caliperui.site/docs/components/site-footer.md): Link columns, social links and legal text.
- [Marketing sections](https://caliperui.site/docs/components/marketing-sections.md): Hero, feature and pricing sections for a landing page.
- [Hero signup](https://caliperui.site/docs/components/hero-signup.md): A hero with a sign-up form built in.
- [Scroll story](https://caliperui.site/docs/components/scroll-story.md): Sections that change as you scroll.
- [Spotlight grid](https://caliperui.site/docs/components/spotlight-grid.md): A grid where a spotlight follows the pointer.
- [Feature bento](https://caliperui.site/docs/components/feature-bento.md): A bento grid of features of different sizes.
- [Footer block](https://caliperui.site/docs/components/footer-block.md): The page's last word: link columns, a newsletter that confirms in place, the legal line, status and the name as a full-width wordmark.
- [CTA block](https://caliperui.site/docs/components/cta-block.md): The closing call to action: the promise again, one specific next step and a reassurance line.
- [FAQ block](https://caliperui.site/docs/components/faq-block.md): Searchable questions with one answer open at a time, each linking to the exact doc, and a way to ask when nothing matches.
- [Team block](https://caliperui.site/docs/components/team-block.md): People introduced by what they own and how to reach them, with initials when there is no photo.
- [Proof block](https://caliperui.site/docs/components/proof-block.md): Logos set as type, a case study led by one number, press with outlet and date, and live figures with their source.
- [Steps block](https://caliperui.site/docs/components/steps-block.md): How it works, step by step, with an honest time and what exists after each step.
- [Testimonials block](https://caliperui.site/docs/components/testimonials-block.md): Customer quotes that carry a real role and a measurable outcome, set still and readable.
- [Pricing block](https://caliperui.site/docs/components/pricing-block.md): Pricing worked out from the buyer's own numbers: enter seats and each plan shows its total and why it fits.
- [Comparison block](https://caliperui.site/docs/components/comparison-block.md): The switch, row by row: the same task the old way and with your product, side by side.
- [Feature rows block](https://caliperui.site/docs/components/feature-rows-block.md): Features as numbered rows, each with a product fragment or one figure that proves it.
- [Showcase block](https://caliperui.site/docs/components/showcase-block.md): The product one job at a time: tabs beside a single stage, each view swapped in place with one line on what it does.
- [Hero block](https://caliperui.site/docs/components/hero-block.md): The first screen of a product page: one claim, two actions and a real artefact that proves it.
- [Feature tabs block](https://caliperui.site/docs/components/feature-tabs-block.md): A short feature tour: features beside one stage, with a thin rule that fills and moves on. It waits while hovered, focused or off screen; choosing a feature or Pause stops it.
- [Milestones block](https://caliperui.site/docs/components/milestones-block.md): A history read top to bottom. One line fills as the list scrolls through the window and each marker settles when it is reached, using native scroll only.
- [Roadmap block](https://caliperui.site/docs/components/roadmap-block.md): A public roadmap in now, next and later. Votes roll the count and move the card to its place in the column, so readers see their vote count.
- [Chart story block](https://caliperui.site/docs/components/chart-story-block.md): A number told as a story: the chart draws in once, then each beat moves a marker to its moment and explains it. Readers step through; nothing advances on its own.
- [Code result block](https://caliperui.site/docs/components/code-result-block.md): Code beside what it makes. Each tab is one small change; switching marks the changed lines and fades the result to its new state. Real text with a copy button.

## Blocks: Pages

- [Page parts](https://caliperui.site/docs/components/page-parts.md): Dashboard, password reset and verification screens.
- [Landing template](https://caliperui.site/docs/components/landing-template.md): A whole product page from the Free blocks, in the order buyers decide, with a header that keeps the action in reach.
- [Pricing template](https://caliperui.site/docs/components/pricing-template.md): A pricing page in one voice: the deal in one line, plans worked out from the buyer's numbers, the switch row by row, the last doubts and one action.
- [Changelog template](https://caliperui.site/docs/components/changelog-template.md): What shipped, newest first: dates that stay in view, linkable versions, tag filters with a count and a product view per release.
- [Blog post template](https://caliperui.site/docs/components/blog-post-template.md): One article at a reading measure: a progress line under the header, an outline that marks where you are, linkable headings, the author and three related posts.
- [About template](https://caliperui.site/docs/components/about-template.md): Who is behind the product, in the order buyers and candidates check: the belief, how you got here, the numbers, how you work, the people and the next step.
- [Contact template](https://caliperui.site/docs/components/contact-template.md): A contact page that routes the message first: pick the topic and it says who answers and how soon. The form keeps what you typed if sending fails and confirms where the reply will go.
- [Legal template](https://caliperui.site/docs/components/legal-template.md): A policy people can read: the short version first, numbered sections with an outline that follows you, linkable clauses, a change history and a print layout.
- [Error template](https://caliperui.site/docs/components/error-template.md): The pages people land on when something goes wrong, each with the way out that fits: search, ask for access, retry with a reference, wait out maintenance, reconnect or get a new link.
- [Profile page](https://caliperui.site/docs/components/profile-page.md): A person's page: who they are and where, their local time, pinned work, a year of activity and what they did lately. Following updates at once and rolls back if it fails.

## Blocks: Account & notifications

- [Auth page](https://caliperui.site/docs/components/auth-page.md): A centred sign-in or sign-up page with a brand header and legal links.
- [Sign in form](https://caliperui.site/docs/components/sign-in-form.md): An email and password form with provider buttons and clear errors.
- [Sign up form](https://caliperui.site/docs/components/sign-up-form.md): An account-creation form with a password strength hint and terms.
- [Notification center](https://caliperui.site/docs/components/notification-center.md): A list of notifications with read state and filters.
- [Notification stack](https://caliperui.site/docs/components/notification-stack.md): Stacked notifications that fan out on hover or focus.

## Blocks: Utility

- [Changelog feed](https://caliperui.site/docs/components/changelog-feed.md): Versioned release notes with typed changes.
- [Infinite masonry](https://caliperui.site/docs/components/infinite-masonry.md): A masonry grid that loads more as you scroll.
- [Project folder](https://caliperui.site/docs/components/project-folder.md): A folder card that opens to show its contents.
- [Card folder](https://caliperui.site/docs/components/card-folder.md): A stack of cards in a folder tab.
- [Availability scheduler](https://caliperui.site/docs/components/availability-scheduler.md): Pick a day and a time slot from a host's availability.
- [Wallet card](https://caliperui.site/docs/components/wallet-card.md): A payment card with brand, last four digits and actions.
- [Prediction market](https://caliperui.site/docs/components/prediction-market.md): Outcomes with probabilities and a way to take a position.
- [Multi chain swap](https://caliperui.site/docs/components/multi-chain-swap.md): Swap one asset for another across networks, with a quote.
- [Fixtures](https://caliperui.site/docs/components/fixtures.md): A list of matches or events grouped by date, with scores.
- [Feedback widget](https://caliperui.site/docs/components/feedback-widget.md): A small widget to rate and comment from any page.
- [Not found page](https://caliperui.site/docs/components/not-found-page.md): A friendly 404 with suggestions and search.

## Pro: Screens

- [App frame](https://caliperui.site/docs/components/app-frame.md) (Pro): The shell every screen sits in: workspace, navigation with counts, the plan's seats and search; a bottom tab bar under 760px.
- [Dashboard screen](https://caliperui.site/docs/components/dashboard-screen.md) (Pro): The day at a glance: one sentence written from the data, figures with their comparison, a marked chart and what waits on you.
- [Billing screen](https://caliperui.site/docs/components/billing-screen.md) (Pro): Plan, 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 screen](https://caliperui.site/docs/components/team-screen.md) (Pro): Members, roles and invitations. Paste a whole list of addresses, see problems marked in place and the seat cost before sending.
- [Settings screen](https://caliperui.site/docs/components/settings-screen.md) (Pro): Settings that show what changed before you save: an ember mark and the previous value on each field, one bar that names the changes.
- [Inbox screen](https://caliperui.site/docs/components/inbox-screen.md) (Pro): Triage by what you owe: Needs reply, Waiting and FYI, product facts beside the thread, keyboard triage and undo.
- [Checkout screen](https://caliperui.site/docs/components/checkout-screen.md) (Pro): Checkout where every number in the total is explained before the button, and the button says the amount.
- [Agent run screen](https://caliperui.site/docs/components/agent-run-screen.md) (Pro): An agent run you can supervise: steps with evidence and time, approval gates that state the consequence, a live log, pause and stop.
- [Deploys screen](https://caliperui.site/docs/components/deploys-screen.md) (Pro): Every 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 room](https://caliperui.site/docs/components/incident-room.md) (Pro): The 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 pipeline](https://caliperui.site/docs/components/crm-pipeline.md) (Pro): A 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 home](https://caliperui.site/docs/components/crm-home.md) (Pro): Where 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 contacts](https://caliperui.site/docs/components/crm-contacts.md) (Pro): Everyone 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 companies](https://caliperui.site/docs/components/crm-companies.md) (Pro): The 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 record](https://caliperui.site/docs/components/crm-record.md) (Pro): One 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 tasks](https://caliperui.site/docs/components/crm-tasks.md) (Pro): The 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 reports](https://caliperui.site/docs/components/crm-reports.md) (Pro): How 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 app](https://caliperui.site/docs/components/calendar-app.md) (Pro): A 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 queue](https://caliperui.site/docs/components/helpdesk-queue.md) (Pro): The 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 ticket](https://caliperui.site/docs/components/helpdesk-ticket.md) (Pro): One 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 reports](https://caliperui.site/docs/components/helpdesk-reports.md) (Pro): How 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 home](https://caliperui.site/docs/components/finance-home.md) (Pro): Where 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 reconcile](https://caliperui.site/docs/components/finance-reconcile.md) (Pro): Bank 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 expenses](https://caliperui.site/docs/components/finance-expenses.md) (Pro): Expense approvals with the policy questions answered: no receipt, over the category limit, a weekend, a possible duplicate. Approve one or many; rejecting asks for a reason the employee sees.
- [Finance close](https://caliperui.site/docs/components/finance-close.md) (Pro): The 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 home](https://caliperui.site/docs/components/helpdesk-home.md) (Pro): Where 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 customers](https://caliperui.site/docs/components/helpdesk-customers.md) (Pro): Everyone 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 macros](https://caliperui.site/docs/components/helpdesk-macros.md) (Pro): The 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 settings](https://caliperui.site/docs/components/helpdesk-settings.md) (Pro): How 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 invoices](https://caliperui.site/docs/components/finance-invoices.md) (Pro): Receivables: 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 payables](https://caliperui.site/docs/components/finance-payables.md) (Pro): Payables 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 reports](https://caliperui.site/docs/components/finance-reports.md) (Pro): Profit 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.

## Pro: Templates

- [Crm suite](https://caliperui.site/docs/components/crm-suite.md) (Pro): A 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. One data value drives it all.
- [App template](https://caliperui.site/docs/components/app-template.md) (Pro): The screens wired into one app: routing, counts, G-then-letter jumps and focus that lands on each screen's heading.
- [Docs template](https://caliperui.site/docs/components/docs-template.md) (Pro): Documentation at a reading measure, with an outline that follows you, slash search, linkable headings, copyable code and page feedback.
- [Onboarding template](https://caliperui.site/docs/components/onboarding-template.md) (Pro): Set-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 suite](https://caliperui.site/docs/components/helpdesk-suite.md) (Pro): A 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 suite](https://caliperui.site/docs/components/finance-suite.md) (Pro): Finance 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.

## Pro: Account flows

- [Password reset](https://caliperui.site/docs/components/password-reset.md) (Pro): Forgot 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 verification](https://caliperui.site/docs/components/email-verification.md) (Pro): Confirm an address with a six-digit code that checks itself when complete, with resend and a way to fix a typo.
- [MFA challenge](https://caliperui.site/docs/components/mfa-challenge.md) (Pro): The second step of sign in: authenticator, text, passkey or recovery code, with a lockout that counts down after too many tries.
- [SSO sign in](https://caliperui.site/docs/components/sso-sign-in.md) (Pro): Single sign-on by work email: finds the company's provider and hands off, or says plainly that the domain has none.
- [Magic link form](https://caliperui.site/docs/components/magic-link-form.md) (Pro): Passwordless sign in: one email field, then a check-your-inbox step with resend and a way back to passwords.
- [Reauth dialog](https://caliperui.site/docs/components/reauth-dialog.md) (Pro): Ask for the password again without leaving the page: before a sensitive action, or when the session ends with work still open.

## Pro: Showpiece & studio

- [Illustrations](https://caliperui.site/docs/components/illustrations.md) (Pro): A set of spot illustrations for empty and onboarding states.
- [Background studio](https://caliperui.site/docs/components/background-studio.md) (Pro): Tools to build gradient and pattern backgrounds.
- [Login editions](https://caliperui.site/docs/components/login-editions.md) (Pro): Full-page login designs with an immersive or split layout.

## Pro: Showpiece data

- [Choropleth](https://caliperui.site/docs/components/choropleth.md) (Pro): A map shaded by value per region.
- [Small multiples](https://caliperui.site/docs/components/small-multiples.md) (Pro): A grid of the same chart for different groups.
- [Connected scatter](https://caliperui.site/docs/components/connected-scatter.md) (Pro): Points joined in time order on two axes.
- [Line replay](https://caliperui.site/docs/components/line-replay.md) (Pro): A line chart that draws itself over time.
- [Activity terrain](https://caliperui.site/docs/components/activity-terrain.md) (Pro): Activity drawn as a 3D landscape.
- [Globe](https://caliperui.site/docs/components/globe.md) (Pro): A rotating globe with labelled points sized by value.
- [Customer galaxy](https://caliperui.site/docs/components/customer-galaxy.md) (Pro): Customers as points in a galaxy, grouped by segment.
- [Semantic zoom](https://caliperui.site/docs/components/semantic-zoom.md) (Pro): A view that shows more detail as you zoom in.
- [Layout morph](https://caliperui.site/docs/components/layout-morph.md) (Pro): Items that move between list, grid and chart layouts.
- [Sunburst](https://caliperui.site/docs/components/sunburst.md) (Pro): A radial hierarchy where each ring is a level and each arc a share of its parent.
- [Sankey](https://caliperui.site/docs/components/sankey.md) (Pro): Bands whose width shows how much flows from one stage to the next.
- [Radar chart](https://caliperui.site/docs/components/radar-chart.md) (Pro): Several measures on shared axes, drawn as one filled shape.
- [Realtime stream](https://caliperui.site/docs/components/realtime-stream.md) (Pro): A live feed of events arriving, with rate and recent history.
- [Race bars](https://caliperui.site/docs/components/race-bars.md) (Pro): Ranked bars that reorder as values change over time.
- [Data flow diagram](https://caliperui.site/docs/components/data-flow-diagram.md) (Pro): An animated diagram of data moving between services.
- [Payment flow diagram](https://caliperui.site/docs/components/payment-flow-diagram.md) (Pro): A diagram of a payment passing from checkout through to settlement.
- [Failover diagram](https://caliperui.site/docs/components/failover-diagram.md) (Pro): A diagram of a primary and standby path, showing traffic switch on failure.
- [Vector search diagram](https://caliperui.site/docs/components/vector-search-diagram.md) (Pro): A diagram of text becoming embeddings and matching nearest neighbours.
- [Flow diagram](https://caliperui.site/docs/components/flow-diagram.md) (Pro): A labelled node-and-edge diagram where packets travel along active connections.
- [Whiteboard](https://caliperui.site/docs/components/whiteboard.md) (Pro): An 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 chart](https://caliperui.site/docs/components/horizon-chart.md) (Pro): Many series in little height: each row folds its values into bands of rising depth. One crosshair runs through every row, so a spike can be compared across services at the same moment.
- [Chord diagram](https://caliperui.site/docs/components/chord-diagram.md) (Pro): Flows between a handful of groups in both directions, such as plan changes or traffic between pages. Focus a group to keep only its ribbons and read them.
- [Parallel coordinates](https://caliperui.site/docs/components/parallel-coordinates.md) (Pro): Many rows across several measures, one line each. Drag along an axis to keep a range; ranges combine. Keyboard: arrows move a range, Shift resizes it, Delete clears it.
- [Beeswarm chart](https://caliperui.site/docs/components/beeswarm-chart.md) (Pro): Every value as its own dot along one axis, packed so none overlap. Splitting by group moves each dot into its lane, so you watch the groups separate.
- [Icicle chart](https://caliperui.site/docs/components/icicle-chart.md) (Pro): A hierarchy as stacked rows, each block as wide as its share. Choose a block to zoom; it widens and its descendants spread beneath it. Escape steps out.
- [Baseline chart](https://caliperui.site/docs/components/baseline-chart.md) (Pro): A 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 chart](https://caliperui.site/docs/components/control-chart.md) (Pro): Is the process stable? Measurements with their mean and control limits. Points outside the limits and long runs on one side are marked once and listed.
- [Marimekko chart](https://caliperui.site/docs/components/marimekko-chart.md) (Pro): A market map: columns as wide as their share, segments stacked by their share within, so area is share of the whole. Switch period and every block moves to its new size.
- [Bubble timeline](https://caliperui.site/docs/components/bubble-timeline.md) (Pro): A scatter that moves through time: bubbles placed by two measures and sized by a third. Play, pause, scrub, or choose a name to trace its path. It never starts on its own.

## Pro: Commerce & markets

- [Market terminal](https://caliperui.site/docs/components/market-terminal.md) (Pro): A trading view with price chart, order book and trade ticket.
- [Crypto wallet](https://caliperui.site/docs/components/crypto-wallet.md) (Pro): Balances, assets and recent transfers for a wallet.
- [Conversion funnel](https://caliperui.site/docs/components/conversion-funnel.md) (Pro): Stages with counts and the drop-off between each.
- [Usage budget](https://caliperui.site/docs/components/usage-budget.md) (Pro): A budget bar with spend, limit and a pace marker.
- [Product listing](https://caliperui.site/docs/components/product-listing.md) (Pro): A filterable grid of products with sort and a result count.
- [Cart drawer](https://caliperui.site/docs/components/cart-drawer.md) (Pro): A side drawer listing cart lines with quantities and a subtotal.
- [Checkout](https://caliperui.site/docs/components/checkout.md) (Pro): A single-page checkout with contact, delivery, payment and an order summary.
- [Product detail](https://caliperui.site/docs/components/product-detail.md) (Pro): A product page with gallery, options, price and an add-to-cart action.
- [Invoice editor](https://caliperui.site/docs/components/invoice-editor.md) (Pro): An editable invoice with line items and live totals.
- [File manager](https://caliperui.site/docs/components/file-manager.md) (Pro): A file browser with folders, selection, rename and delete.
- [Billing overview](https://caliperui.site/docs/components/billing-overview.md) (Pro): The current plan, payment method, next charge and recent invoices in one view.
- [Usage pricing](https://caliperui.site/docs/components/usage-pricing.md) (Pro): A tiered rate table with how much of each tier has been used.
- [Usage forecast](https://caliperui.site/docs/components/usage-forecast.md) (Pro): Daily usage with a projected month-end total and cost.
- [Usage billing](https://caliperui.site/docs/components/usage-billing.md) (Pro): This month's invoice built from base fee and metered lines, with tax.
- [Pricing calculator](https://caliperui.site/docs/components/pricing-calculator.md) (Pro): Sliders that estimate a price from seats and usage.
- [Cancellation flow](https://caliperui.site/docs/components/cancellation-flow.md) (Pro): A short flow that asks why, offers alternatives and confirms a cancellation.
- [Plan change](https://caliperui.site/docs/components/plan-change.md) (Pro): Change plan, billing period or seats and see the money first: credit for unused days, what is due today and what every period costs after. Upgrades start now; downgrades wait for the period to end and list what will be lost.
- [Payment methods](https://caliperui.site/docs/components/payment-methods.md) (Pro): The 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 recovery](https://caliperui.site/docs/components/payment-recovery.md) (Pro): When 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 detail](https://caliperui.site/docs/components/invoice-detail.md) (Pro): An 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.

## Pro: Assistants & support

- [Model picker](https://caliperui.site/docs/components/model-picker.md) (Pro): A compact menu for choosing which model answers.
- [Agent chat input](https://caliperui.site/docs/components/agent-chat-input.md) (Pro): A prompt box with model, tool toggles and suggestions around it.
- [Agent run](https://caliperui.site/docs/components/agent-run.md) (Pro): The full view of an agent task: steps, status, approvals and cost.
- [Agent builder](https://caliperui.site/docs/components/agent-builder.md) (Pro): A form for configuring an agent: instructions, model, tools and knowledge, with a test chat.
- [Voice agent](https://caliperui.site/docs/components/voice-agent.md) (Pro): A full voice assistant screen with states and transcript.
- [Voice conversation](https://caliperui.site/docs/components/voice-conversation.md) (Pro): A transcript of a spoken conversation with speaker labels.
- [Questionnaire](https://caliperui.site/docs/components/questionnaire.md) (Pro): A step-by-step set of questions with progress and a summary.
- [Research sources](https://caliperui.site/docs/components/research-sources.md) (Pro): A list of sources with relevance, excerpt and status.
- [Knowledge base](https://caliperui.site/docs/components/knowledge-base.md) (Pro): A searchable set of articles with categories and an article view.
- [AI artifact](https://caliperui.site/docs/components/ai-artifact.md) (Pro): A side panel that shows a generated document or code, with copy and versions.
- [Support conversation](https://caliperui.site/docs/components/support-conversation.md) (Pro): A support chat with agent, customer and system messages.
- [Support widget](https://caliperui.site/docs/components/support-widget.md) (Pro): A floating help button that opens a chat.
- [Search results](https://caliperui.site/docs/components/search-results.md) (Pro): A list of results with highlights, filters and counts.
- [Thinking loader](https://caliperui.site/docs/components/thinking-loader.md) (Pro): A short animated loader for the moment before a reply begins.
- [Flip card](https://caliperui.site/docs/components/flip-card.md) (Pro): A card that turns over to reveal the back.
- [Premium card](https://caliperui.site/docs/components/premium-card.md) (Pro): A refined card with edge light for featured offers.
- [Prompt playground](https://caliperui.site/docs/components/prompt-playground.md) (Pro): Work 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 compare](https://caliperui.site/docs/components/eval-compare.md) (Pro): Two 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 meter](https://caliperui.site/docs/components/context-window-meter.md) (Pro): How 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. A small version sits in a composer.
- [Branching thread](https://caliperui.site/docs/components/branching-thread.md) (Pro): A 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 consent](https://caliperui.site/docs/components/connection-consent.md) (Pro): Ask 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 renderer](https://caliperui.site/docs/components/generative-renderer.md) (Pro): Render 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 answer](https://caliperui.site/docs/components/sourced-answer.md) (Pro): An answer that shows where it came from: what was searched, the sources it read as numbered cards, and the answer with numbered markers. Point at a marker and its source lights up; choose a source and every claim that leans on it is marked.
- [Voice matrix](https://caliperui.site/docs/components/voice-matrix.md) (Pro): The 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.

## Pro: Analytics

- [Revenue explorer](https://caliperui.site/docs/components/revenue-explorer.md) (Pro): Revenue split by segment and period, with a table.
- [MRR waterfall](https://caliperui.site/docs/components/mrr-waterfall.md) (Pro): A waterfall of new, expansion, contraction and churn.
- [Cohort retention](https://caliperui.site/docs/components/cohort-retention.md) (Pro): A triangle of retention by sign-up cohort.
- [Journey flow](https://caliperui.site/docs/components/journey-flow.md) (Pro): Paths users take from one step to the next.
- [Budget variance](https://caliperui.site/docs/components/budget-variance.md) (Pro): Budget against actual by line, with variance.
- [Metrics dashboard](https://caliperui.site/docs/components/metrics-dashboard.md) (Pro): A row of KPI tiles with change and a time range.
- [KPI drilldown](https://caliperui.site/docs/components/kpi-drilldown.md) (Pro): A KPI that opens into a breakdown by segment.
- [Metric explorer](https://caliperui.site/docs/components/metric-explorer.md) (Pro): Pick a metric, a split and a range, and see it plotted.
- [Performance report](https://caliperui.site/docs/components/performance-report.md) (Pro): Objectives with status, progress and commentary.
- [Data grid](https://caliperui.site/docs/components/data-grid.md) (Pro): A spreadsheet-style grid with editable cells and formulas.
- [Virtual table](https://caliperui.site/docs/components/virtual-table.md) (Pro): A table that renders only the visible rows, so thousands stay fast.
- [Record grid](https://caliperui.site/docs/components/record-grid.md) (Pro): A 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 builder](https://caliperui.site/docs/components/query-builder.md) (Pro): Build a filter from conditions and nested groups, typed by field: text, number, date, options and yes/no. It reads back as a sentence, counts matches live, flags unfinished conditions and saves segments.
- [Live table](https://caliperui.site/docs/components/live-table.md) (Pro): Values that update in place. A changed cell flashes once in the direction it moved and keeps a small arrow; rows never reorder. Pause freezes the view and counts waiting updates.
- [Metric ticker](https://caliperui.site/docs/components/metric-ticker.md) (Pro): A 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. Scrolls sideways on phones.
- [Pivot table](https://caliperui.site/docs/components/pivot-table.md) (Pro): Summarise 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.

## Pro: Workspace

- [Audit trail](https://caliperui.site/docs/components/audit-trail.md) (Pro): A timeline of who changed what and when.
- [Log explorer](https://caliperui.site/docs/components/log-explorer.md) (Pro): Search, filter and inspect log lines.
- [Inbox sidebar](https://caliperui.site/docs/components/inbox-sidebar.md) (Pro): The folders, labels and counts of an inbox.
- [Inbox triage](https://caliperui.site/docs/components/inbox-triage.md) (Pro): A list of items to handle with quick actions and keyboard support.
- [Release checklist](https://caliperui.site/docs/components/release-checklist.md) (Pro): A checklist of release steps with owners and status.
- [Project board](https://caliperui.site/docs/components/project-board.md) (Pro): Columns of work with progress.
- [Kanban board](https://caliperui.site/docs/components/kanban-board.md) (Pro): Drag cards between columns with limits.
- [Approval queue](https://caliperui.site/docs/components/approval-queue.md) (Pro): Requests waiting for a decision.
- [Workspace sidebar](https://caliperui.site/docs/components/workspace-sidebar.md) (Pro): A sidebar with workspace switcher, groups and the signed-in user.
- [Sidebar rail](https://caliperui.site/docs/components/sidebar-rail.md) (Pro): A narrow icon rail that expands.
- [Docs sidebar](https://caliperui.site/docs/components/docs-sidebar.md) (Pro): Documentation navigation and an on-page outline.
- [Settings layout](https://caliperui.site/docs/components/settings-layout.md) (Pro): A settings page with side navigation, sections and a save bar.
- [Settings command](https://caliperui.site/docs/components/settings-command.md) (Pro): Search settings from a command bar.
- [Security settings](https://caliperui.site/docs/components/security-settings.md) (Pro): Password, two-factor, sessions and devices in one page.
- [API keys](https://caliperui.site/docs/components/api-keys.md) (Pro): A list of API keys with create, reveal, copy and revoke.
- [Webhook manager](https://caliperui.site/docs/components/webhook-manager.md) (Pro): Endpoints with their event subscriptions and recent deliveries.
- [Integrations directory](https://caliperui.site/docs/components/integrations-directory.md) (Pro): A searchable list of apps that can be connected, with status.
- [Team directory](https://caliperui.site/docs/components/team-directory.md) (Pro): Searchable people with roles and status.
- [Invite flow](https://caliperui.site/docs/components/invite-flow.md) (Pro): Add emails, choose a role and send invites.
- [Team members](https://caliperui.site/docs/components/team-members.md) (Pro): A table of members with role, status and actions.
- [Roles permissions](https://caliperui.site/docs/components/roles-permissions.md) (Pro): A matrix of roles against permissions.
- [Week calendar](https://caliperui.site/docs/components/week-calendar.md) (Pro): A week grid of events that can be selected and moved.
- [Media player](https://caliperui.site/docs/components/media-player.md) (Pro): An audio or video player with accessible controls and a progress bar.
- [Share panel](https://caliperui.site/docs/components/share-panel.md) (Pro): A panel to invite people, set access and copy a link.
- [Share sheet](https://caliperui.site/docs/components/share-sheet.md) (Pro): A bottom sheet of ways to share an item.
- [Csv import](https://caliperui.site/docs/components/csv-import.md) (Pro): Brings 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 builder](https://caliperui.site/docs/components/form-builder.md) (Pro): Builds 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 builder](https://caliperui.site/docs/components/dashboard-builder.md) (Pro): A 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 switcher](https://caliperui.site/docs/components/environment-switcher.md) (Pro): Switch between development, preview, staging and production from one control. Production is marked live everywhere it appears, and a notice above risky settings says so in words.
- [Env variables](https://caliperui.site/docs/components/env-variables.md) (Pro): Environment 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 flags](https://caliperui.site/docs/components/feature-flags.md) (Pro): Feature 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 runs](https://caliperui.site/docs/components/job-runs.md) (Pro): Scheduled 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 tour](https://caliperui.site/docs/components/product-tour.md) (Pro): A 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. Coachmark is the one-off hint.
- [Resource timeline](https://caliperui.site/docs/components/resource-timeline.md) (Pro): People, 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 chart](https://caliperui.site/docs/components/gantt-chart.md) (Pro): A 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 stack](https://caliperui.site/docs/components/presence-stack.md) (Pro): Who 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 cursors](https://caliperui.site/docs/components/live-cursors.md) (Pro): Other 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 pins](https://caliperui.site/docs/components/comment-pins.md) (Pro): Comments 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 inbox](https://caliperui.site/docs/components/mention-inbox.md) (Pro): Everything that asks for you: mentions, replies and assignments grouped by day, filtered by kind, answered in place, and cleared with Done and undo. j, k, r, e and u work from the keyboard.
- [Trace waterfall](https://caliperui.site/docs/components/trace-waterfall.md) (Pro): A 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 trace](https://caliperui.site/docs/components/llm-run-trace.md) (Pro): One 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 switcher](https://caliperui.site/docs/components/workspace-switcher.md) (Pro): Moves 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 preferences](https://caliperui.site/docs/components/notification-preferences.md) (Pro): What 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 export](https://caliperui.site/docs/components/data-export.md) (Pro): A copy of someone's data on request: choose what to include and the format, follow the progress, then download until the link expires. One export at a time; past ones stay listed.
- [Account deletion](https://caliperui.site/docs/components/account-deletion.md) (Pro): Closing 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 views](https://caliperui.site/docs/components/saved-views.md) (Pro): Named 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 builder](https://caliperui.site/docs/components/api-request-builder.md) (Pro): Try 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 center](https://caliperui.site/docs/components/status-center.md) (Pro): A 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 history](https://caliperui.site/docs/components/version-history.md) (Pro): Every 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 editor](https://caliperui.site/docs/components/block-editor.md) (Pro): A 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.

## Pro: Expressive UI

- [Page curl](https://caliperui.site/docs/components/page-curl.md) (Pro): A page that curls back to reveal the next.
- [Orbiting logos](https://caliperui.site/docs/components/orbiting-logos.md) (Pro): Logos orbiting a centre.
- [Dot grid](https://caliperui.site/docs/components/dot-grid.md) (Pro): A grid of dots that react to the pointer.
- [Gravity field](https://caliperui.site/docs/components/gravity-field.md) (Pro): Items pulled toward the pointer.
- [Stretch refresh](https://caliperui.site/docs/components/stretch-refresh.md) (Pro): A pull-down gesture where the content stretches like elastic before refreshing.
- [Morph loader](https://caliperui.site/docs/components/morph-loader.md) (Pro): A loader whose shape morphs between forms while waiting.
- [Sand text](https://caliperui.site/docs/components/sand-text.md) (Pro): Text that dissolves like sand when it leaves and gathers when it returns.
- [Typewriter terminal](https://caliperui.site/docs/components/typewriter-terminal.md) (Pro): A terminal window that types commands and prints their output.
- [Text treatments](https://caliperui.site/docs/components/text-treatments.md) (Pro): Text effects such as scramble and highlight for emphasis.
- [Voice recorder](https://caliperui.site/docs/components/voice-recorder.md) (Pro): Record, pause and review audio with a waveform.
- [Booking pill](https://caliperui.site/docs/components/booking-pill.md) (Pro): A compact pill that books a time.
- [Activity rings](https://caliperui.site/docs/components/activity-rings.md) (Pro): Concentric rings showing progress toward goals.
- [Time dial](https://caliperui.site/docs/components/time-dial.md) (Pro): A circular control for choosing a time.
- [Date reel](https://caliperui.site/docs/components/date-reel.md) (Pro): A reel that rolls through dates.
- [Link unfurl](https://caliperui.site/docs/components/link-unfurl.md) (Pro): A preview card for a link, with image, title and source.
- [Product gallery](https://caliperui.site/docs/components/product-gallery.md) (Pro): A main image with thumbnails for a product.
- [Photo grid](https://caliperui.site/docs/components/photo-grid.md) (Pro): A grid of photos that opens in a viewer.
- [Cover flow](https://caliperui.site/docs/components/cover-flow.md) (Pro): Album-style covers that flip through in 3D.
- [Now playing](https://caliperui.site/docs/components/now-playing.md) (Pro): A compact card for the current track with controls.
- [Sheet stack](https://caliperui.site/docs/components/sheet-stack.md) (Pro): Stacked sheets that slide over each other.
- [Wallet stack](https://caliperui.site/docs/components/wallet-stack.md) (Pro): Cards stacked like a wallet, with the front card expanded.
- [Control center](https://caliperui.site/docs/components/control-center.md) (Pro): Toggles and sliders grouped like a phone's control centre.
- [Liquid tab bar](https://caliperui.site/docs/components/liquid-tab-bar.md) (Pro): A bottom tab bar whose active pill stretches like liquid between items.
- [Orbit menu](https://caliperui.site/docs/components/orbit-menu.md) (Pro): A round menu whose items fan out around a button.
- [Glass menu](https://caliperui.site/docs/components/glass-menu.md) (Pro): A frosted menu that floats above content.
- [Glass card](https://caliperui.site/docs/components/glass-card.md) (Pro): A frosted card with an edge light for floating content.
- [Morph nav](https://caliperui.site/docs/components/morph-nav.md) (Pro): A navigation bar that morphs between collapsed and expanded states.
- [Grow menu](https://caliperui.site/docs/components/grow-menu.md) (Pro): A button that grows into a menu in place.
- [Morph tooltip](https://caliperui.site/docs/components/morph-tooltip.md) (Pro): A tooltip that moves and resizes between triggers.
- [Morph command](https://caliperui.site/docs/components/morph-command.md) (Pro): A command box that grows from a button into a palette.
- [Card morph](https://caliperui.site/docs/components/card-morph.md) (Pro): A card that morphs into a detail view.
- [Scrub field](https://caliperui.site/docs/components/scrub-field.md) (Pro): A number you change by dragging its label, with a ruler, detents and momentum.
- [Setup guide](https://caliperui.site/docs/components/setup-guide.md) (Pro): Onboarding 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 tray](https://caliperui.site/docs/components/task-tray.md) (Pro): Background 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 new](https://caliperui.site/docs/components/whats-new.md) (Pro): Release 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 pad](https://caliperui.site/docs/components/pin-pad.md) (Pro): A PIN entry: dots fill as digits go in, a wrong code shakes and clears with a reason, and a right one settles green. Keypad or keyboard.
- [Split flap](https://caliperui.site/docs/components/split-flap.md) (Pro): A departure-board display: when the text changes each character flips through the reel to its new letter, left to right.
- [Peek preview](https://caliperui.site/docs/components/peek-preview.md) (Pro): A look without leaving the list: press and hold a row and its preview rises from where you pressed; let go and it sinks back. Shift+Space from the keyboard.
- [Story viewer](https://caliperui.site/docs/components/story-viewer.md) (Pro): Short 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 deck](https://caliperui.site/docs/components/triage-deck.md) (Pro): A 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 reveal](https://caliperui.site/docs/components/receipt-reveal.md) (Pro): An order confirmation that prints line by line with the total stamped last, so a purchase feels finished. All of it is readable from the start.
- [Clip timeline](https://caliperui.site/docs/components/clip-timeline.md) (Pro): Tracks 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.
- [Minimap](https://caliperui.site/docs/components/minimap.md) (Pro): A 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 annotate](https://caliperui.site/docs/components/hand-annotate.md) (Pro): Hand-drawn emphasis on a phrase: an underline, box, circle, highlight or strike that draws itself on once when in view.
- [Scan progress](https://caliperui.site/docs/components/scan-progress.md) (Pro): A document being read: a scan line passes down the page and each field appears as the line reaches where it was found.
- [Order tracker](https://caliperui.site/docs/components/order-tracker.md) (Pro): Where 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 picker](https://caliperui.site/docs/components/seat-picker.md) (Pro): Choosing seats on a map: chosen seats spring into place, the total follows, arrow keys move like a grid, and a limit explains itself.

## Optional

- [Everything in one file](https://caliperui.site/llms-full.txt)
- [Registry index](https://caliperui.site/r/registry.json)
- [Pricing](https://caliperui.site/pricing)