/ark

Universal headless UI components for the web. Powered by Zag.js

Primary LanguageTypeScriptMIT LicenseMIT

@ark

CodeCov NPM GitHub stars

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.

State

React Solid Vue
Accordion 🟢 🟢 🟢
Carousel (Beta) 🟢 ⚪ ⚪
Checkbox 🟢 🟢 🟢
Dialog 🟢 🟢 🟢
Combobox 🟢 🟢 🟢
Editable 🟢 🟢 🟢
Environment 🟢 🟢 ⚪
Hover Card 🟢 🟢 🟢
Menu 🟢 🟢 🟢
Number Input 🟢 🟢 🟢
Pagination 🟢 🟢 🟢
Pin Input 🟢 🟢 🟢
Popover 🟢 🟢 🟢
Pressable 🟢 🟢 🟢
Radio Group 🟢 🟢 🟢
Range Slider 🟢 🟢 🟢
Rating 🟢 🟢 🟢
Select 🟢 🟢 🟢
Slider 🟢 🟢 🟢
Splitter 🟢 🟢 🟢
Tabs 🟢 🟢 🟢
Tags Input 🟢 🟢 ⚪
Toast 🟢 🟢 ⚪
Tooltip 🟢 🟢 🟢