https://github.com/iliyazelenko/tailwindcss-vue

The package makes it easy to use the Tailwind CSS with Vue.
https://github.com/iliyazelenko/tailwindcss-vue

css helpers tailwind tailwind-css tailwindcss tools vue

Last synced: 1 day ago
JSON representation

The package makes it easy to use the Tailwind CSS with Vue.

• Host: GitHub
• URL: https://github.com/iliyazelenko/tailwindcss-vue
• Owner: iliyaZelenko
• Created: 2019-06-02T20:54:42.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-28T14:16:39.000Z (11 months ago)
• Last Synced: 2025-01-03T15:53:20.000Z (6 days ago)
• Topics: css, helpers, tailwind, tailwind-css, tailwindcss, tools, vue
• Language: TypeScript
• Homepage:
• Size: 176 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
  


    

      

    

    

      

    

    

      

    

    

      

    

    

      

    

    

      

    

  


The package makes it easy to use the [Tailwind CSS](https://tailwindcss.com/) with Vue.

Without this package:

```vue



  Text



```


With this package:

```vue



  Text



```


## Installation

```

yarn add tailwindcss-vue

# Or 

npm install tailwindcss-vue

```

## Get started

1) Add `Vue.use` for the plugin.

```js

import { TailwindCssVue } from 'tailwindcss-vue'

Vue.use(TailwindCssVue)

```

2) Use `$tailwind` in your components. Here is a complete example:

```vue

  


    


      Text

    

  


```

There is another use case with the script tag (CDN version of package):

```html

```

Or

```html

```

## Write your suggestions for improvement, I will be glad to read!