Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chakra-ui/ark
A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.
https://github.com/chakra-ui/ark
accordion carousel checkbox color-picker combobox dialog editable headless menu pagination popover react select solid tabs toast vue
Last synced: 26 days ago
JSON representation
A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.
- Host: GitHub
- URL: https://github.com/chakra-ui/ark
- Owner: chakra-ui
- Created: 2022-10-26T08:49:36.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-14T11:04:26.000Z (7 months ago)
- Last Synced: 2024-04-14T11:20:38.812Z (7 months ago)
- Topics: accordion, carousel, checkbox, color-picker, combobox, dialog, editable, headless, menu, pagination, popover, react, select, solid, tabs, toast, vue
- Language: TypeScript
- Homepage: https://ark-ui.com
- Size: 20.3 MB
- Stars: 2,947
- Watchers: 20
- Forks: 74
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-react-headless-components - Ark UI - A headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks. (Libraries)
README
@ark
## What is Ark UI?
Ark UI is a headless, open-source UI library with over 30+ components designed for building
reusable, scalable Design Systems. It supports a wide range of JavaScript frameworks, offering
dedicated packages for each supported framework.
## Components
| | React | Solid | Svelte | Vue |
| --------------------------------------------------------------------------------- | ----- | ----- | ------ | --- |
| [Accordion](https://ark-ui.com/react/docs/components/accordion) | ✓ | ✓ | | ✓ |
| [Avatar](https://ark-ui.com/react/docs/components/avatar) | ✓ | ✓ | | ✓ |
| [Carousel](https://ark-ui.com/react/docs/components/carousel) | ✓ | ✓ | | ✓ |
| [Checkbox](https://ark-ui.com/react/docs/components/checkbox) | ✓ | ✓ | | ✓ |
| [Clipboard](https://ark-ui.com/react/docs/components/clipboard) | ✓ | ✓ | | ✓ |
| [Collapsible](https://ark-ui.com/react/docs/components/collapsible) | ✓ | ✓ | | ✓ |
| [Color Picker](https://ark-ui.com/react/docs/components/color-picker) | ✓ | ✓ | | ✓ |
| [Combobox](https://ark-ui.com/react/docs/components/combobox) | ✓ | ✓ | | ✓ |
| [Date Picker](https://ark-ui.com/react/docs/components/date-picker) | ✓ | ✓ | | ✓ |
| [Dialog](https://ark-ui.com/react/docs/components/dialog) | ✓ | ✓ | | ✓ |
| [Editable](https://ark-ui.com/react/docs/components/editable) | ✓ | ✓ | | ✓ |
| [Field](https://ark-ui.com/react/docs/components/field) | ✓ | ✓ | | ✓ |
| [Fieldset](https://ark-ui.com/react/docs/components/fieldset) | ✓ | ✓ | | ✓ |
| [File Upload](https://ark-ui.com/react/docs/components/file-upload) | ✓ | ✓ | | ✓ |
| [Hover Card](https://ark-ui.com/react/docs/components/hover-card) | ✓ | ✓ | | ✓ |
| [Menu](https://ark-ui.com/react/docs/components/menu) | ✓ | ✓ | | ✓ |
| [Number Input](https://ark-ui.com/react/docs/components/number-input) | ✓ | ✓ | | ✓ |
| [Pagination](https://ark-ui.com/react/docs/components/pagination) | ✓ | ✓ | | ✓ |
| [Pin Input](https://ark-ui.com/react/docs/components/pin-input) | ✓ | ✓ | | ✓ |
| [Popover](https://ark-ui.com/react/docs/components/popover) | ✓ | ✓ | | ✓ |
| [Presence](https://ark-ui.com/react/docs/components/presence) | ✓ | ✓ | | ✓ |
| [Progress - Circular](https://ark-ui.com/react/docs/components/circular-progress) | ✓ | ✓ | | ✓ |
| [Progress - Linear](https://ark-ui.com/react/docs/components/linear-progress) | ✓ | ✓ | | ✓ |
| [Radio Group](https://ark-ui.com/react/docs/components/radio-group) | ✓ | ✓ | | ✓ |
| [Rating Group](https://ark-ui.com/react/docs/components/rating-group) | ✓ | ✓ | | ✓ |
| [Segment Group](https://ark-ui.com/react/docs/components/segment-group) | ✓ | ✓ | | ✓ |
| [Select](https://ark-ui.com/react/docs/components/select) | ✓ | ✓ | | ✓ |
| [Signature Pad](https://ark-ui.com/react/docs/components/signature-pad) | ✓ | ✓ | | ✓ |
| [Slider](https://ark-ui.com/react/docs/components/slider) | ✓ | ✓ | | ✓ |
| [Splitter](https://ark-ui.com/react/docs/components/splitter) | ✓ | ✓ | | ✓ |
| [Switch](https://ark-ui.com/react/docs/components/switch) | ✓ | ✓ | | ✓ |
| [Tabs](https://ark-ui.com/react/docs/components/tabs) | ✓ | ✓ | | ✓ |
| [Tags Input](https://ark-ui.com/react/docs/components/tags-input) | ✓ | ✓ | | ✓ |
| [Time Picker](https://ark-ui.com/react/docs/components/time-picker) | ✓ | ✓ | | ✓ |
| [Timer](https://ark-ui.com/react/docs/components/timer) | ✓ | ✓ | | ✓ |
| [Toast](https://ark-ui.com/react/docs/components/toast) | ✓ | ✓ | | ✓ |
| [Toggle Group](https://ark-ui.com/react/docs/components/toggle-group) | ✓ | ✓ | | ✓ |
| [Tooltip](https://ark-ui.com/react/docs/components/tooltip) | ✓ | ✓ | | ✓ |
| [Tree View](https://ark-ui.com/react/docs/components/tree-view) | ✓ | ✓ | | ✓ |
## Documentation
For more detailed documentation and examples, please visit the
[official documentation](https://ark-ui.com/).
## Roadmap
You can request, vote for, and check upcoming features on our [roadmap](https://ark-ui.canny.io/).
## Contribution
We welcome contributions to Ark UI. Please read our
[contributing guidelines](https://github.com/chakra-ui/ark/blob/main/CONTRIBUTING.md) for more
information on how to contribute.
## License
This project is licensed under the terms of the
[MIT license](https://github.com/chakra-ui/ark/blob/main/LICENSE).