AntaComparison
npm 0.3.30 npm package 0.3.30 GitHub GitHub repository
Switch to dark theme
Search documentation

Comparison

Frameworks, styling, licenses, and browser support

System Frameworks Styling License Browser support
Anta @antadesign/anta 0.3.26 Web components (React and Preact wrappers) Plain CSS + CSS-variable tokens MIT 2024 Chrome / Edge 125 (2024), Safari 17.4 (2024), and Firefox 126 (2024), or later. Requires custom elements, ElementInternals, Popover, and modern CSS.
MUI @mui/material 9.4.0 React CSS-in-JS (Emotion) MIT core + paid MUI X 2024 Chrome 117 (2023), Edge 121 (2024), Firefox 121 (2024), and Safari 17.0 (2023), or later.
Mantine @mantine/core 9.6.0 React CSS Modules + CSS variables MIT 2022 Tested on Chromium 108 (2022), Firefox 101 (2022), and Safari 15.4 (2022), or later.
Astryx @astryxdesign/core 0.5.3 React StyleX (precompiled atomic CSS) MIT 2024 / 2026 Two documented tiers: functional support at Baseline 2024 and full fidelity at Baseline 2026. Older functional-tier browsers need a positioning fallback for anchored overlays.
Ant antd 6.6.2 React (Angular, Vue community ports) CSS-in-JS + CSS variables (v6) MIT ~2023 Estimated compatibility: Chrome / Edge 111+, Firefox 121+, and Safari 16.2+ (2023), based on :has(), color-mix(), and ResizeObserver in current components. Ant Design officially targets modern browsers; some enhancements can require newer versions.
Gravity @gravity-ui/uikit 7.49.0 React CSS (BEM classes) + CSS variables MIT ~2023 Estimated compatibility: Chrome / Edge 105+, Firefox 121+, and Safari 15.4+ (2023), based on :has() in theme CSS, Array.at() in tabs and tables, and ResizeObserver. Extension packages can add requirements.
shadcn Base UI Tailwind Base UI registry React (Vue, Svelte community ports) Tailwind + CSS variables MIT 2024 Depends on the selected primitives. Tailwind CSS 4 requires Safari 16.4 (2023), Chrome 111 (2023), and Firefox 128 (2024), or later.
Untitled UI React Aria Tailwind React app source React Tailwind CSS + React Aria MIT core + paid Pro tier 2024 Tailwind CSS 4 requires Safari 16.4 (2023), Chrome 111 (2023), and Firefox 128 (2024), or later. React Aria can add feature-specific requirements.
Blueprint @blueprintjs/core 6.18.0 React Sass-compiled CSS (bp6- classes) Apache-2.0 ~2023 Estimated compatibility: Chrome / Edge 111+, Firefox 113+, and Safari 16.2+ (2023), based on color-mix() in core CSS. Relative-color enhancements have fallbacks. The repository maintains a rolling Browserslist target.
Carbon @carbon/react 1.115.0 React + Lit web components (Angular, Vue, Svelte community) Sass + CSS variables Apache-2.0 ~2023 Estimated compatibility: Chrome / Edge 105+, Firefox 121+, and Safari 16+ (2023), based on :has() and container queries in the shipped CSS. Official support covers the latest stable browser releases.
Atlaskit @atlaskit/tokens 16.11.2 React Compiled CSS-in-JS + tokens Package-specific OSS + ADS terms ~2022 Estimated compatibility for compiled controls: Chrome / Edge 86+, Firefox 85+, and Safari 15.4+ (2022), based on CSS variables and :focus-visible. Other packages can require newer features. Official support follows the target Atlassian product.
WA @awesome.me/webawesome 3.12.0 Web components (React, Vue, Angular, Svelte guides) CSS framework + CSS variables MIT core + paid Pro tier ~2024 Estimated compatibility: Chrome / Edge 125+, Firefox 128+, and Safari 18+ (2024). Current styles use custom states and relative OKLCH colors. Official support covers the latest two major browser versions.
Polaris Polaris CDN 1.x; 1.1 RC Web components Locked to the Shopify look Restricted (Shopify apps) ~2023 Estimated compatibility: Chrome / Edge 105+, Firefox 121+, and Safari 16.4+ (2023), based on :has(), container queries, and form-associated custom elements. The CDN includes a Popover polyfill. Shopify does not guarantee this minimum set.

