samsonroyal / chakra-nuxt-v1-demo

Chakra UI Nuxt Next - Starter

This repo is a starter template for the next version of Chakra UI Vue v1. v1 was rewriten from the ground up with the following new features:

• TS support
• Powered by UI state machines
• Improved theming API design. You can see the theme to see the new theming API usage
• Semantic Tokens
• More low-level hooks and composables

Chakra UI Vue Next is under heavy active development. Whereas this beta is testable, some internal changes may occur. If you're building something critical, I do not recommend using it in production yet. Unless of course you're bold and fearless. :D In any case, if you've got questions, please DM me on Twitter.

Documentation (Heavily WIP)

https://next.vue.chakra-ui.com

If you would like to contribute to the docs, or component development, please reach out to me on Twitter.

See available components

Components Playground: https://chakra-ui-vue-next-playground-git-develop-chakra-ui.vercel.app/ V1 Repo: https://github.com/chakra-ui/chakra-ui-vue-next

Got questions?

DM me on Twitter

Contributing

The Chakra UI Vue team is composed of only 4 people maintaining Chakra UI in our free time. So we're always happy to get some helping hands! If this interests, please DM me on Twitter

Setup

Make sure to install the dependencies:

# yarn
pnpm install

Development Server

Start the development server on http://localhost:3000

pnpm run dev

Production

Build the application for production:

pnpm run build

Locally preview production build:

pnpm run preview

Check out the deployment documentation for more information.