Overview
Anta is an opinionated design system.
- it's carefully made for web apps
Import 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 DOM
No piles of utility classes and wrapping containers.
Variants, tones, and behavior are attributes:tone="critical",size="large". - it's easy to override
Global 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 components
The web components are fully declarative: they never change their own attributes
(a requirement for worker-thread UI rendering). - it uses JSX wrappers
For dynamic state and conditional composition. for React or PreactReact is a default runtime.
Preact works via compat.
Use custom runtime viaconfigure(). - it's well documented, typed, and AI-ready
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.