Browser years summarize minimum-version release dates. ~ marks a compatibility estimate from shipped CSS and APIs, checked against MDN browser data. Each value includes browser versions, the estimate’s basis, and the official support policy. Astryx lists functional and full-fidelity tiers.

The systems

Sizes measure full imports, minified with esbuild and compressed with gzip, including separately compressed base CSS. Figures round up to 10 KiB and exclude React and React DOM. Each card lists its measured package or source snapshot and other exclusions.

These imports cover different component sets. Selective imports and copied components usually ship less code. Measure your application before comparing download costs.

Anta

@antadesign/anta 0.3.26
Gzipped size ~100 KiB Measured: @antadesign/anta 0.3.16.Wrappers, elements, CSS, tokens, and reset. Excludes React, the branded theme, and stickers. Browser support 2024 Chrome / Edge 125 (2024), Safari 17.4 (2024), and Firefox 126 (2024), or later. Requires custom elements, ElementInternals, Popover, and modern CSS.

Framework-agnostic web components with optional React/Preact wrappers and no style runtime.

Strengths

  • Runs in React, Preact, and plain HTML; JSX wrappers are optional.
  • Plain CSS and cascade layers support overrides without a style runtime.
  • Shared color, font, and focus tokens support light and dark themes.

Trade-offs

  • No data grid or chart components in the published package.
  • Requires modern browsers and provides no baseline polyfills.
  • The API is still in 0.x and can change between minor releases.

Sources: Installation and browser support · Theming

MUI (Material UI)

@mui/material 9.4.0
Gzipped size ~170 KiB Measured: @mui/material 9.2.0.Material UI core and Emotion. Excludes React, icons, MUI X, and date adapters. Browser support 2024 Chrome 117 (2023), Edge 121 (2024), Firefox 121 (2024), and Safari 17.0 (2023), or later.

MUI’s React implementation of Google’s Material Design.

Strengths

  • Core controls plus MUI X data grids, charts, and date pickers.
  • Themes provide component variants, slot overrides, and CSS variables.
  • v9 adds NumberField and Menubar and expands keyboard navigation.

Trade-offs

  • Emotion resolves styles at runtime; Pigment CSS remains on hold.
  • Some MUI X features require Pro or Premium licenses.
  • React-only. Custom designs can require component-level overrides.

Sources: v9 features · Browser requirements · Project status

Mantine

@mantine/core 9.6.0
Gzipped size ~210 KiB Measured: @mantine/core 9.4.2.Core components, hooks, and CSS. Excludes React and extension packages. Browser support 2022 Tested on Chromium 108 (2022), Firefox 101 (2022), and Safari 15.4 (2022), or later.

A React library with extensive hooks and official form, date, and chart packages.

Strengths

  • Official packages cover forms, dates, charts, notifications, and rich text.
  • CSS Modules and CSS variables avoid runtime CSS-in-JS.
  • The Styles API exposes component selectors and CSS variables.

Trade-offs

  • v9 requires React 19.2 or later; older React apps need an earlier Mantine major.
  • Extensions add dependencies such as Recharts and Tiptap.

Sources: Packages and setup · v9 requirements · Browser policy

Astryx

@astryxdesign/core 0.5.3
Gzipped size ~260 KiB Measured: @astryxdesign/core 0.1.8.Core components, StyleX runtime, and precompiled CSS. Excludes React. Browser support 2024 / 2026 Two documented tiers: functional support at Baseline 2024 and full fidelity at Baseline 2026. Older functional-tier browsers need a positioning fallback for anchored overlays.

Meta's React design system on StyleX, with precompiled CSS and first-party AI-agent tooling.

Strengths

  • Components, templates, and brand theming built on React and StyleX.
  • Precompiled CSS needs no StyleX build step; source compilation is optional for tree-shaking.
  • Agent tooling includes an MCP server, `llms.txt`, and a CLI for context files and source ejection.

Trade-offs

  • Requires React 19 and a StyleX runtime peer dependency.
  • Overlay positioning depends on CSS anchor positioning or an application-provided fallback.
  • The public package is in 0.x; check migrations when updating.

Sources: Components and tooling · Browser tiers

Ant Design

