Pinegrow TailwindCSS Plugin

Tailwind CSS plugin for Pinegrow ⚡️

Pinegrow TailwindCSS Plugin enables intellisense, visual control customization and theming in Pinegrow apps (currently only Vue Designer).

• 📖  Documentation

Features

• 🎨  Visually live-design your Vite-powered tailwind apps (Vue, Nuxt, Iles, Astro, etc)
• ⚙️  Smartly integrates into your Vite workflow in dev-mode only
• ✨  No lock-in, Pinegrow is an open-tool ❤️

Quick Setup

1. Install: Add @pinegrow/tailwindcss-plugin to your project

# Using npm
npm install --save-dev @pinegrow/tailwindcss-plugin

# Using pnpm
pnpm add --save-dev @pinegrow/tailwindcss-plugin

2. Configure: Add liveDesigner() to your Vite Plugins array vite.config.{ts,js}

//config file (vite, nuxt, iles, astro)

  liveDesigner: {
    tailwindcss: {
      configPath: 'tailwind.config.cjs',
      cssPath: '@/assets/css/tailwind.css',
    },
    //...
  }

Now, open your project in your Pinegrow app (currently only Vue Designer). ✨

License

MIT License

Copyright (c) Pinegrow