https://github.com/posva/vite-tailwind-starter

Starter using Vite + Tailwind for super fast prototyping
https://github.com/posva/vite-tailwind-starter

tailwind tailwindui vite vue

Last synced: 4 months ago
JSON representation

Starter using Vite + Tailwind for super fast prototyping

• Host: GitHub
• URL: https://github.com/posva/vite-tailwind-starter
• Owner: posva
• Created: 2020-05-06T21:42:19.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-04T04:45:03.000Z (4 months ago)
• Last Synced: 2024-03-04T05:44:16.968Z (4 months ago)
• Topics: tailwind, tailwindui, vite, vue
• Language: Vue
• Homepage: https://vite-tailwind.esm.dev/
• Size: 1.41 MB
• Stars: 451
• Watchers: 7
• Forks: 54
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-starter - vite-tailwind-starter - Starter template with Tailwind CSS for fast prototyping. (Get Started / Templates)
• awesome-vue-3 - vite-tailwind-starter - Starter using Vite + Tailwind for super fast prototyping (Examples)

README

        
# Vite + Tailwind CSS Starter

> A [Tailwind CSS](http://tailwindcss.com/) starter template for [Vite](https://github.com/vitejs/vite)

## Tailwind UI Users

If you have access to [Tailwind UI](https://tailwindui.com), follow these steps to add it:

1. Install first-party plugins:

```sh

yarn add @tailwindcss/forms @tailwindcss/typography @tailwindcss/aspect-ratio

```

2. Add the plugins to `tailwind.config.js`:

```js

// tailwind.config.js

module.exports = {

  // ...

  plugins: [

    require('@tailwindcss/forms'),

    require('@tailwindcss/typography'),

    require('@tailwindcss/aspect-ratio'),

  ],

}

```

## Installation

```sh

yarn

```

## Development

```sh

yarn dev

```

## Build

```sh

yarn build

```