• Stars
    star
    3,720
  • Rank 11,864 (Top 0.3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 2 years ago
  • Updated 27 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
TypeScript
37,613
star
2

panda

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

zag

Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
TypeScript
3,969
star
4

chakra-ui-vue

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

awesome-chakra-ui

A collection of Chakra UI-related awesomeness
447
star
6

chakra-ui-docs

Documentation website for chakra ui
MDX
303
star
7

chakra-ui-vue-next

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

zag-docs

Documentation website for Zag
TypeScript
127
star
9

frontity-chakra-ui-theme

A Frontity theme built with Chakra UI
JavaScript
104
star
10

polymorphic

Polymorphic component factories for JSX frameworks
TypeScript
73
star
11

eslint-plugin-panda

Official ESLint Plugin for Panda CSS
TypeScript
71
star
12

pro-component-issues

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

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
56
star
14

panda-vscode

The official Panda CSS VSCode extension
TypeScript
48
star
15

play.chakra-ui.com

The Playground for Chakra UI
TypeScript
37
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
17
star
19

panda-mastery-lessons

Panda Mastery Course Content (as Code)
TypeScript
14
star
20

vue-docs

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

chakra-loader

Chakra UI Vue webpack loader for auto-import and registration of Chakra components
JavaScript
13
star
22

panda-templates

Showcasing how to use Panda in various frameworks
11
star
23

vue-cli-plugin-chakra-ui

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

chakra-ui-docusaurus

TypeScript
7
star
25

examples

Chakra UI example projects
7
star
26

chakra-ui-themes

TypeScript
6
star
27

figpilot-issues

Issue Tracker for FigPilot
5
star
28

rfcs

RFCs for Chakra UI
5
star
29

gatsby-starter-chakra-ui-ts

TypeScript
3
star
30

hackathon

TypeScript
1
star