Hi,
I have a clean Pinegrow 8.2 installation. When I start a new Tailwindcss (3.4.13) project and want to use the external build process, I am prompted to install “npm install @pinegrow/tailwindcss-plugin@latest -D”. This was never the case with Pinegrow 8 and before. Tailwind CSS is activated under Libraries & Plugins Manager. Is it now always necessary to install “npm install @pinegrow/tailwindcss-plugin@latest -D” ?
Hi @Lutz,
Our @pinegrow/tailwindcss-plugin helps match your internal compiler experience in an external build setup. External build setup gives you the full capability to customize your tailwind config & use any tailwind plugins.
Note, it is optional to have it installed, but we highly recommend it. You just have to have it installed in your project, and don’t have to add it anywhere, or run anything, it’s just install-and-forget.
- It provides intellisense by showing all possible (thousands) tailwind classes in the ‘Add class’ and other visual controls. This includes even utilities classes from tailwind plugins, for eg, daisyui, etc (see 1 in below screenshot).
- Automatically customize all visual controls in the tailwind visual builder addon, for eg, see addition of 3xl screen via
tailwind.config.jsand how it automatically got added in the props panel, and you can see it everywhere like class tree, floating panel etc (see 2 in below screenshot). - It will use the specific tailwind version your project is using, so if you updated your tailwind to a newer version, the new set of utlity classes will automatically show-up in your intellisense.
- You can easily connect your design panel theme with your config (see theme.extend below where we added pg_colors etc) and all the customized colors, fonts, background image will automatically show in your visual controls and change if you updated them via the DP.
Any other questions, let us know. Cheers!
1 Like
Hi @TechAkayy,
thank you for your reply. That was helpful.
1 Like