nuxt-community / Tailwindcss Module
Licence: mit
Tailwind CSS module for Nuxt
Stars: ✭ 678
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Tailwindcss Module
Nuxt Tailwind
A Nuxt.js starter project template using Tailwind CSS without the distraction of a complicated development environment.
Stars: ✭ 71 (-89.53%)
Mutual labels: nuxt, nuxtjs, tailwindcss
website
My personal website and blog. Made with Nuxt.js and WindiCSS.
Stars: ✭ 19 (-97.2%)
Mutual labels: nuxt, nuxtjs, tailwindcss
Awes Io
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟
Stars: ✭ 599 (-11.65%)
Mutual labels: nuxt, tailwindcss
Nuxt Purgecss
Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js
Stars: ✭ 356 (-47.49%)
Mutual labels: nuxt, nuxtjs
Nuxt7
📱 Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7
Stars: ✭ 282 (-58.41%)
Mutual labels: nuxt, nuxtjs
Device Module
Nuxt.js module for detecting device type.
Stars: ✭ 436 (-35.69%)
Mutual labels: nuxt, nuxtjs
Vue Gallery
📷 Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
Stars: ✭ 405 (-40.27%)
Mutual labels: nuxt, nuxtjs
Wemake Vue Template
Bleeding edge vue template focused on code quality and developer happiness.
Stars: ✭ 645 (-4.87%)
Mutual labels: nuxt, nuxtjs
Nuxt Firebase Sns Example
Nuxt v2 & Firebase(Hosting / Functions SSR / Firestore), Google Auth SNS Example.
Stars: ✭ 485 (-28.47%)
Mutual labels: nuxt, nuxtjs
Nuxt Material Admin
Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.
Stars: ✭ 310 (-54.28%)
Mutual labels: nuxt, nuxtjs
Awesome Nuxt
A curated list of awesome things related to Nuxt.js
Stars: ✭ 4,285 (+532.01%)
Mutual labels: nuxt, nuxtjs
Graphcms Examples
Example projects to help you get started with GraphCMS
Stars: ✭ 295 (-56.49%)
Mutual labels: nuxt, nuxtjs
Wuxt
Nuxt/WordPress development environment, combining the worlds biggest CMS with the most awesome front-end application framework yet.
Stars: ✭ 459 (-32.3%)
Mutual labels: nuxt, nuxtjs
Style Resources Module
Nobody likes extra @import statements!
Stars: ✭ 485 (-28.47%)
Mutual labels: nuxt, nuxtjs
Firebase Module
🔥 Easily integrate Firebase into your Nuxt project. 🔥
Stars: ✭ 493 (-27.29%)
Mutual labels: nuxt, nuxtjs
Nuxt Webfontloader
Efficient web font loading has never been easier!
Stars: ✭ 264 (-61.06%)
Mutual labels: nuxt, nuxtjs
@nuxtjs/tailwindcss
Tailwind CSS module for NuxtJS with modern css ⚡️
Features
- 👌 Zero configuration to start (see video)
- 🗜 PurgeCSS included for minimal CSS ⚡️
- ⚡️ Supports Tailwind Just-In-Time
- 🪄 Includes CSS Nesting with postcss-nesting
- 🎨 Discover your Tailwind Colors (see video)
- ⚙️ Reference your Tailwind config in your app
- 📦 Extendable by Nuxt modules
Quick Setup
- Add
@nuxtjs/tailwindcss
dependency to your project
# Using npm
npm install --save-dev @nuxtjs/tailwindcss
# Using yarn
yarn add --dev @nuxtjs/tailwindcss
- Add
@nuxtjs/tailwindcss
to thebuildModules
section ofnuxt.config.js
{
buildModules: [
'@nuxtjs/tailwindcss'
]
}
ℹ️ If you are using nuxt < 2.9.0
, use modules
property instead.
That's it! You can now use Tailwind classes in your Nuxt app ✨
Contributing
You can contribute to this module online with CodeSandBox:
Or locally:
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Start development server using
yarn dev
ornpm run dev
License
Copyright (c) Nuxt.js Team
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].