Have something to say?
Request a component
Missing a component or a pattern (a block, a layout, a page)? Open a post for it, or upvote one that already exists. The most voted requests move to Next up.
More icon packs
Which icon library should be next? Adding a pack is a mapping table plus a small adapter, so it is also a good first contribution. Comment with the pack you want.
Storybook with visual regression tests
Screenshot every component in light, dark, compact and RTL on each change, so an antd upgrade that shifts a pixel is caught before it ships.
DTCG token import and export
Read and write the W3C Design Tokens (DTCG) format, so your antuikit theme can move to and from Tokens Studio, Style Dictionary and other tools.
Theme preset gallery
A gallery of ready-made tokens.json themes to start from: preview one on the components, copy the file, done. Vote if you would use this, and tell us which looks you want.
Token engine as its own npm package
Today tokens:build runs a script copied into your project. Moving the engine to a package means engine fixes and new antd versions arrive with a version bump instead of a re-copy.
Figma Code Connect
Select a component in Figma and get the matching antuikit code, with the right props, in Dev Mode.
Chart.js integration
The last of the chart libraries: a Chart.js wrapper reading the same chart tokens and palettes as the TanStack, Recharts and ECharts wrappers.
Figma plugin: sync Figma Variables with your theme
A Figma plugin that maps Figma Variables to your tokens.json file and back, so a designer’s change to a color or radius reaches the code as a token edit rather than a handoff note.
Data Grid
A data grid built on the kit’s own components: filtering, sorting, column control and row reordering, themed by your tokens like the rest of antuikit.
ECharts integration
An ECharts wrapper that resolves your theme tokens into colors ECharts can read, so canvas and SVG charts follow light, dark and ThemeScope like everything else. Hundreds of ported examples across the docs.
Copy any demo as LLM input
Every demo has Copy as LLM input and Open in Claude / ChatGPT buttons. The payload carries the code with your import paths, the install command and the props used. Each component also has an llms.txt.
Charts: TanStack Charts and Recharts
Chart wrappers whose series, grid, axis and label colors come from your theme. Three series palettes (mono, accent, multi), dark mode and nested ThemeScope are handled for you.
Ant Design X: AI chat components
Bubble, Sender, Conversations, Think and the rest of Ant Design X ship as wrappers, themed by your tokens in light, dark and compact, with every glyph from your chosen icon pack.
antuikit CLI: create, init, add
npx antuikit@latest create scaffolds a new project, init wires an existing one (layer order, token bridge, registry namespace, tokens:build script), and add installs components. It runs the real shadcn CLI underneath.
Seven icon packs, swappable with one command
Components ask for an icon role (close, search, success), never a library. Pick Fluent, Lucide, Tabler, Phosphor, Remix, Hugeicons or Ant Design Icons with npx antuikit icons set, and every component follows. Only one icon library ends up in your bundle.
Token contract: one theme file for light and dark
Your theme lives in a tokens.json file: seeds plus explicit deviations, with light and dark as modes in one file. antd tokens become Tailwind utilities (bg-primary, p-lg, rounded-lg), and ThemeScope re-themes any subtree.
55+ Ant Design v6 components as a copy-paste registry
Every component is a thin wrapper over antd v6 that you copy into your project and own. Install with npx antuikit add. Tailwind v4 utilities beat antd styles through layer order, with no !important anywhere.