/design

a template for quickly setting up Tailwind design projects

Primary LanguageJavaScript

Tailwind Sandbox

If you are tired of changing a Tailwind class, doing alt + tab, and reloading the whole app to see the change your made, give it a try.

Treat this as your local sandbox to quickly build small Tailwind components. The browser reloads automatically after you make a change and save. Once you're satisfied with a design, copy + paste it in your main project.

What about Tailwind Playground?

Tailwind playground is great, but I do like to work in my favorite IDE with my favorite fonts and themes. Hope you do, too.

Install

git clone https://github.com/akshayKhot/design.git your_project_name
cd your_project_name
yarn upgrade-interactive --latest
yarn # or npm install (optional)

Usage

Run these commands in separate terminal tabs.

yarn

yarn tailwind
yarn server

npm

npm run tailwind
npm run server

I prefer and recommend using yarn, it's very fast compared to npm.

terminal

That's it. Now go build some great designs.