Arc
ComponentsBlocksScreensDocsPricingTry the demo
Get Pro
Saved

Docs

IntroductionInstallationThemingMotionAI and MCPChangelog

Components136

ButtonAction buttonSplit buttonButton groupFloating button groupExpanding button groupCopy buttonAction swapIcon morphConfirm morphTheme switcher

Hold to confirmSwipe actionsReactions

Dropdown menuContext menuUser menu

InputTextareaPassword fieldPassword strengthSearch fieldExpanding searchInline edit

Number fieldMoney inputPhone inputScrub inputTag inputMention inputShortcut recorder

SelectComboboxMulti-selectMorph selectChip group

Radio cardsBilling toggleCheckboxRadio groupSwitchSegmented controlRatingToggle group

SliderElastic sliderRange histogram sliderRuler sliderWindow rangeNewProLens rangeNewPro

CalendarDate pickerDate range pickerTime pickerColor pickerEmoji pickerPro

Rich text editorSignature padFile dropzoneAvatar uploadPro

TabsBreadcrumbPaginationMega menu morphProTable of contents progressPro

Scroll areaAccordionExpandable cardResizable panelsExpandable text

DialogDrawerBottom sheetPopoverHover cardTooltipShare accessProConfirm popoverPro

AlertToastToast stackAnnouncement barCookie consentUndo toastPro

ProgressSkeletonStepperCountdownUsage meterOnboarding checklist

AvatarAvatar groupBadgePresence stackPro

CardMetric cardEmpty stateMetric tickerPro

Line chartBar chartDonut chartStreamgraphBrush chartWaffle chartSlope chartSparklineGaugeActivity heatmapAnimated counterRidgelineTreemapSplit barPro

SunburstProSankey flowProFunnel chartProRadar chartProRealtime streamProRace bar chartProData gridPro

Sortable data tableTree tableTree viewReorderable listFilter toolbarCode blockJSON viewer

TimelineComment threadChat thread

Image compareCarouselCard stack

Text revealIn-view titleText morphText shimmer

Blocks122

KPI drilldownProMetric explorerProRevenue explorerProMRR waterfallProCohort retentionProUsage forecastProJourney flowProUptime statusProPivot builderProChoropleth explorerProConnected scatterProHorizon chartProAccount healthPro

Budget variancePro

Small multiplesProLine replayPro

AI chatProAI composerProAI answerProModel pickerProModel arenaProPrompt studioProDocument extractionProAgent memoryProAI side panelProAI inline editProResearch runProAI insight cardProCatch upProAI feature launchProAI search barProAI setup wizardProCall insightsProLead scoringPro

Agent runProAgent tasksProAgent approvalsProAgent routinesProAgent orchestratorProMCP serversProKnowledge baseProEval suiteProAgent builderProAgent galleryPro

SidebarPro4Page headerCommand paletteNotification centerSelection toolbarProEmpty statesSearch resultsPro

Login and sign up5, free and Pro variantsOnboarding illustrationProOTP inputMulti-step formProTwo-factor setupProMagic linkPro

Settings pageProSettings commandProSecurity settingsProBilling overviewProUsage billingProCancel flowProOnboarding surveyProSpend alertPro

Team membersProInvite peopleProRoles and permissionsProProfile pagePro

API keysProWebhooksProIntegrationsProImport wizardNewProEnvironment variablesProDomain verifyProWebhook testerPro

Plan comparisonPricing calculatorProUsage pricingProCart drawerProCheckout summaryProLive checkoutProSeat managerProCredit top-upPro

Wallet cardProDelivery trackerProSeat mapPro

Activity feedProSupport widgetProFeature votingPro

File uploadMedia playerPro

Availability pickerProRelease readinessProFeedback boardProSmart schedulerProTask breakdownProGoal trackerPro

Hero sectionHero signupPro

Scroll storyProSpotlight gridProFeature bentoProComparison table

Logo marqueeStudio perspectivesProStats band

Changelog feedFAQ sectionContact sectionTeam showcaseProBlog grid

Site headerSite footerCTA sectionNewsletter signup

Activity terrainProRevenue globeProCustomer galaxyProSemantic zoomProLayout morphProExploded viewPro

Screens14