antd 6.6.2
Gzipped size ~470 KiB Measured: antd 6.5.2.All antd exports and its CSS-in-JS runtime. Excludes React and separately imported charts and icons. Browser support ~2023 Estimated compatibility: Chrome / Edge 111+, Firefox 121+, and Safari 16.2+ (2023), based on :has(), color-mix(), and ResizeObserver in current components. Ant Design officially targets modern browsers; some enhancements can require newer versions.

An enterprise React library for data-dense admin and dashboard UIs.

Strengths

  • Table, Form, Transfer, and Cascader cover data-heavy application flows.
  • Theme tokens provide dark and compact modes.
  • v6 exposes semantic element styles and class names across components.

Trade-offs

  • v6 requires React 18 or later and retains a CSS-in-JS runtime.
  • Overrides that depend on internal DOM structure can need migration work.
  • React-only; Vue and Angular versions are separate community projects.

Sources: v6 requirements · Component changes · Checkbox focus styles

Gravity UI

@gravity-ui/uikit 7.49.0
Gzipped size ~220 KiB Measured: @gravity-ui/uikit 7.47.1.UIKit components and CSS. Excludes React, icons, dates, charts, and the headless table package. Browser support ~2023 Estimated compatibility: Chrome / Edge 105+, Firefox 121+, and Safari 15.4+ (2023), based on :has() in theme CSS, Array.at() in tabs and tables, and ResizeObserver. Extension packages can add requirements.

A React design system with separate packages for controls, data tables, charts, and navigation.

Strengths

  • A broad core plus packages for dates, icons, charts, navigation, and a headless data table.
  • Built-in light, dark, and high-contrast themes, with CSS variables and a hosted theme editor.
  • Supports React 16.14 through 19 in one release.

Trade-offs

  • React-only.
  • Dates, charts, and the data table add separate dependencies.

Sources: UIKit requirements and packages · Shipped theme CSS

shadcn Base UI Tailwind

Base UI registry
Gzipped size ~350 KiB Measured: shadcn/ui source @ 705ce59.61 Base UI registry components and generated Tailwind CSS. Excludes React and Lucide. Browser support 2024 Depends on the selected primitives. Tailwind CSS 4 requires Safari 16.4 (2023), Chrome 111 (2023), and Firefox 128 (2024), or later.

Tailwind-styled source copied into your repo by CLI, using Base UI primitives by default.

Strengths

  • Copied source can be edited directly in your repository.
  • Base UI is the default; Radix and React Aria are also supported.
  • The CLI installs components, styles, and their dependencies.

Trade-offs

  • Tailwind is required; generated components use utility classes throughout.
  • Upstream fixes require manual diffs, especially after local edits.
  • You own consistency across copied files, and registry quality varies.

Sources: Default Base UI registry · React Aria option · Tailwind browser requirements

Untitled UI React Aria Tailwind

React app source
Gzipped size ~410 KiB Measured: Untitled UI source @ eaee6a5.102 base and application source files, React Aria, and generated Tailwind CSS. Excludes React, Next.js, and icons. Browser support 2024 Tailwind CSS 4 requires Safari 16.4 (2023), Chrome 111 (2023), and Firefox 128 (2024), or later. React Aria can add feature-specific requirements.

React and Tailwind component source built on React Aria, with a companion Figma kit.

Strengths

  • Component source can be edited directly in your repository.
  • React Aria provides the underlying interaction primitives.
  • Includes application and marketing components with a companion Figma kit.

Trade-offs

  • Uses React 19.2, Tailwind CSS 4, and React Aria runtime dependencies.
  • Additional components, page examples, and design assets have paid tiers.
  • You own consistency and upgrades across copied files.

Sources: Stack and licensing · Tailwind browser requirements

Blueprint

@blueprintjs/core 6.18.0
Gzipped size ~350 KiB Measured: @blueprintjs/core 6.17.2.Core components and compiled CSS. Excludes React and the Table, Select, and Datetime packages. Browser support ~2023 Estimated compatibility: Chrome / Edge 111+, Firefox 113+, and Safari 16.2+ (2023), based on color-mix() in core CSS. Relative-color enhancements have fallbacks. The repository maintains a rolling Browserslist target.

Palantir's React toolkit for complex, data-dense desktop interfaces.

Strengths

  • Built for dense desktop tools: a virtualized Table, Omnibar, and dual-calendar date picker.
  • Core CSS ships precompiled and can be customized with Sass.
  • FocusStyleManager switches focus indicators by input method.

