Skip to content
ARC UI ARC Reactive Components
Docs Components Tokens Synthesizer
v2.1.0
Getting Started Frameworks Design Tokens Theming Theme Synthesizer Accessibility Browser Support Changelog Contributing All Components App ShellAspect GridAuth ShellCenterClusterContainerDashboard GridDockFloat BarInsetMasonryPage HeaderPage LayoutResizableResponsive SwitcherSectionSettings LayoutSplit PaneStatus BarStickyToolbar Anchor NavBottom NavBreadcrumbBreadcrumb MenuCommand BarDrawerFooterLinkNavigation MenuPage IndicatorPaginationRailScroll IndicatorScroll SpyScroll To TopSidebarSkip LinkSpeed DialStepper NavTabsTop BarTree View AccordionAspect RatioAvatarAvatar GroupCalloutCardCarouselCollapsibleColor SwatchCTA BannerDividerEmpty StateFeature CardIconImageInfinite ScrollMarqueeScroll AreaSeparatorSkeletonSpinnerStackVirtual List Animated NumberBadgeComparisonCountdown TimerData TableDescription ListDiffKey ValueListMeterSparklineStatStepperTableTagTimelineValue Card BlockquoteCode BlockGradient TextHighlightKbdMarkdownNumber FormatProseTextTime AgoTruncateTypewriter ButtonButton GroupCalendarCheckboxChipColor PickerComboboxCopy ButtonDate PickerFieldsetFile UploadFormHotkeyIcon ButtonInputInput GroupLabelMulti SelectNumber InputOTP InputPin InputRadio GroupRange SliderRatingSearchSegmented ControlSelectSliderSortable ListSwitch GroupTextareaTheme ToggleTime PickerToggle AlertAnnouncementBannerCommand PaletteConfirmConnection StatusContext MenuDialogDropdown MenuGuided TourHover CardInline MessageLoading OverlayModalNotification PanelPopoverProgressProgress ToastSheetSnackbarSpotlightToastTooltip

Browser Support

ARC UI targets modern evergreen browsers. All components use native Web Components APIs (Custom Elements v1 and Shadow DOM v1).

Overview

ARC UI is built on Lit 3, which compiles to standard JavaScript modules. No transpilation to ES5 or legacy module formats is provided. The library ships as ESM-only (type: "module").

Supported Browsers

Chrome / Edge
90+
Full support including all CSS features
Firefox
100+
Full support
Safari / iOS Safari
15.4+
Full support (Shadow DOM, Custom Elements, Constructable Stylesheets)
Samsung Internet
15+
Full support (Chromium-based)
Internet Explorer is not supported. Web Components APIs are not available in IE11 and no polyfill is provided.

Web Components APIs

ARC UI relies on the following browser APIs:

APIChromeFirefoxSafariNotes
Custom Elements v167+63+10.1+Core component registration
Shadow DOM v153+63+10+Style encapsulation
ES Modules61+60+10.1+Import/export syntax
Constructable Stylesheets73+101+16.4+Used by Lit for style sharing
CSS Custom Properties49+31+9.1+Design token system
IntersectionObserver51+55+12.1+Infinite scroll, scroll spy
Clipboard API66+63+13.1+Copy button (code blocks)

Polyfills

For evergreen browsers, no polyfills are required. If you need to support older browsers, the @webcomponents/webcomponentsjs polyfill bundle provides Custom Elements and Shadow DOM support. Load it before any ARC UI imports:

The polyfill adds approximately 15 KB (gzipped) and may degrade performance. We recommend targeting evergreen browsers instead.

Node.js

The build tooling and development server require Node.js 24+ (LTS Krypton) and pnpm 10+. These are enforced via the engines field in package.json.

See Also
ARC UI

Accelerated with AI. Engineered with precision.

ARC UI

Arclight

© 2026 Arclight Digital, LLC. All rights reserved.

Documentation generated with AI assistance and reviewed by humans. Found an issue? Open a GitHub issue.

Privacy Policy