• Stars
    star
    2,994
  • Rank 14,461 (Top 0.3 %)
  • Language
    TypeScript
  • Created over 1 year ago
  • Updated 5 days ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.

@ark

CodeCov NPM GitHub stars

Available Components

React Solid Vue
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 🟢 🟢 🟢
Segment Group 🟢 🟢
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.

More Repositories

1

chakra-ui

⚡️ Simple, Modular & Accessible UI Components for your React Applications
MDX
36,533
star
2

panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
TypeScript
4,673
star
3

zag

Finite state machines for building accessible design systems and UI components.
TypeScript
3,645
star
4

chakra-ui-vue

⚡️ Build scalable and accessible Vue.js applications with ease.
JavaScript
1,857
star
5

awesome-chakra-ui

A collection of Chakra UI-related awesomeness
412
star
6

chakra-ui-docs

Documentation website for chakra ui
MDX
297
star
7

chakra-ui-vue-next

⚡️ The next most epic version of Chakra UI Vue based on Vue 3 🚀(WIP)
TypeScript
259
star
8

zag-docs

Documentation website for Zag
TypeScript
127
star
9

frontity-chakra-ui-theme

A Frontity theme built with Chakra UI
JavaScript
103
star
10

polymorphic

Polymorphic component factories for JSX frameworks
TypeScript
71
star
11

pro-component-issues

Bug fixes and feature request tracking for Chakra UI Pro.
62
star
12

design-vs-dev

This is the repo for Chakra UI's Design vs Dev Challenges. You can watch the YouTube series here: https://www.youtube.com/playlist?list=PLLh_woCGjyGqed2oBdr7K0r7HcS6X4DCH
TypeScript
55
star
13

eslint-plugin-panda

Official ESLint Plugin for Panda CSS
TypeScript
53
star
14

panda-vscode

The official Panda CSS VSCode extension
TypeScript
34
star
15

play.chakra-ui.com

The Playground for Chakra UI
TypeScript
33
star
16

vscode-snippets

VSCode Snippets for Chakra UI
JavaScript
20
star
17

chakra-codemod

Codemod transformations to help upgrade to the latest Chakra UI
TypeScript
19
star
18

pro-theme

Chakra UI Pro Theme
TypeScript
14
star
19

vue-docs

Chakra UI Vue (v2) Official Documentation
TypeScript
13
star
20

chakra-loader

Chakra UI Vue webpack loader for auto-import and registration of Chakra components
JavaScript
12
star
21

panda-templates

Showcasing how to use Panda in various frameworks
11
star
22

vue-cli-plugin-chakra-ui

This plugin setups Chakra UI Vue in your Vue CLI generated projoect
JavaScript
8
star
23

examples

Chakra UI example projects
7
star
24

chakra-ui-themes

TypeScript
6
star
25

chakra-ui-docusaurus

TypeScript
6
star
26

figpilot-issues

Issue Tracker for FigPilot
5
star
27

rfcs

RFCs for Chakra UI
5
star
28

gatsby-starter-chakra-ui-ts

TypeScript
2
star
29

hackathon

TypeScript
1
star