Metrics dashboardProMarket terminalPro

Kanban boardProProject boardProGantt timelinePro

Week calendarProMonth calendarNewPro

Team directoryPro

Inbox triageProSupport conversationProHelp centerPro

Product listingProProduct detailProInvoice studioPro

Special components106

Share sheetProAction morphProMorph navProDockProLiquid tab barProOrbit menuPro

Glass menuProGlass segmentedProGlass cardProGlass tab barPro

Sheet stackProWallet stackProControl centerProHolo cardProCard to articleProLink unfurlPro

Product galleryProLightbox galleryProPhoto gridProCover flowPro

Voice orbProNow playingProVoice recorderPro

Booking pillProActivity ringsProTime dialProDate reelPro

Keycap keyboardProSlot textSand textProTypewriter terminalPro

Stretch refreshProMorph loaderProSkeleton morphProBlack holeProCharge sessionPro

Sticker peelProTicket tearProPage curlProOrbit logosProPrize wheelPro

Dot gridProImage trailProGravity wellProInk fluidProCursor trail drawPro

Agent statusProTool callProAgent planProAgent timelineProContext windowProReasoning blockProSource cardsProModel cardProAI workflowProCode suggestionProGhost textProImage generationProDictation buttonProSpeech playerProMeeting summaryProReply draftProAgent handoffProPII redactionProResponse feedbackProLLM cost calculatorProProvider keysProGeneration statsProAI translateProTL;DR toggleProConnector setupProSmart form fillProEnrich columnProTicket routerProAsk your dataProAgent cursorProProvider statusProTraining runProAI commandProStarter promptsProAI mascotProImage revealProAI sparkProPixel mascotProGhost mascotProCube mascotProTone tunerProUpgrade promptProReferral cardProTrial bannerProTeam switcherProLive visitorsProSocial proof toastProInstall snippetPro

Data flowProPayment flowProDNS resolutionProModel trainingProMulti-region failoverProVector searchProBranch graphProAgent loopProMixture of expertsProSpeculative decodingProPrompt cacheProReasoning treePro
What’s new4 new
DocsChangelog

Changelog

New components, blocks, and docs improvements.

November 2026

Friday, November 13

Lens rangePro

Thursday, November 12

Import wizardPro

Wednesday, November 11

  • Saved: press S or click Save on any component or block page, and find everything again on one page with live previews and one install command for the free items. Signed in, the list follows you to every device.
  • A faster library sidebar: every group in one list you can fold, search by what you are building and not only by name, and a short description when you rest on a row.
Month calendarPro

Tuesday, November 10

Window rangePro

Monday, November 9

Cursor trail drawPro

Sunday, November 8

Pivot builderPro

Saturday, November 7

Ticket tearPro

Friday, November 6

Charge sessionPro

Thursday, November 5

Gantt timelinePro

Wednesday, November 4

Branch graphPro

Tuesday, November 3

Seat mapPro

Monday, November 2

DNS resolutionPro

Sunday, November 1

Toggle group

October 2026

Saturday, October 31

AI inline editPro

Friday, October 30

Table of contents progressProMetric tickerPro

Thursday, October 29

Prize wheelProImage trailProFeedback boardProUndo toastPro

Wednesday, October 28

Reasoning blockProSource cardsProModel cardProAI workflowProCode suggestionProGhost textProImage generationProDictation buttonProSpeech playerProMeeting summaryProReply draftProAgent handoffProPII redactionProResponse feedbackProLLM cost calculatorProProvider keysProGeneration statsProAI translateProTL;DR toggleProConnector setupProSmart form fillProEnrich columnProTicket routerProAsk your dataProAgent cursorProProvider statusProTraining runProAI commandProStarter promptsProAI mascotProImage revealProAI sparkProPixel mascotProGhost mascotProCube mascotProAgent builderProAI insight cardProCatch upProAgent galleryProAI feature launchProAI search barProAI setup wizardProSmart schedulerProTask breakdownProCall insightsProLead scoringProDomain verifyProTwo-factor setupProOnboarding surveyProWebhook testerProSeat managerProAccount healthProMagic linkProFeature votingProCredit top-upProGoal trackerProSpend alertProTone tunerProUpgrade promptProReferral cardProTrial bannerProTeam switcherProLive visitorsProSocial proof toastProInstall snippetPro

