# antuikit > Ant Design v6 components copied into your project from a registry, themed by one token contract. Docs: https://antuikit.com/docs ## Install npx antuikit@latest init npx antuikit@latest add ## Components - [ActionBar](https://antuikit.com/docs/components/action-bar/llms.txt): A floating toolbar you open where you need it, often for a selection, with roving focus between its Items and Esc to close. - [Actions](https://antuikit.com/docs/components/actions/llms.txt): Actions, a row of icon buttons under a chat reply, with the more and copy glyphs drawn from the icon pack and `Actions.Copy`, `Actions.Feedback`, `Actions.Item` and `Actions.Audio` attached. - [Affix](https://antuikit.com/docs/components/affix/llms.txt): Affix. Adds nothing beyond `className` merging through `cn()`. - [Alert](https://antuikit.com/docs/components/alert/llms.txt): Alert with an `emphasis` axis and a neutral `type="default"`. - [Anchor](https://antuikit.com/docs/components/anchor/llms.txt): Anchor with a minimap variant: a rail of dashes that shows reading progress and opens into the full list. - [Attachments](https://antuikit.com/docs/components/attachments/llms.txt): Attachments, a file upload area that lists the files as cards. Draws the add, remove and scroll glyphs of the file list from the icon pack, and merges `className` through `cn()`. - [AutoComplete](https://antuikit.com/docs/components/autocomplete/llms.txt): AutoComplete, with `text` and `bare` variants and room on the left of each option for a ring or a pulse that draws past its box. - [Avatar](https://antuikit.com/docs/components/avatar/llms.txt): Avatar with a ring, a readable colorless default, a `squircle` shape, a `variant` and `color` pair, and an `indicator` slot on the shape's corner. - [Badge](https://antuikit.com/docs/components/badge/llms.txt): Badge with `emphasis`, `shape`, `elevated`, `pulse`, theme palette colors and a raised count. - [BorderBeam](https://antuikit.com/docs/components/border-beam/llms.txt): BorderBeam, plus a `reverse` prop that runs the beam counterclockwise. - [Breadcrumb](https://antuikit.com/docs/components/breadcrumb/llms.txt): Breadcrumb. Centers every crumb and separator on the row. - [Bubble](https://antuikit.com/docs/components/bubble/llms.txt): Bubble, a chat message, with `Bubble.List`, `Bubble.System` and `Bubble.Divider` attached. Adds a `solid` variant, a `color` prop, a `squircle` shape, and the kit's Divider inside `Bubble.Divider`. - [Button](https://antuikit.com/docs/components/button/llms.txt): Button with a `squircle` shape, theme palettes on `color`, an `avatar` face, a centered `loading` spinner that keeps the button's size, and a `default` color that stays neutral on hover and press. - [Calendar](https://antuikit.com/docs/components/calendar/llms.txt): Calendar. Adds nothing beyond `className` merging through `cn()`. - [Card](https://antuikit.com/docs/components/card/llms.txt): Card with `color`, `emphasis`, `shape`, `disabled`, a `footer`, an `inset` type and a `tabList` bar in the kit's Tabs style. - [Carousel](https://antuikit.com/docs/components/carousel/llms.txt): Carousel. Adds nothing beyond `className` merging through `cn()`. - [Cascader](https://antuikit.com/docs/components/cascader/llms.txt): Cascader, with `text` and `bare` variants and room on the left of the field and each menu item for a ring or a pulse that draws past its box. - [Checkbox](https://antuikit.com/docs/components/checkbox/llms.txt): Checkbox with `Checkbox.Group` attached. Adds an `orientation` (and `vertical`) prop to the group that stacks its options. - [CodeHighlighter](https://antuikit.com/docs/components/code-highlighter/llms.txt): CodeHighlighter, a code block with syntax colors and a copy button. Colors the code from the theme so it follows dark mode, draws the copy glyphs from the icon pack, and merges `className` through `cn()`. - [Collapse](https://antuikit.com/docs/components/collapse/llms.txt): Collapse. Adds nothing beyond `className` merging through `cn()`. - [ColorPicker](https://antuikit.com/docs/components/colorpicker/llms.txt): ColorPicker with a `shape` for the trigger's corners and the panel's step buttons drawn from your icon pack. - [Conversations](https://antuikit.com/docs/components/conversations/llms.txt): Conversations, a list of chats with its add, "more" and collapse glyphs drawn from the icon pack, and `Conversations.Creation` attached. - [DataGrid](https://antuikit.com/docs/components/data-grid/llms.txt): A spreadsheet-like grid drawn from a `useDataGrid` table: virtualized rows, a sticky header, sticky pinned columns, cell editing, range selection and the keyboard map. - [DataTable](https://antuikit.com/docs/components/data-table/llms.txt): A table drawn from a `useDataTable` table, in antd Table's sizes and surfaces, with sticky pinned columns, an ActionBar for selected rows, a right-click menu, and empty and loading states. - [DatePicker](https://antuikit.com/docs/components/datepicker/llms.txt): DatePicker, with `text` and `bare` variants, and the suffix and the panel's arrows drawn from your icon pack. - [Descriptions](https://antuikit.com/docs/components/descriptions/llms.txt): Descriptions. Adds nothing beyond `className` merging through `cn()`. - [Divider](https://antuikit.com/docs/components/divider/llms.txt): Divider with a `wave` line style and a `none` size that removes the margin. - [Drawer](https://antuikit.com/docs/components/drawer/llms.txt): Drawer with a `floating` panel that sits off the screen edges, a `divided` switch for the header and footer lines, a `flush` body and `small` padding. - [Dropdown](https://antuikit.com/docs/components/dropdown/llms.txt): Dropdown with the kit's icons, theme-matched dividers and a check on the selected items of a selectable menu. - [ECharts Bar](https://antuikit.com/docs/components/echarts-bar/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Custom](https://antuikit.com/docs/components/echarts-custom/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Dataset](https://antuikit.com/docs/components/echarts-dataset/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Financial](https://antuikit.com/docs/components/echarts-financial/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Flows](https://antuikit.com/docs/components/echarts-flows/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Gauge](https://antuikit.com/docs/components/echarts-gauge/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Graphic](https://antuikit.com/docs/components/echarts-graphic/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Heatmaps](https://antuikit.com/docs/components/echarts-heatmaps/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Hierarchies](https://antuikit.com/docs/components/echarts-hierarchies/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Line](https://antuikit.com/docs/components/echarts-line/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Maps](https://antuikit.com/docs/components/echarts-maps/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Matrix](https://antuikit.com/docs/components/echarts-matrix/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Networks](https://antuikit.com/docs/components/echarts-networks/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Palettes](https://antuikit.com/docs/components/echarts-palettes/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Pictorial](https://antuikit.com/docs/components/echarts-pictorial/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Pie](https://antuikit.com/docs/components/echarts-pie/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Radar](https://antuikit.com/docs/components/echarts-radar/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [ECharts Scatter](https://antuikit.com/docs/components/echarts-scatter/llms.txt): An ECharts chart painted with the theme's chart colors, axes, tooltip and type scale, in light and dark mode, compact mode and inside a `ThemeScope`. It resizes with its element. - [Empty](https://antuikit.com/docs/components/empty/llms.txt): Empty, with the kit's own line illustrations in place of antd's two presets. - [FileCard](https://antuikit.com/docs/components/file-card/llms.txt): FileCard, a file shown as a card or a media preview, with `FileCard.List` attached, whose remove and scroll glyphs come from the icon pack. - [Flex](https://antuikit.com/docs/components/flex/llms.txt): Flex whose `gap` also takes the spacing ramp's names, so a gap follows the theme's size tokens and compact mode. - [FloatButton](https://antuikit.com/docs/components/floatbutton/llms.txt): FloatButton with its default icons drawn from your icon pack, a `squircle` shape, and a shadow without the hairline ring, plus `Group` and `BackTop`. - [Folder](https://antuikit.com/docs/components/folder/llms.txt): Folder, a file tree beside a preview of the selected file, with the chevron, folder, file and copy glyphs drawn from the icon pack. - [Form](https://antuikit.com/docs/components/form/llms.txt): Form, with its validation feedback icons taken from the active icon pack. - [Grid](https://antuikit.com/docs/components/grid/llms.txt): Row, Col and `useBreakpoint`, where Row and Col add nothing beyond `className` merging through `cn()`. - [Image](https://antuikit.com/docs/components/image/llms.txt): Image with the preview toolbar's six icons drawn from your icon pack, and corners set on `classNames.root` carried to the hover cover. - [Input](https://antuikit.com/docs/components/input/llms.txt): Input, with `text` and `bare` variants and the clear icon drawn from your icon pack. - [InputNumber](https://antuikit.com/docs/components/inputnumber/llms.txt): InputNumber with `text` and `bare` variants and its stepper icons drawn from your icon pack. - [Kiosk accessibility toggle](https://antuikit.com/docs/components/kiosk-accessibility/llms.txt) - [Kiosk attract loop](https://antuikit.com/docs/components/kiosk-attract-loop/llms.txt) - [Kiosk flow stepper](https://antuikit.com/docs/components/kiosk-flow-stepper/llms.txt) - [Kiosk idle guard](https://antuikit.com/docs/components/kiosk-idle-guard/llms.txt) - [Kiosk keyboard](https://antuikit.com/docs/components/kiosk-keyboard/llms.txt) - [Kiosk language picker](https://antuikit.com/docs/components/kiosk-lang-picker/llms.txt) - [Kiosk payment status](https://antuikit.com/docs/components/kiosk-payment-status/llms.txt) - [Kiosk printing status](https://antuikit.com/docs/components/kiosk-printing-status/llms.txt) - [Kiosk result screen](https://antuikit.com/docs/components/kiosk-result-screen/llms.txt) - [Kiosk scan panel](https://antuikit.com/docs/components/kiosk-scan-panel/llms.txt) - [Kiosk shell](https://antuikit.com/docs/components/kiosk-shell/llms.txt) - [Kiosk signature pad](https://antuikit.com/docs/components/kiosk-signature-pad/llms.txt) - [Kiosk summary card](https://antuikit.com/docs/components/kiosk-summary-card/llms.txt) - [Kiosk tap prompt](https://antuikit.com/docs/components/kiosk-tap-prompt/llms.txt) - [Kiosk tile menu](https://antuikit.com/docs/components/kiosk-tile-menu/llms.txt) - [Kiosk touch stepper](https://antuikit.com/docs/components/kiosk-touch-stepper/llms.txt) - [Layout](https://antuikit.com/docs/components/layout/llms.txt): Layout and its four regions, with the Sider's collapse trigger drawn from the active icon pack. Header, Content and Footer add only `className` merging. - [Listy](https://antuikit.com/docs/components/listy/llms.txt): Listy, with no divider under its last row. - [Masonry](https://antuikit.com/docs/components/masonry/llms.txt): Masonry, a column layout for items of uneven height. Adds nothing beyond `className` merging through `cn()`. - [Mentions](https://antuikit.com/docs/components/mentions/llms.txt): Mentions, with `text` and `bare` variants, a `borderless` field as tall as the others, and the clear button's glyph drawn from the kit's icon pack. - [Menu](https://antuikit.com/docs/components/menu/llms.txt): Menu, with the submenu arrow and the horizontal overflow icon taken from your icon pack, and an inline menu's first level starting where a vertical menu's does. - [Mermaid](https://antuikit.com/docs/components/mermaid/llms.txt): Mermaid, a diagram drawn from Mermaid syntax in the theme's colors, light or dark, framed as a Card, with its toolbar glyphs from the icon pack. - [message](https://antuikit.com/docs/components/message/llms.txt): The message API, with the kit's icon for each message type. - [Modal](https://antuikit.com/docs/components/modal/llms.txt): Modal. Adds nothing beyond `className` merging through `cn()`. - [notification](https://antuikit.com/docs/components/notification/llms.txt): The notification API, with status icons from your icon pack and a `shape`. - [Pagination](https://antuikit.com/docs/components/pagination/llms.txt): Pagination with the prev, next and jumper icons, and the size changer's search icon, drawn from the kit's icon pack. - [Popconfirm](https://antuikit.com/docs/components/popconfirm/llms.txt): Popconfirm with its warning icon drawn from your icon pack, and an OK button that keeps its size and place while it loads. - [Popover](https://antuikit.com/docs/components/popover/llms.txt): Popover with `size`, `shape` and `transition`, and preset colors that fill the whole bubble with readable text. - [Progress](https://antuikit.com/docs/components/progress/llms.txt): Progress with status icons from your icon pack and an animated indicator. - [Prompts](https://antuikit.com/docs/components/prompts/llms.txt): Prompts, a set of suggested questions to start or continue a chat. Adds nothing beyond `className` merging through `cn()`. - [QRCode](https://antuikit.com/docs/components/qrcode/llms.txt): QRCode, with the expired state's refresh button drawn from the kit's icon pack. - [Radio](https://antuikit.com/docs/components/radio/llms.txt): Radio. Centers the labels of a vertical `Radio.Button` group, which antd leaves at the start. - [Rate](https://antuikit.com/docs/components/rate/llms.txt): Rate with the star drawn from your icon pack, at the filled weight, and the `tooltips` drawn as the kit's small Tooltip. - [Recharts Annotations](https://antuikit.com/docs/components/recharts-annotations/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Area](https://antuikit.com/docs/components/recharts-area/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Bar](https://antuikit.com/docs/components/recharts-bar/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Composed](https://antuikit.com/docs/components/recharts-composed/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Hierarchies](https://antuikit.com/docs/components/recharts-hierarchies/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Line](https://antuikit.com/docs/components/recharts-line/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Palettes](https://antuikit.com/docs/components/recharts-palettes/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Pie](https://antuikit.com/docs/components/recharts-pie/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Radar](https://antuikit.com/docs/components/recharts-radar/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Scatter](https://antuikit.com/docs/components/recharts-scatter/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Recharts Tooltip](https://antuikit.com/docs/components/recharts-tooltip/llms.txt): A responsive frame for one Recharts chart that paints its grid, axes, cursor and labels with the theme's chart colors and exposes each series color as `var(--series-)`. - [Result](https://antuikit.com/docs/components/result/llms.txt): Result with the `success`, `error`, `info` and `warning` icons drawn from your icon pack, illustrations for `403`, `404`, `500` and a dozen more statuses, in the kit's line style or in Ant Design's colors. - [Ribbon](https://antuikit.com/docs/components/ribbon/llms.txt): Ribbon, a corner banner around a card, with an `emphasis` axis, a softer corner and a smaller label. - [Segmented](https://antuikit.com/docs/components/segmented/llms.txt): Segmented with concentric item corners at any theme radius, and option tooltips in the kit's small bubble. - [Select](https://antuikit.com/docs/components/select/llms.txt): Select, with `text` and `bare` variants, its icons from your icon pack, a Tag from `tagRender` sized to the field, and room on the left for a ring or a pulse that draws past its box. - [Sender](https://antuikit.com/docs/components/sender/llms.txt): Sender, the chat input with a send button, with its glyphs drawn from the icon pack and `Sender.Header` and `Sender.Switch` attached. - [Skeleton](https://antuikit.com/docs/components/skeleton/llms.txt): Skeleton, with its five element placeholders attached. Skeleton.Image draws the icon pack's `image` glyph in place of antd's picture. - [Slider](https://antuikit.com/docs/components/slider/llms.txt): Slider, with the value tooltip drawn as the kit's small Tooltip, an `inset` look with the handle inside a tall rail in two sizes, a `color` for the fill, and a `shape` for its corners. - [Sources](https://antuikit.com/docs/components/sources/llms.txt): Sources, the list of links an answer was drawn from, as a folding list or an inline marker. Draws its arrows from the icon pack, and merges `className` through `cn()`. - [Space](https://antuikit.com/docs/components/space/llms.txt): Space, with `Space.Compact` attached. Adds nothing beyond `className` merging through `cn()`. - [Spin](https://antuikit.com/docs/components/spin/llms.txt): Spin with a thinner `percent` ring, and otherwise the same as antd's. - [Splitter](https://antuikit.com/docs/components/splitter/llms.txt): Splitter with a rail at the theme's line width, a grip that shows on hover, and collapse chevrons from your icon pack. - [Statistic](https://antuikit.com/docs/components/statistic/llms.txt): Statistic, with `Timer` attached. Adds nothing beyond `className` merging through `cn()`. - [Steps](https://antuikit.com/docs/components/steps/llms.txt): Steps with a neutral or primary `color`, pack glyphs for finish, error and `maxCount`, icons that scale with `size`, a vertical `type="inline"` rail with the kit's Tooltip, and a rounded `panel` arrow. - [Suggestion](https://antuikit.com/docs/components/suggestion/llms.txt): Suggestion, a menu of commands that opens from a chat input. Adds nothing beyond `className` merging through `cn()`. Its submenu arrow comes from the icon pack through `AntuikitProvider`. - [Switch](https://antuikit.com/docs/components/switch/llms.txt): Switch, with a `color` for the on track, a `shape` for its corners, and a hover state while a wrapping `