https://github.com/hexadog/tailwind-css-plugin-export-color-palette
This plugin generates an HTML file containing a preview of the color palette.
https://github.com/hexadog/tailwind-css-plugin-export-color-palette
tailwind tailwindcss tailwindcss-plugin
Last synced: about 2 months ago
JSON representation
This plugin generates an HTML file containing a preview of the color palette.
- Host: GitHub
- URL: https://github.com/hexadog/tailwind-css-plugin-export-color-palette
- Owner: hexadog
- License: mit
- Created: 2023-03-12T11:47:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-12T13:51:59.000Z (over 3 years ago)
- Last Synced: 2025-03-29T00:43:03.622Z (about 1 year ago)
- Topics: tailwind, tailwindcss, tailwindcss-plugin
- Language: JavaScript
- Homepage:
- Size: 77.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Tailwind CSS Export Color Palette
**This plugin generates an HTML file containing a preview of the color palette.**
**Compatibility: Tailwind CSS ^1.8.3, ^2.X., ^3.X**
## Installation
### 1. Install the Tailwind CSS Export Color Palette plugin:
```bash
# Install using npm
npm install --save-dev @hexadog/tailwind-css-plugin-export-color-palette
# Install using yarn
yarn add -D @hexadog/tailwind-css-plugin-export-color-palette
```
### 2. Add it to your `tailwind.config.js` file:
```js
// tailwind.config.js
module.exports = {
// ...
plugins: [
require("@hexadog/tailwind-css-plugin-export-color-palette"),
],
};
```
### 3. Build your Tailwind CSS Template
Generated color palette preview is available in `dist/color-palette.html`.