Tuesday, October 27

Confirm popoverProActivity feedPro

Monday, October 26

Profile pageProModel trainingPro

Sunday, October 25

Uptime statusProRuler slider

Saturday, October 24

Research runProTree table

Friday, October 23

Card to articleProAction swap

Thursday, October 22

Range histogram sliderDelivery trackerPro

Wednesday, October 21

Horizon chartProRating

Tuesday, October 20

Selection toolbarProOnboarding checklistAgent timelineProAI answerProModel pickerProModel arenaProPrompt studioProDocument extractionProAgent memoryProAgent tasksProAgent approvalsProAgent routinesProAgent orchestratorProMCP serversProKnowledge baseProEval suiteProAgent loopProMixture of expertsProSpeculative decodingProAgent statusProTool callProAgent planProPrompt cacheProReasoning treeProContext windowPro

Monday, October 19

Reorderable listScrub input

Sunday, October 18

Live checkoutProGlass segmentedPro

Saturday, October 17

Exploded viewProOnboarding illustrationPro

Friday, October 16

Expandable textBlack holePro

Thursday, October 15

Ink fluidProAvatar uploadPro

Wednesday, October 14

Presence stackProReactions

Tuesday, October 13

Emoji pickerProSticker peelPro

Monday, October 12

Cookie consentMega menu morphPro

Sunday, October 11

Icon morphKanban boardPro

Saturday, October 10

Holo cardProKeycap keyboardPro

Friday, October 9

Help centerProElastic slider

Thursday, October 8

Environment variablesProSplit barPro

Wednesday, October 7

Glass menuProShare accessPro

Tuesday, October 6

CountdownAI side panelPro

Monday, October 5

Morph selectChoropleth explorerPro

Sunday, October 4

Sand textProSearch resultsPro

Saturday, October 3

Money inputGravity wellPro

Friday, October 2

Button groupFloating button groupExpanding button groupPage curlProSettings commandPro

Thursday, October 1

Cancel flowProCard stack

September 2026

Wednesday, September 30

Password strengthActivity terrainProExpanding searchJSON viewer

Launch

Docs

  • Every component and block page now has installation with CLI and manual tabs, usage, an API reference, keyboard, accessibility, and motion notes.
  • Search the library with / or ⌘ K, filter the sidebar by Free or Pro, and read the new Installation, Theming, and Motion guides.
  • Close block variants share one page with a variant switcher: sidebars, login, onboarding, team, settings, pricing, checkout, analytics, AI chat, inbox and support, scheduling, project views, and feature sections. Old links still work.

Registry and AI

  • Install by name with the @uiarc registry namespace.
  • An MCP server, llms.txt, and a Markdown version of every page. See AI and MCP.

New components

Morph navProData gridProLightbox galleryProMorph loaderProVoice orbProSignature padDate range pickerColor pickerAction morphProShare sheetProLine chartDonut chartStreamgraphBrush chartRace bar chartProRidgelineTreemapSunburstProSankey flowProWaffle chartFunnel chartProRadar chartProRealtime streamProSlope chartAnnouncement barProduct galleryProSheet stackProPhone inputShortcut recorderConfirm morphMention inputChat threadRich text editorBilling toggleScroll areaRadio cardsComment threadDot gridProSlot textGlass cardProGlass tab barProSkeleton morphProOrbit logosProData flowProPayment flowProDate reelProMulti-region failoverProVector searchProTypewriter terminalProLink unfurlPro

New blocks

Agent runProWeek calendarProScroll storyProSpotlight gridProInvite peopleProCart drawerProPricing calculatorProAI chatProCheckout summaryProSite headerSite footerHero sectionFAQ sectionContact sectionUsage billingProKPI drilldownProBlog gridComparison tableFeature bentoProStats bandCTA sectionNewsletter signupProduct listingProProduct detailProHero signupProMarket terminalProBudget varianceProSmall multiplesProConnected scatterProLine replayPro

First release

The first public set of Arc components, special components, and blocks, with live previews and source.

PreviousAI and MCPNextBrowse components

On this page

  • November 2026
  • October 2026
  • September 2026
  • First release