Trade-offs

  • Designed for desktop applications; test touch-heavy flows separately.
  • Table, Select, and Datetime are separate packages.
  • React-only.

Sources: Toolkit and packages · Browser targets · Shipped CSS and fallbacks

Carbon

@carbon/react 1.115.0
Gzipped size ~300 KiB Measured: @carbon/react 1.112.0.React components and compiled Carbon CSS. Excludes React, separately imported icons, charts, and web components. Browser support ~2023 Estimated compatibility: Chrome / Edge 105+, Firefox 121+, and Safari 16+ (2023), based on :has() and container queries in the shipped CSS. Official support covers the latest stable browser releases.

IBM's enterprise design system for React and first-party web components.

Strengths

  • Publishes component accessibility results, including manual screen-reader checks mapped to WCAG.
  • First-party React and web-component implementations.
  • Theme-scoped role tokens support four built-in themes.

Trade-offs

  • The documented React setup requires a Sass build step.
  • Typography and component customization can require Sass or CSS overrides.
  • Angular, Vue, and Svelte implementations are community-maintained.

Sources: React setup · Frameworks and browser policy · Themes · Shipped CSS

Atlassian (Atlaskit)

@atlaskit/tokens 16.11.2
Gzipped size ~600 KiB Measured: 57-package snapshot, July 2026.57 Design System packages. Excludes React, tables, icons, editors, and product packages. Browser support ~2022 Estimated compatibility for compiled controls: Chrome / Edge 86+, Firefox 85+, and Safari 15.4+ (2022), based on CSS variables and :focus-visible. Other packages can require newer features. Official support follows the target Atlassian product.

Atlassian’s React design system, distributed as independently versioned packages.

Strengths

  • Design tokens and components used in Atlassian products.
  • Compiled styles ship as CSS alongside the packages.
  • Separate utilities include Pragmatic drag and drop and Focus ring.

Trade-offs

  • Independently versioned packages require dependency coordination.
  • The recommended build setup adds Babel and Compiled configuration.
  • ADS terms cover Atlassian integrations; individual open-source packages may grant broader rights.

Sources: Build setup · Design system license · Button focus styles

Web Awesome

@awesome.me/webawesome 3.12.0
Gzipped size ~190 KiB Measured: @awesome.me/webawesome 3.10.0.Free components, Lit, and base CSS. Excludes Pro components and web fonts. Browser support ~2024 Estimated compatibility: Chrome / Edge 125+, Firefox 128+, and Safari 18+ (2024). Current styles use custom states and relative OKLCH colors. Official support covers the latest two major browser versions.

Font Awesome's framework-agnostic web components and CSS framework, succeeding Shoelace.

Strengths

  • Works in any stack or plain HTML without a build step.
  • Includes form controls, layout utilities, observers, and Toasts.
  • CSS variables and shadow parts support theming.

Trade-offs

  • Combobox, date and file inputs, Data Grid, charts, and video require Pro.
  • Lit is a runtime dependency alongside React or Vue.
  • Its own docs describe SSR support as experimental.

Sources: Components and Pro features · Server rendering · Browser policy · Shipped theme CSS

Shopify Polaris

Polaris CDN 1.x; 1.1 RC
Gzipped size ~120 KiB Measured: polaris.js, July 31, 2026.CDN script with embedded component CSS. Excludes separately loaded fonts and icons. Browser support ~2023 Estimated compatibility: Chrome / Edge 105+, Firefox 121+, and Safari 16.4+ (2023), based on :has(), container queries, and form-associated custom elements. The CDN includes a Popover polyfill. Shopify does not guarantee this minimum set.

Shopify's web-component system for apps that must match Shopify Admin.

Strengths

  • Web components match Shopify Admin across frameworks.
  • Box exposes layout, spacing, border, and color properties.
  • CDN versioning now separates compatible updates from major upgrades.

Trade-offs

  • Styled for Shopify apps, with customization limited to the exposed properties.
  • The 1.1 release candidate changes in place until it becomes stable.
  • Use is subject to Shopify’s app-specific license terms.

Sources: CDN versioning · 1.1 release candidate · Box properties · CDN implementation

Component coverage

