• Stars
    star
    259
  • Rank 151,949 (Top 4 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 4 years ago
  • Updated 7 months ago

Reviews

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

Repository Details

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

chakra-ui-vue-next

@chakra-ui/vue for Vue 3 (WIP)

The official working repository for V1 of Chakra UI Vue with Vue 3 support.

See Roadmap

Install dependencies

pnpm install

pnpm build

# Start packages dev server
pnpm dev


# In separate terminal
pnpm playground:dev

Development Guide

Major todos:

  • [-] Documentation (WIP)
  • [-] Accessibility JS hooks (WIP, Documented in Roadmap)

Creating a new commit message

The commits follow the conventional commit format. Husky is setup to lint your commit messages to match this format.

type(scope?): subject #scope is optional; multiple scopes are supported (current delimiter options: "/", "\" and ",")

For example:

git commit -m "feat(component): create x component"

git commit -m "chore: update x dependencies"

For more information visit: conventional-changelog/commitlint

Project Stats

Alt

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

ark

A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks.
TypeScript
2,994
star
5

chakra-ui-vue

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

awesome-chakra-ui

A collection of Chakra UI-related awesomeness
412
star
7

chakra-ui-docs

Documentation website for chakra ui
MDX
297
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