{"plugin":{"id":3,"name":"tailwind-plugin","icon":"🎨","description":"add tailwind to your HTML file project","longDescription":"### Tailwind CSS Integration Plugin for Frame-Master\n#### Key Features\n\n* **Zero Config**: Get started with minimal setup and configuration.\n* **Hot Module Replacement (HMR)**: Enjoy seamless live updates without manual reloading.\n* **Auto Compile**: Automatic compilation of CSS for a streamlined development process.\n* **Auto Inject**: CSS is automatically injected into your HTML project for ease of use.\n\n#### Benefits\nWith this powerful plugin, you can:\n* Enhance your development experience with live reload and automatic compilation.\n* Focus on writing code without worrying about manual configuration and setup.\n* Improve productivity with streamlined workflows and reduced manual intervention.\n\n#### Ideal for\nDevelopers and teams working with Frame-Master who want to leverage the power of Tailwind CSS with minimal hassle and maximum efficiency.","version":"1.1.0","compatibleVersions":"^3.0.0","author":"Justin Halle","ownerId":"c166cdde-5f5c-40e5-a3ff-236652fa88a9","category":"styling","tags":["tailwindcss","hot reload"],"published":true,"npmPackage":"frame-master-plugin-tailwind","githubUrl":"https://github.com/shpaw415/frame-master-plugin-tailwind","docsUrl":"","installation":"bun add frame-master-plugin-tailwind","quickStart":"// static/index.css\n@import \"tailwindcss\";\n\n/* your css */\n\n// Done. Enjoy!","configuration":"import type { FrameMasterConfig } from \"frame-master/server/types\";\nimport TailwindPlugin from \"frame-master-plugin-tailwind\";\n\nexport default {\n  HTTPServer: { port: 3000 },\n  plugins: [\n    TailwindPlugin({\n      inputFile: \"static/index.css\", // Your Tailwind input file\n      outputFile: \"static/tailwind.css\", // Compiled output file\n    }),\n  ],\n} satisfies FrameMasterConfig;","upvote":0,"downvote":0,"createdAt":"2025-11-29T01:19:40.000Z","updatedAt":"2025-12-11T20:33:26.000Z","dependencies":[]}}