[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-tailwindcss":7},{"v3":4,"v4":5,"v2":6},"3.21.8","4.4.8","2.18.1",{"name":8,"description":9,"repo":10,"npm":11,"icon":12,"github":13,"website":14,"learn_more":15,"category":16,"type":17,"maintainers":18,"compatibility":27,"aliases":31,"generatedAt":33,"contributors":34,"stats":128,"readme":137},"tailwindcss","Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.","nuxt-modules/tailwindcss","@nuxtjs/tailwindcss","tailwindcss.png","https://github.com/nuxt-modules/tailwindcss","https://tailwindcss.nuxtjs.org","https://tailwindcss.com/","CSS","community",[19,24],{"name":20,"github":21,"twitter":22,"bluesky":23},"Sébastien Chopin","Atinux","atinux","atinux.com",{"name":25,"github":26},"Inesh Bose","ineshbose",{"nuxt":28,"requires":29,"devtools":30},"^2.9.0 || >=3.0.0-rc.1",{},"^0.0.0",[32],"tailwind","2026-06-10T18:58:39.015Z",[35,38,41,45,49,53,56,60,63,66,69,72,76,79,82,85,88,91,94,98,101,104,107,110,113,116,119,122,125],{"id":36,"username":26,"contributions":37},56732164,159,{"id":39,"username":22,"contributions":40},904724,72,{"id":42,"username":43,"contributions":44},5158436,"pi0",29,{"id":46,"username":47,"contributions":48},28706372,"danielroe",20,{"id":50,"username":51,"contributions":52},739984,"benjamincanac",5,{"id":54,"username":55,"contributions":52},48835293,"DamianGlowala",{"id":57,"username":58,"contributions":59},640208,"TheAlexLichter",3,{"id":61,"username":62,"contributions":59},5326365,"harlan-zw",{"id":64,"username":65,"contributions":59},10992664,"P4sca1",{"id":67,"username":68,"contributions":59},1385263,"Tahul",{"id":70,"username":71,"contributions":59},2095133,"cjpearson",{"id":73,"username":74,"contributions":75},53976837,"RomainMazB",2,{"id":77,"username":78,"contributions":75},34125897,"Stun3R",{"id":80,"username":81,"contributions":75},7547335,"smarroufin",{"id":83,"username":84,"contributions":75},2793951,"RomainLanz",{"id":86,"username":87,"contributions":75},28691559,"ricklindev",{"id":89,"username":90,"contributions":75},13064722,"ricardogobbosouza",{"id":92,"username":93,"contributions":75},1329592,"makkarpov",{"id":95,"username":96,"contributions":97},20427094,"owlnai",1,{"id":99,"username":100,"contributions":97},3581708,"udithishara",{"id":102,"username":103,"contributions":97},5037600,"tobiasdiez",{"id":105,"username":106,"contributions":97},18562577,"tkofh",{"id":108,"username":109,"contributions":97},74496810,"supratikmahato",{"id":111,"username":112,"contributions":97},11766057,"zcqno1",{"id":114,"username":115,"contributions":97},5757263,"simllll",{"id":117,"username":118,"contributions":97},48382105,"shba007",{"id":120,"username":121,"contributions":97},106826371,"selemondev",{"id":123,"username":124,"contributions":97},1436757,"Se7en-IT",{"id":126,"username":127,"contributions":97},6165315,"reesscot",{"version":129,"downloads":130,"stars":131,"watchers":132,"forks":133,"defaultBranch":134,"publishedAt":135,"createdAt":136},"6.14.0",1522850,1869,7,195,"main",1762515639842,1554372868524,{"data":138,"body":140,"toc":683},{"title":139,"description":139},"",{"type":141,"children":142},"root",[143,159,167,228,247,273,280,386,392,414,426,473,478,484,489,512,562,569,582,603,648,662,667,678],{"type":144,"tag":145,"props":146,"children":147},"element","p",{},[148],{"type":144,"tag":149,"props":150,"children":153},"a",{"href":14,"rel":151},[152],"nofollow",[154],{"type":144,"tag":155,"props":156,"children":158},"img",{"alt":11,"src":157},"https://tailwindcss.nuxtjs.org/social-card.png",[],{"type":144,"tag":160,"props":161,"children":163},"h1",{"id":162},"nuxt-tailwind",[164],{"type":165,"value":166},"text","Nuxt Tailwind",{"type":144,"tag":145,"props":168,"children":169},{},[170,180,189,198,208,218],{"type":144,"tag":149,"props":171,"children":174},{"href":172,"rel":173},"https://npmjs.com/package/@nuxtjs/tailwindcss",[152],[175],{"type":144,"tag":155,"props":176,"children":179},{"alt":177,"src":178},"npm version","https://img.shields.io/npm/v/@nuxtjs/tailwindcss/latest.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":144,"tag":149,"props":181,"children":183},{"href":172,"rel":182},[152],[184],{"type":144,"tag":155,"props":185,"children":188},{"alt":186,"src":187},"npm downloads","https://img.shields.io/npm/dm/@nuxtjs/tailwindcss.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":144,"tag":149,"props":190,"children":192},{"href":172,"rel":191},[152],[193],{"type":144,"tag":155,"props":194,"children":197},{"alt":195,"src":196},"License","https://img.shields.io/npm/l/@nuxtjs/tailwindcss.svg?style=flat&colorA=18181B&colorB=28CF8D",[],{"type":144,"tag":149,"props":199,"children":202},{"href":200,"rel":201},"https://nuxt.com",[152],[203],{"type":144,"tag":155,"props":204,"children":207},{"alt":205,"src":206},"Nuxt","https://img.shields.io/badge/Nuxt-18181B?&logo=nuxt",[],{"type":144,"tag":149,"props":209,"children":212},{"href":210,"rel":211},"https://tailwindcss.com",[152],[213],{"type":144,"tag":155,"props":214,"children":217},{"alt":215,"src":216},"Tailwind CSS","https://img.shields.io/badge/tailwindcss-0F172A?&logo=tailwindcss",[],{"type":144,"tag":149,"props":219,"children":222},{"href":220,"rel":221},"https://volta.net/nuxt-modules/tailwindcss?utm_source=nuxt_tailwind_readme",[152],[223],{"type":144,"tag":155,"props":224,"children":227},{"alt":225,"src":226},"Volta board","https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg",[],{"type":144,"tag":145,"props":229,"children":230},{},[231,233,238,240,245],{"type":165,"value":232},"Enable ",{"type":144,"tag":149,"props":234,"children":236},{"href":210,"rel":235},[152],[237],{"type":165,"value":215},{"type":165,"value":239}," for ",{"type":144,"tag":149,"props":241,"children":243},{"href":200,"rel":242},[152],[244],{"type":165,"value":205},{"type":165,"value":246}," ⚡️",{"type":144,"tag":145,"props":248,"children":249},{},[250,256,258,265,266],{"type":144,"tag":149,"props":251,"children":253},{"href":14,"rel":252},[152],[254],{"type":165,"value":255},"📖  Documentation",{"type":165,"value":257}," | ",{"type":144,"tag":149,"props":259,"children":262},{"href":260,"rel":261},"https://stackblitz.com/github/nuxt-modules/tailwindcss",[152],[263],{"type":165,"value":264},"▶️ Play online",{"type":165,"value":257},{"type":144,"tag":149,"props":267,"children":270},{"href":268,"rel":269},"https://github.com/nuxt-modules/tailwindcss/releases",[152],[271],{"type":165,"value":272},"✨  Release Notes",{"type":144,"tag":274,"props":275,"children":277},"h2",{"id":276},"features",[278],{"type":165,"value":279},"Features",{"type":144,"tag":281,"props":282,"children":283},"ul",{},[284,290,311,331,345,366],{"type":144,"tag":285,"props":286,"children":287},"li",{},[288],{"type":165,"value":289},"👌  Zero configuration to start",{"type":144,"tag":285,"props":291,"children":292},{},[293,295,302,304],{"type":165,"value":294},"🪄  Includes ",{"type":144,"tag":149,"props":296,"children":299},{"href":297,"rel":298},"https://drafts.csswg.org/css-nesting-1/",[152],[300],{"type":165,"value":301},"CSS Nesting",{"type":165,"value":303}," with ",{"type":144,"tag":149,"props":305,"children":308},{"href":306,"rel":307},"https://github.com/csstools/postcss-nesting",[152],[309],{"type":165,"value":310},"postcss-nesting",{"type":144,"tag":285,"props":312,"children":313},{},[314,316],{"type":165,"value":315},"🎨  Discover your Tailwind Config & Colors ",{"type":144,"tag":317,"props":318,"children":319},"em",{},[320,322,329],{"type":165,"value":321},"(",{"type":144,"tag":149,"props":323,"children":326},{"href":324,"rel":325},"https://tailwindcss.nuxtjs.org/getting-started/module-options#viewer",[152],[327],{"type":165,"value":328},"see video",{"type":165,"value":330},")",{"type":144,"tag":285,"props":332,"children":333},{},[334,336,343],{"type":165,"value":335},"⚙️  ",{"type":144,"tag":149,"props":337,"children":340},{"href":338,"rel":339},"https://tailwindcss.nuxtjs.org/tailwindcss/configuration/#referencing-in-the-application",[152],[341],{"type":165,"value":342},"Reference your Tailwind config",{"type":165,"value":344}," in your app",{"type":144,"tag":285,"props":346,"children":347},{},[348,350,357,359],{"type":165,"value":349},"📦  Extendable by ",{"type":144,"tag":149,"props":351,"children":354},{"href":352,"rel":353},"https://nuxt.com/modules",[152],[355],{"type":165,"value":356},"Nuxt modules",{"type":165,"value":358}," using ",{"type":144,"tag":149,"props":360,"children":363},{"href":361,"rel":362},"https://tailwindcss.nuxtjs.org/tailwindcss/config#hooks",[152],[364],{"type":165,"value":365},"hooks",{"type":144,"tag":285,"props":367,"children":368},{},[369,371,377,379],{"type":165,"value":370},"🚀  Supports both ",{"type":144,"tag":149,"props":372,"children":374},{"href":200,"rel":373},[152],[375],{"type":165,"value":376},"Nuxt 3",{"type":165,"value":378}," and ",{"type":144,"tag":149,"props":380,"children":383},{"href":381,"rel":382},"https://v2.nuxt.com/",[152],[384],{"type":165,"value":385},"Nuxt 2",{"type":144,"tag":274,"props":387,"children":389},{"id":388},"quick-setup",[390],{"type":165,"value":391},"Quick Setup",{"type":144,"tag":145,"props":393,"children":394},{},[395,397,403,405,412],{"type":165,"value":396},"Add ",{"type":144,"tag":398,"props":399,"children":401},"code",{"className":400},[],[402],{"type":165,"value":11},{"type":165,"value":404}," using the ",{"type":144,"tag":149,"props":406,"children":409},{"href":407,"rel":408},"https://github.com/nuxt/cli",[152],[410],{"type":165,"value":411},"Nuxt CLI",{"type":165,"value":413}," to your project",{"type":144,"tag":415,"props":416,"children":421},"pre",{"className":417,"code":418,"language":419,"meta":139,"style":420},"language-bash","npx nuxi@latest module add tailwindcss\n","bash","undefined",[422],{"type":144,"tag":398,"props":423,"children":424},{"__ignoreMap":139},[425],{"type":165,"value":418},{"type":144,"tag":427,"props":428,"children":429},"details",{},[430,436,444,463],{"type":144,"tag":431,"props":432,"children":433},"summary",{},[434],{"type":165,"value":435},"..or install using your dependency manager",{"type":144,"tag":415,"props":437,"children":439},{"className":417,"code":438,"language":419,"meta":139,"style":420},"# Using pnpm\npnpm add --save-dev @nuxtjs/tailwindcss\n\n# Using yarn\nyarn add --dev @nuxtjs/tailwindcss\n\n# Using npm\nnpm install --save-dev @nuxtjs/tailwindcss\n",[440],{"type":144,"tag":398,"props":441,"children":442},{"__ignoreMap":139},[443],{"type":165,"value":438},{"type":144,"tag":145,"props":445,"children":446},{},[447,449,455,457],{"type":165,"value":448},"and then to the ",{"type":144,"tag":398,"props":450,"children":452},{"className":451},[],[453],{"type":165,"value":454},"modules",{"type":165,"value":456}," section of ",{"type":144,"tag":398,"props":458,"children":460},{"className":459},[],[461],{"type":165,"value":462},"nuxt.config.{ts,js}",{"type":144,"tag":415,"props":464,"children":468},{"className":465,"code":466,"language":467,"meta":139,"style":420},"language-ts","export default defineNuxtConfig({\n  modules: [\n    '@nuxtjs/tailwindcss'\n  ]\n})\n","ts",[469],{"type":144,"tag":398,"props":470,"children":471},{"__ignoreMap":139},[472],{"type":165,"value":466},{"type":144,"tag":145,"props":474,"children":475},{},[476],{"type":165,"value":477},"That's it! You can now use Tailwind classes in your Nuxt app ✨",{"type":144,"tag":274,"props":479,"children":481},{"id":480},"contributing",[482],{"type":165,"value":483},"Contributing",{"type":144,"tag":145,"props":485,"children":486},{},[487],{"type":165,"value":488},"You can contribute to this module online:",{"type":144,"tag":145,"props":490,"children":491},{},[492,502],{"type":144,"tag":149,"props":493,"children":496},{"href":494,"rel":495},"https://codesandbox.io/s/github/nuxt-modules/tailwindcss/tree/main/?fontsize=14&hidenavigation=1&theme=dark",[152],[497],{"type":144,"tag":155,"props":498,"children":501},{"alt":499,"src":500},"Edit @nuxtjs/tailwindcss in CodeSandbox","https://codesandbox.io/static/img/play-codesandbox.svg",[],{"type":144,"tag":149,"props":503,"children":506},{"href":504,"rel":505},"https://pr.new/nuxt-modules/tailwindcss",[152],[507],{"type":144,"tag":155,"props":508,"children":511},{"alt":509,"src":510},"Edit @nuxtjs/tailwindcss in Codeflow","https://developer.stackblitz.com/img/open_in_codeflow.svg",[],{"type":144,"tag":427,"props":513,"children":514},{},[515,520],{"type":144,"tag":431,"props":516,"children":517},{},[518],{"type":165,"value":519},"..or locally",{"type":144,"tag":521,"props":522,"children":523},"ol",{},[524,529,540,551],{"type":144,"tag":285,"props":525,"children":526},{},[527],{"type":165,"value":528},"Clone this repository",{"type":144,"tag":285,"props":530,"children":531},{},[532,534],{"type":165,"value":533},"Install dependencies using ",{"type":144,"tag":398,"props":535,"children":537},{"className":536},[],[538],{"type":165,"value":539},"pnpm i",{"type":144,"tag":285,"props":541,"children":542},{},[543,545],{"type":165,"value":544},"Prepare for development using ",{"type":144,"tag":398,"props":546,"children":548},{"className":547},[],[549],{"type":165,"value":550},"pnpm dev:prepare",{"type":144,"tag":285,"props":552,"children":553},{},[554,556],{"type":165,"value":555},"Start development server using ",{"type":144,"tag":398,"props":557,"children":559},{"className":558},[],[560],{"type":165,"value":561},"pnpm dev",{"type":144,"tag":563,"props":564,"children":566},"h3",{"id":565},"docs",[567],{"type":165,"value":568},"Docs",{"type":144,"tag":145,"props":570,"children":571},{},[572],{"type":144,"tag":149,"props":573,"children":576},{"href":574,"rel":575},"https://ui.nuxt.com/pro",[152],[577],{"type":144,"tag":155,"props":578,"children":581},{"alt":579,"src":580},"Nuxt UI Pro","https://img.shields.io/badge/Made%20with-Nuxt%20UI%20Pro-00DC82?logo=nuxt.js&labelColor=020420",[],{"type":144,"tag":145,"props":583,"children":584},{},[585,587,593,595,601],{"type":165,"value":586},"You can run ",{"type":144,"tag":398,"props":588,"children":590},{"className":589},[],[591],{"type":165,"value":592},"docs/",{"type":165,"value":594}," locally by using ",{"type":144,"tag":398,"props":596,"children":598},{"className":597},[],[599],{"type":165,"value":600},"pnpm docs:dev",{"type":165,"value":602},", or to run a build:",{"type":144,"tag":521,"props":604,"children":605},{},[606,626,637],{"type":144,"tag":285,"props":607,"children":608},{},[609,611,616,618,624],{"type":165,"value":610},"Make sure to add your ",{"type":144,"tag":149,"props":612,"children":614},{"href":574,"rel":613},[152],[615],{"type":165,"value":579},{"type":165,"value":617}," license in the ",{"type":144,"tag":398,"props":619,"children":621},{"className":620},[],[622],{"type":165,"value":623},".env",{"type":165,"value":625}," file before building the application.",{"type":144,"tag":285,"props":627,"children":628},{},[629,631],{"type":165,"value":630},"Run SSG build using ",{"type":144,"tag":398,"props":632,"children":634},{"className":633},[],[635],{"type":165,"value":636},"pnpm docs:build",{"type":144,"tag":285,"props":638,"children":639},{},[640,642],{"type":165,"value":641},"Review the production build locally using ",{"type":144,"tag":398,"props":643,"children":645},{"className":644},[],[646],{"type":165,"value":647},"pnpm docs:preview",{"type":144,"tag":145,"props":649,"children":650},{},[651,653,660],{"type":165,"value":652},"Check out the ",{"type":144,"tag":149,"props":654,"children":657},{"href":655,"rel":656},"https://nuxt.com/docs/getting-started/deployment",[152],[658],{"type":165,"value":659},"deployment documentation",{"type":165,"value":661}," for more information.",{"type":144,"tag":274,"props":663,"children":665},{"id":664},"license",[666],{"type":165,"value":195},{"type":144,"tag":145,"props":668,"children":669},{},[670,676],{"type":144,"tag":149,"props":671,"children":673},{"href":672},"./LICENSE",[674],{"type":165,"value":675},"MIT",{"type":165,"value":677}," - Made with 💚",{"type":144,"tag":679,"props":680,"children":681},"style",{},[682],{"type":165,"value":139},{"title":139,"searchDepth":75,"depth":75,"links":684},[685,686,687,690],{"id":276,"depth":75,"text":279},{"id":388,"depth":75,"text":391},{"id":480,"depth":75,"text":483,"children":688},[689],{"id":565,"depth":59,"text":568},{"id":664,"depth":75,"text":195}]