Create Tailwind CSS Plugin

Create Tailwind CSS plugin and publish on npm with ease

Demo

tailwindcss-plugin-demo is generated with create-tailwind-plugin

Features

• Tests with Jest
• ESLint config with airbnb-base and prettier
• Format code with Prettier
• Pre-commit hooks with husky
• Automatic tests with Github Actions
• Automatic versioning with standard-version

Usage

$ npx create-tailwind-plugin

Alternatively, you can also pass following options to avoid prompt questions.

$ npx create-tailwind-plugin --name="Your Plugin Name" --description="Your Plugin Description" --author="Your Name" --github-username="Your Github Username" --initialize-git --install-packages

Options

| Option | Description | | -------------------- | ----------------------------------------------------------------------------- | | --name | Used in README.md and in package.json as name key | | --description | Used in README.md and in package.json as description key | | --author | Used in LICENSE and in package.json as author key | | --github-username | Used in package.json in repository.url, bugs.url, and homepage keys | | --initialize-git | Runs git init && git add --all command in plugin directory | | --install-packages | Runs npm install && npm run format --silent command in plugin directory |

Next Steps

• Run npm install and npm run watch commands in your plugin directory
• Update README.md, index.js and test.js files to match your plugin needs
• Run npm run release command, when you're ready to publish on npm
• Learn more about Tailwind CSS plugins in docs

Feel free to open an issue, if you are having a trouble with create-tailwind-plugin. PR's are welcome.

License

Create Tailwind CSS Plugin is licensed under the MIT License.