React | Solid | Vue | Svelte | |
---|---|---|---|---|
Accordion | 🟢 | 🟢 | 🟢 | ⚪ |
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 | 🟢 | 🟢 | 🟢 | ⚪ |
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.