React components and blocks with motion built in. Source you own, with Markdown docs and llms.txt so AI tools install them correctly.
Progressively reveal supporting information in place.
A compact button for frequent toolbar actions.
Swap an action label while preserving its place and intent.
See a year of activity at a glance, one square per day.
A persistent message that helps people recover or continue.
Give changing totals a clear sense of movement.
A top banner that rotates messages, counts down, and collapses smoothly when dismissed.
An Agent Skill that teaches Claude Code and other agents how to choose, install, and compose Arc components, with rule files for design, components, motion, accessibility, composition, and responsive layout.
Arc design tokens (color, surface, radius, shadow, accent, focus, light and dark themes), plus the shared motion presets. Install once per app.
The shared motion presets (durations, easings, springs, staggers) Arc components import. Installed automatically with any item that uses them.
A compact identity marker for people and accounts.
Show a team or set of contributors in a small space.
A small label for status, category, or metadata.
Compare one measure across days and scrub any bar for its value.
A monthly and yearly switch with a savings badge and prices that roll to the new amount.
A blog index with a featured post, category filter, post cards, pagination and an in-place reader.
A sheet that rests at a peek or full height and follows your finger.
Show where a page sits in a hierarchy.
A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.
A clear, responsive action with quiet secondary states.
Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached menu can close the row.
Browse dates in a clear, compact month view.
A contained group of related content and actions.
Review a deck one card at a time, with a throw and an undo.
Browse a row of slides by dragging, flicking, or arrowing through them.
A passkey-first login card on a quiet ring backdrop that morphs through email and code.
Release notes you can filter, open in place, and scroll through month by month.
A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.
A binary choice with a precise, legible state.
Filter by a few facets with chips that morph as you pick them.
Present code with legible hierarchy and copy access.
A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.
Search and select from a list without leaving the field.
A complete keyboard driven action surface with search, grouped results, and shortcuts.
Threaded comments with replies, reactions, mentions, inline edit, and resolve.
An us versus them table with a sticky header, a highlighted column, and a stacked phone view.
A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.
A validated contact form that morphs into a confirmation, support channels, and office cards with local times.
Secondary actions kept close to the selected object.
A consent bar that morphs into preferences and folds into a reopen button.
Copy a value with immediate confirmation.
A launch countdown with rolling digits that morphs into a live state at zero.
A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.
Choose a date without losing context.
A range picker that grows from its trigger into two months with presets and a stretching range highlight.
A focused surface for decisions that need attention.
A donut whose arcs morph between datasets, with the active value rolling into the center.
A temporary side surface for focused work.