Component Anta MUI Mantine Astryx Ant Gravity shadcn Untitled Blueprint Carbon Atlaskit WA Polaris
Button Button, icon button, group Included Anta — Button: Included Included MUI (Material UI) — Button: Included Included Mantine — Button: Included Included Astryx — Button: Included Included Ant Design — Button: Included Included Gravity UI — Button: Included Included shadcn + Base UI + Tailwind — Button: Included Included Untitled UI + React Aria + Tailwind — Button: Included Included Blueprint — Button: Included Included Carbon — Button: Included Included Atlassian (Atlaskit) — Button: Included Included Web Awesome — Button: Included Included Shopify Polaris — Button: Included
Text input Text, number, password, textarea Included Anta — Text input: Included Included MUI (Material UI) — Text input: Included Included Mantine — Text input: Included Included Astryx — Text input: Included Included Ant Design — Text input: Included Included Gravity UI — Text input: Included Included shadcn + Base UI + Tailwind — Text input: Included Included Untitled UI + React Aria + Tailwind — Text input: Included Included Blueprint — Text input: Included Included Carbon — Text input: Included Included Atlassian (Atlaskit) — Text input: Included Included Web Awesome — Text input: Included Included Shopify Polaris — Text input: Included
Select Single/multi dropdown select Included Anta — Select: Included Included MUI (Material UI) — Select: Included Included Mantine — Select: Included Included Astryx — Select: Included Included Ant Design — Select: Included Included Gravity UI — Select: Included Included shadcn + Base UI + Tailwind — Select: Included Included Untitled UI + React Aria + Tailwind — Select: Included Included Blueprint — Select: Included Included Carbon — Select: Included Included Atlassian (Atlaskit) — Select: Included Included Web Awesome — Select: Included Included Shopify Polaris — Select: Included
Combobox Autocomplete, searchable select Included Anta — Combobox: Included Included MUI (Material UI) — Combobox: Included Included Mantine — Combobox: Included Included Astryx — Combobox: Included Included Ant Design — Combobox: Included Basic or community-only Gravity UI — Combobox: Basic or community-only Included shadcn + Base UI + Tailwind — Combobox: Included Included Untitled UI + React Aria + Tailwind — Combobox: Included Included Blueprint — Combobox: Included Included Carbon — Combobox: Included Basic or community-only Atlassian (Atlaskit) — Combobox: Basic or community-only Paid / commercial tier Web Awesome — Combobox: Paid / commercial tier Not shipped Shopify Polaris — Combobox: Not shipped
Checkbox / Radio / Switch Toggles and choice groups Included Anta — Checkbox / Radio / Switch: Included Included MUI (Material UI) — Checkbox / Radio / Switch: Included Included Mantine — Checkbox / Radio / Switch: Included Included Astryx — Checkbox / Radio / Switch: Included Included Ant Design — Checkbox / Radio / Switch: Included Included Gravity UI — Checkbox / Radio / Switch: Included Included shadcn + Base UI + Tailwind — Checkbox / Radio / Switch: Included Included Untitled UI + React Aria + Tailwind — Checkbox / Radio / Switch: Included Included Blueprint — Checkbox / Radio / Switch: Included Included Carbon — Checkbox / Radio / Switch: Included Included Atlassian (Atlaskit) — Checkbox / Radio / Switch: Included Included Web Awesome — Checkbox / Radio / Switch: Included Included Shopify Polaris — Checkbox / Radio / Switch: Included
Slider Range / value slider Included Anta — Slider: Included Included MUI (Material UI) — Slider: Included Included Mantine — Slider: Included Included Astryx — Slider: Included Included Ant Design — Slider: Included Included Gravity UI — Slider: Included Included shadcn + Base UI + Tailwind — Slider: Included Included Untitled UI + React Aria + Tailwind — Slider: Included Included Blueprint — Slider: Included Included Carbon — Slider: Included Included Atlassian (Atlaskit) — Slider: Included Included Web Awesome — Slider: Included Not shipped Shopify Polaris — Slider: Not shipped
Date & time Calendar, date/time picker Included Anta — Date & time: Included Included MUI (Material UI) — Date & time: Included Included Mantine — Date & time: Included Included Astryx — Date & time: Included Included Ant Design — Date & time: Included Basic or community-only Gravity UI — Date & time: Basic or community-only Included shadcn + Base UI + Tailwind — Date & time: Included Included Untitled UI + React Aria + Tailwind — Date & time: Included Included Blueprint — Date & time: Included Included Carbon — Date & time: Included Included Atlassian (Atlaskit) — Date & time: Included Paid / commercial tier Web Awesome — Date & time: Paid / commercial tier Included Shopify Polaris — Date & time: Included
Tabs Tab strip + panels Included Anta — Tabs: Included Included MUI (Material UI) — Tabs: Included Included Mantine — Tabs: Included Included Astryx — Tabs: Included Included Ant Design — Tabs: Included Included Gravity UI — Tabs: Included Included shadcn + Base UI + Tailwind — Tabs: Included Included Untitled UI + React Aria + Tailwind — Tabs: Included Included Blueprint — Tabs: Included Included Carbon — Tabs: Included Included Atlassian (Atlaskit) — Tabs: Included Included Web Awesome — Tabs: Included Included Shopify Polaris — Tabs: Included
Menu Dropdown, context, menubar Included Anta — Menu: Included Included MUI (Material UI) — Menu: Included Included Mantine — Menu: Included Included Astryx — Menu: Included Included Ant Design — Menu: Included Included Gravity UI — Menu: Included Included shadcn + Base UI + Tailwind — Menu: Included Included Untitled UI + React Aria + Tailwind — Menu: Included Included Blueprint — Menu: Included Included Carbon — Menu: Included Included Atlassian (Atlaskit) — Menu: Included Included Web Awesome — Menu: Included Included Shopify Polaris — Menu: Included
Tooltip / Popover Hover + click surfaces Included Anta — Tooltip / Popover: Included Included MUI (Material UI) — Tooltip / Popover: Included Included Mantine — Tooltip / Popover: Included Included Astryx — Tooltip / Popover: Included Included Ant Design — Tooltip / Popover: Included Included Gravity UI — Tooltip / Popover: Included Included shadcn + Base UI + Tailwind — Tooltip / Popover: Included Included Untitled UI + React Aria + Tailwind — Tooltip / Popover: Included Included Blueprint — Tooltip / Popover: Included Included Carbon — Tooltip / Popover: Included Included Atlassian (Atlaskit) — Tooltip / Popover: Included Included Web Awesome — Tooltip / Popover: Included Included Shopify Polaris — Tooltip / Popover: Included
Dialog Modal, drawer, sheet Included Anta — Dialog: Included Included MUI (Material UI) — Dialog: Included Included Mantine — Dialog: Included Included Astryx — Dialog: Included Included Ant Design — Dialog: Included Included Gravity UI — Dialog: Included Included shadcn + Base UI + Tailwind — Dialog: Included Included Untitled UI + React Aria + Tailwind — Dialog: Included Included Blueprint — Dialog: Included Basic or community-only Carbon — Dialog: Basic or community-only Included Atlassian (Atlaskit) — Dialog: Included Included Web Awesome — Dialog: Included Basic or community-only Shopify Polaris — Dialog: Basic or community-only
Notification Toast, banner, inline alert Included Anta — Notification: Included Included MUI (Material UI) — Notification: Included Included Mantine — Notification: Included Included Astryx — Notification: Included Included Ant Design — Notification: Included Included Gravity UI — Notification: Included Included shadcn + Base UI + Tailwind — Notification: Included Paid / commercial tier Untitled UI + React Aria + Tailwind — Notification: Paid / commercial tier Included Blueprint — Notification: Included Included Carbon — Notification: Included Included Atlassian (Atlaskit) — Notification: Included Included Web Awesome — Notification: Included Basic or community-only Shopify Polaris — Notification: Basic or community-only
Expander Disclosure / Accordion Included Anta — Expander: Included Included MUI (Material UI) — Expander: Included Included Mantine — Expander: Included Included Astryx — Expander: Included Included Ant Design — Expander: Included Included Gravity UI — Expander: Included Included shadcn + Base UI + Tailwind — Expander: Included Paid / commercial tier Untitled UI + React Aria + Tailwind — Expander: Paid / commercial tier Included Blueprint — Expander: Included Included Carbon — Expander: Included Not shipped Atlassian (Atlaskit) — Expander: Not shipped Included Web Awesome — Expander: Included Not shipped Shopify Polaris — Expander: Not shipped
Table Table / data grid Basic or community-only Anta — Table: Basic or community-only Included MUI (Material UI) — Table: Included Basic or community-only Mantine — Table: Basic or community-only Included Astryx — Table: Included Included Ant Design — Table: Included Included Gravity UI — Table: Included Included shadcn + Base UI + Tailwind — Table: Included Included Untitled UI + React Aria + Tailwind — Table: Included Included Blueprint — Table: Included Included Carbon — Table: Included Included Atlassian (Atlaskit) — Table: Included Paid / commercial tier Web Awesome — Table: Paid / commercial tier Included Shopify Polaris — Table: Included
Tag / Badge Tag, badge, chip, lozenge Included Anta — Tag / Badge: Included Included MUI (Material UI) — Tag / Badge: Included Included Mantine — Tag / Badge: Included Included Astryx — Tag / Badge: Included Included Ant Design — Tag / Badge: Included Included Gravity UI — Tag / Badge: Included Included shadcn + Base UI + Tailwind — Tag / Badge: Included Included Untitled UI + React Aria + Tailwind — Tag / Badge: Included Included Blueprint — Tag / Badge: Included Included Carbon — Tag / Badge: Included Included Atlassian (Atlaskit) — Tag / Badge: Included Included Web Awesome — Tag / Badge: Included Included Shopify Polaris — Tag / Badge: Included
Progress Bar, spinner, skeleton Included Anta — Progress: Included Included MUI (Material UI) — Progress: Included Included Mantine — Progress: Included Included Astryx — Progress: Included Included Ant Design — Progress: Included Included Gravity UI — Progress: Included Included shadcn + Base UI + Tailwind — Progress: Included Included Untitled UI + React Aria + Tailwind — Progress: Included Included Blueprint — Progress: Included Included Carbon — Progress: Included Included Atlassian (Atlaskit) — Progress: Included Included Web Awesome — Progress: Included Basic or community-only Shopify Polaris — Progress: Basic or community-only
Avatar Avatar / avatar group Included Anta — Avatar: Included Included MUI (Material UI) — Avatar: Included Included Mantine — Avatar: Included Included Astryx — Avatar: Included Included Ant Design — Avatar: Included Included Gravity UI — Avatar: Included Included shadcn + Base UI + Tailwind — Avatar: Included Included Untitled UI + React Aria + Tailwind — Avatar: Included Not shipped Blueprint — Avatar: Not shipped Not shipped Carbon — Avatar: Not shipped Included Atlassian (Atlaskit) — Avatar: Included Included Web Awesome — Avatar: Included Included Shopify Polaris — Avatar: Included
Card Card / tile / surface Included Anta — Card: Included Included MUI (Material UI) — Card: Included Included Mantine — Card: Included Included Astryx — Card: Included Included Ant Design — Card: Included Included Gravity UI — Card: Included Included shadcn + Base UI + Tailwind — Card: Included Not shipped Untitled UI + React Aria + Tailwind — Card: Not shipped Included Blueprint — Card: Included Included Carbon — Card: Included Basic or community-only Atlassian (Atlaskit) — Card: Basic or community-only Included Web Awesome — Card: Included Included Shopify Polaris — Card: Included
Steps Stepper, wizard, progress tracker Included Anta — Steps: Included Included MUI (Material UI) — Steps: Included Included Mantine — Steps: Included Not shipped Astryx — Steps: Not shipped Included Ant Design — Steps: Included Included Gravity UI — Steps: Included Basic or community-only shadcn + Base UI + Tailwind — Steps: Basic or community-only Paid / commercial tier Untitled UI + React Aria + Tailwind — Steps: Paid / commercial tier Not shipped Blueprint — Steps: Not shipped Included Carbon — Steps: Included Included Atlassian (Atlaskit) — Steps: Included Not shipped Web Awesome — Steps: Not shipped Not shipped Shopify Polaris — Steps: Not shipped
Breadcrumbs Breadcrumb navigation Included Anta — Breadcrumbs: Included Included MUI (Material UI) — Breadcrumbs: Included Included Mantine — Breadcrumbs: Included Included Astryx — Breadcrumbs: Included Included Ant Design — Breadcrumbs: Included Included Gravity UI — Breadcrumbs: Included Included shadcn + Base UI + Tailwind — Breadcrumbs: Included Paid / commercial tier Untitled UI + React Aria + Tailwind — Breadcrumbs: Paid / commercial tier Included Blueprint — Breadcrumbs: Included Included Carbon — Breadcrumbs: Included Included Atlassian (Atlaskit) — Breadcrumbs: Included Included Web Awesome — Breadcrumbs: Included Not shipped Shopify Polaris — Breadcrumbs: Not shipped
Icons Bundled icon set Included Anta — Icons: Included Included MUI (Material UI) — Icons: Included Basic or community-only Mantine — Icons: Basic or community-only Included Astryx — Icons: Included Included Ant Design — Icons: Included Included Gravity UI — Icons: Included Basic or community-only shadcn + Base UI + Tailwind — Icons: Basic or community-only Included Untitled UI + React Aria + Tailwind — Icons: Included Included Blueprint — Icons: Included Included Carbon — Icons: Included Included Atlassian (Atlaskit) — Icons: Included Included Web Awesome — Icons: Included Included Shopify Polaris — Icons: Included
Typography Text / title components Included Anta — Typography: Included Included MUI (Material UI) — Typography: Included Included Mantine — Typography: Included Included Astryx — Typography: Included Included Ant Design — Typography: Included Included Gravity UI — Typography: Included Not shipped shadcn + Base UI + Tailwind — Typography: Not shipped Included Untitled UI + React Aria + Tailwind — Typography: Included Basic or community-only Blueprint — Typography: Basic or community-only Basic or community-only Carbon — Typography: Basic or community-only Basic or community-only Atlassian (Atlaskit) — Typography: Basic or community-only Basic or community-only Web Awesome — Typography: Basic or community-only Included Shopify Polaris — Typography: Included
Charts First-party data viz Not shipped Anta — Charts: Not shipped Included MUI (Material UI) — Charts: Included Included Mantine — Charts: Included Basic or community-only Astryx — Charts: Basic or community-only Included Ant Design — Charts: Included Basic or community-only Gravity UI — Charts: Basic or community-only Included shadcn + Base UI + Tailwind — Charts: Included Included Untitled UI + React Aria + Tailwind — Charts: Included Not shipped Blueprint — Charts: Not shipped Included Carbon — Charts: Included Not shipped Atlassian (Atlaskit) — Charts: Not shipped Paid / commercial tier Web Awesome — Charts: Paid / commercial tier Not shipped Shopify Polaris — Charts: Not shipped
Utility containers Boxes with observers Included Anta — Utility containers: Included (Box, Capture) Included MUI (Material UI) — Utility containers: Included (ClickAwayListener) Included Mantine — Utility containers: Included (useResizeObserver) Included Astryx — Utility containers: Included (useScrollOverflow) Not shipped Ant Design — Utility containers: Not shipped Included Gravity UI — Utility containers: Included (useResizeObserver) Included shadcn + Base UI + Tailwind — Utility containers: Included (Scroll Area) Included Untitled UI + React Aria + Tailwind — Utility containers: Included (React Aria useMove) Included Blueprint — Utility containers: Included (ResizeSensor) Not shipped Carbon — Utility containers: Not shipped Included Atlassian (Atlaskit) — Utility containers: Included (Pragmatic drag and drop) Included Web Awesome — Utility containers: Included (Resize Observer) Included Shopify Polaris — Utility containers: Included (Box (responsive styling and accessibility))
Focus utility Focus detection and traps Basic or community-only Anta — Focus utility: Basic or community-only (Tabs, RadioGroup, Menu, and Calendar manage keyboard focus; Dialog traps and restores focus; Box detects focus within) Included MUI (Material UI) — Focus utility: Included (Unstable_TrapFocus (experimental)) Included Mantine — Focus utility: Included (FocusTrap, useFocusTrap) Included Astryx — Focus utility: Included (useFocusTrap, useListFocus) Not shipped Ant Design — Focus utility: Not shipped Not shipped Gravity UI — Focus utility: Not shipped Not shipped shadcn + Base UI + Tailwind — Focus utility: Not shipped Included Untitled UI + React Aria + Tailwind — Focus utility: Included (React Aria FocusScope, useFocusManager) Included Blueprint — Focus utility: Included (FocusStyleManager (focus indicators)) Not shipped Carbon — Focus utility: Not shipped Not shipped Atlassian (Atlaskit) — Focus utility: Not shipped Not shipped Web Awesome — Focus utility: Not shipped Not shipped Shopify Polaris — Focus utility: Not shipped