Open-source React components and blocks with calm, polished built-in motion.
Included Components
126
Try the demoMotionAI and MCPButtonAction buttonSplit buttonCopy buttonConfirm morphTheme switcherHold to confirmSwipe actionsDropdown menuContext menuUser menuInputTextareaPassword fieldSearch fieldInline editNumber fieldPhone inputTag inputMention inputShortcut recorderSelectComboboxMulti-selectChip groupRadio cardsBilling toggleCheckboxRadio groupSwitchSegmented controlSliderCalendarDate pickerDate range pickerTime pickerColor pickerRich text editorSignature padFile dropzoneTabsBreadcrumbPaginationScroll areaAccordionExpandable cardResizable panelsDialogDrawerBottom sheetPopoverHover cardTooltipAlertToastToast stackAnnouncement barProgressSkeletonStepperUsage meterAvatarAvatar groupBadgeCardMetric cardEmpty stateLine chartBar chartDonut chartStreamgraphBrush chartWaffle chartSlope chartSparklineGaugeActivity heatmapAnimated counterRidgelineTreemapSunburstSankey flowFunnel chartRadar chartRealtime streamRace bar chartData gridSortable data tableTree viewFilter toolbarCode blockTimelineComment threadChat threadImage compareCarouselText revealIn-view titleText morphText shimmerWhat’s new80NextAction buttonWhen to useWhen not to useUsageExamplesAPI referenceKeyboardAccessibilityResponsive behaviorPerformanceNotes for AIRelatedView as MarkdownLabel that morphs after savingKeyboard interactionsMorph SelectMetrics Dashboard BlockSparkline SliderVoice OrbLightbox GalleryInteractive DockConfirm Morph Button
Arc UI is a library of React components and dashboard blocks with built-in calm motion, designed by Elia Kuratli. Built directly on Radix UI and Motion, it bridges functional interface primitives with fluid layout animations. Components can be added via the shadcn CLI or referenced seamlessly by AI coding agents via its dedicated MCP server.
