AntaOverview
Switch to dark theme
Search documentation
On this page

Overview

Anta is an opinionated design system.

  • it's carefully made for web appsImport the whole library (~200kb gzipped)
    or selected components to minimize your bundle.
    There is no CSS-in-JS runtime.
  • it has a clean, attribute-driven DOMNo piles of utility classes and wrapping containers.
    Variants, tones, and behavior are attributes: tone="critical", size="large".
  • it's easy to overrideGlobal CSS tokens (auto-switching default light/dark styles) with an optional theme.
    Customizable with attributes or plain CSS at the per-component level.
  • it has framework-agnostic web componentsThe web components are fully declarative: they never change their own attributes
    (a requirement for worker-thread UI rendering).
  • it uses JSX wrappersFor dynamic state and conditional composition. for React or PreactReact is a default runtime.
    Preact works via compat.
    Use custom runtime via configure().
  • it's well documented, typed, and AI-ready
Warning

Much of this documentation was generated with AI.
We plan a careful human editorial pass in September–October 2026.

If AI-authored technical documentation is a concern for you, do not judge Anta solely by this first draft. The comparison page can help you decide whether it fits your project.