Skip to content
/ ark Public

Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines

License

Notifications You must be signed in to change notification settings

chakra-ui/ark

Repository files navigation

@ark

CodeCov NPM GitHub stars

Available Components

React Solid Vue Svelte
Accordion 🟒 🟒 🟒 βšͺ
Avatar 🟒 βšͺ βšͺ βšͺ
Carousel 🟒 🟒 🟒 βšͺ
Checkbox 🟒 🟒 🟒 βšͺ
Color Picker 🟒 🟒 🟒 βšͺ
Date Picker 🟒 🟒 βšͺ βšͺ
Dialog 🟒 🟒 🟒 βšͺ
Combobox / Autocomplete 🟒 🟒 🟒 βšͺ
Editable 🟒 🟒 🟒 βšͺ
Environment 🟒 🟒 🟒 βšͺ
Hover Card 🟒 🟒 🟒 βšͺ
Menu 🟒 🟒 🟒 βšͺ
Number Input 🟒 🟒 🟒 βšͺ
Pagination 🟒 🟒 🟒 βšͺ
Pin Input 🟒 🟒 🟒 βšͺ
Popover 🟒 🟒 🟒 βšͺ
Pressable 🟒 🟒 🟒 βšͺ
Radio Group 🟒 🟒 🟒 βšͺ
Range Slider 🟒 🟒 🟒 βšͺ
Rating 🟒 🟒 🟒 βšͺ
Select 🟒 🟒 🟒 βšͺ
Segmented Control βšͺ βšͺ βšͺ βšͺ
Slider 🟒 🟒 🟒 βšͺ
Splitter 🟒 🟒 🟒 βšͺ
Switch 🟒 🟒 βšͺ βšͺ
Tabs 🟒 🟒 🟒 βšͺ
Tags Input 🟒 🟒 🟒 βšͺ
Toast 🟒 🟒 🟒 βšͺ
Tooltip 🟒 🟒 🟒 βšͺ

Contributing

Preview Components

Although Ark is a headless component library, as a developer you still want to make sure that the components behave correctly. At the time of writing neither Storybook nor Storybook alternatives support all major frontend frameworks.

So instead we are recommending Preview.js, an IDE plugin with support for React, SolidJS, Svelte and Vue. The plugin is available for VSCode and JetBrains based IDEs.