🌈 CLI tool to scaffold chakra ui projects, without wasting time.

Last update: Nov 29, 2022

Overview

Create Chakra Project (create-chakra)

⚒ Tool to scaffold chakra apps, without wasting time. It uses existing tools like create-next-app and create-vite and then configures chakra ui in the project.

Usage

npx

npx create-chakra@latest

# OR

npx create-chakra@latest <project-name> --template <id>

yarn

yarn create chakra

# OR

yarn create chakra <project-name> --template <id>

pnpm

pnpm create chakra

# OR

pnpm create chakra <project-name> --template <id>

Scaffolding tools

id	Template	Tool
nextjs	Next.js	create-next-app
react	React	create-vite
vue	Vue	create-vite

NOTE: Add the -ts postfix to the ID to install with TypeScript

Include template id to skip input steps

npx create-chakra@latest --template <id>
# OR
yarn create chakra --template <id>

Contributing

Pull requests are always welcome, but please ensure that you've properly tested and the project is working correctly.

Testing locally

Just clone the repo and run:

pnpm build && ./dist/index.js

# OR
pnpm build && npm i --location=global .

Please, prefer using pnpm rather than npm or yarn while building create-chakra locally as it will avoid conflicts. I have not tested create-chakra with npm or yarn.

Quasar Framework - Build high-performance VueJS user interfaces in record time

Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid

Jan 9, 2023

Time-traveling debugger for Svelte applications

DeLorean The first time-travelling debugger for Svelte applciations DeLorean is a debugging tool for Svelte developers. It records snapshots when a ta

Oct 8, 2022

Some compile-time magic for your Vite project

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate

Dec 15, 2022

🧞‍♂️ MESH·Y is a design tool to generate beautiful & colorful mesh gradients

Meshy is a design tool to generate beautiful & colorful mesh gradients. Generate multiple random variations of Mesh gradients along with cool color customizations. Export PNG image with custom resolution.

Dec 22, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ

Dec 27, 2022

A modern, zero-dependency uptime monitoring tool & status page based on GitHub Actions & Nuxt Content v2.

StatusBase Uptime monitoring tool & beautiful status pages Powered by Nuxt Content v2! Free • Open Source • Notification View Demo · Report Bug · Requ

Jul 5, 2022

scaffold-stark is a forkable StarkNet dev stack focused on fast product iterations, inspired by scaffold-eth.

💠 scaffold-stark scaffold-stark is a forkable StarkNet dev stack focused on fast product iterations, inspired by scaffold-eth. Drop in your Cairo sma

Oct 7, 2022

chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications

chakra-radix-colors chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications. About C

Dec 30, 2022

Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.

Chakra UI Animations Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components. Installation yarn add @

Nov 19, 2022

CLI to scaffold tailwindcss-ready projects

Create TailwindCSS Project (create-tw) The easiest way to get started with TailwindCSS. It uses popular scaffolding scripts like create-next-app or cr

Dec 29, 2022

A starter kit for scaffold-eth projects

🧰 scaffold-eth-cli As simple as running this in your terminal: npx scaffold-eth Clones scaffold-eth into the current folder as fast as possible ⚡️ ⁉

Jun 11, 2022

A CLI tool to create a NodeJS project with TypeScript CTSP is a CLI tool to make easier to start a new NodeJS project and configure Typescript on it.

CTSP- Create TS Project A CLI tool to create a NodeJS project with TypeScript CTSP is a CLI tool to make easier to start a new NodeJS project and conf

Sep 13, 2022

Base Rails app that includes login, social login, homepage, and basic model for serving as a scaffold app.

Rails7Base I created the Rails7Base as a scaffold application. Countless times, I had to create apps that must have the following features: Login syst

Jul 2, 2022

A toolkit to rapidly scaffold out a new tauri-apps project using the framework of their choice.

create-tauri-app Component Version create-tauri-app About Tauri Tauri is a polyglot and generic system that is very composable and allows engineers to

Jan 4, 2023

T6e: scaffold any local template into a custom file

T6e is a small tool (no dependencies, 50 lines of code) to scaffold any local template and speed up the creation of files in a project using your custom templates or templates from the community.

Dec 23, 2022

Quikly scaffold a postman collection for a GraphQL API. Compatible with Insomnia.

GraphMan Quickly scaffold a postman collection for a GraphQL API. GraphMan CLI generates an complete collection from a GraphQL endpoint, containing on

Dec 28, 2022

Scaffold a full-stack SvelteKit application with tRPC and WindiCSS out of the box

create-sweet-app Interactive CLI to quickly set up an opinionated, full-stack, typesafe SvelteKit project. Inspired by the T3 Stack and create-t3-app

Dec 16, 2022

The proposal of this repository is having a scaffold with some scenarios where you can challenge your front-end knowledge.

Frontend Kata / Interview 👋 Hello developer! The proposal of this repository is having a scaffold with some scenarios where you can challenge your fr

Nov 11, 2022

A sdk scaffold with typescript.

sdk-scaffold A sdk scaffold with vite & typescript. Start git clone --depth=1 https://github.com/Alioth1017/sdk-scaffold my-sdk cd my-sdk pnpm i confi

Sep 7, 2022

Comments

Add contribution guidelines
Create contribution guidelines to make it easy for developers interested in contributing to the project.

Contents to include:

Testing create-chakra locally

Things to assure before commiting the changes

documentation
opened by vedantnn71 1
Setup husky
Added husky to minimize the bugs while publishing.

Husky does the following when committing changes:

Tries to fix errors, if there are, using eslint

Lints the code

Builds the code

enhancement
opened by vedantnn71 0