Tailwind Playground Demo

Information

Feel free to modify app.vue and nuxt.config.js to switch between Sass and Tailwind.

| | HTML | CSS | update speed* | compatibility* | | - | - | - | - | - | | Tailwind | 11.01 kB| 8.79 kB | <0.1s | Yes | | Sass | 8.59 kB| 5.92 kB | ~0.7s| Yes |

*Manual testing, MacBook Air 2020 | intel Core i3 | 8G,
*The ability to switch and transition from one party to another

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

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

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview