Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luzefiru/tailwind-config-generator
A visual solution to design system setup for Tailwind CSS.
https://github.com/luzefiru/tailwind-config-generator
tailwindcss
Last synced: 4 days ago
JSON representation
A visual solution to design system setup for Tailwind CSS.
- Host: GitHub
- URL: https://github.com/luzefiru/tailwind-config-generator
- Owner: Luzefiru
- Created: 2023-05-18T09:23:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-21T06:54:26.000Z (over 1 year ago)
- Last Synced: 2024-11-09T20:12:49.979Z (2 months ago)
- Topics: tailwindcss
- Language: TypeScript
- Homepage: https://luzefiru.github.io/tailwind-config-generator/
- Size: 2.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: .github/README.md
Awesome Lists containing this project
README
# tailwind-config-generator
A visual solution to design system setup for Tailwind CSS.
# Features
- JSON color object imports
- color picker with image upload support
- classname & HEX value validation
- copy a ready-made `tailwind.config.js` straight to your clipboard
# Usage
```bash
git clone https://github.com/Luzefiru/tailwind-config-generator.git
cd tailwind-config-generator
```
NOTE: You will need the [Docker Client](https://docs.docker.com/get-docker/) with Docker Compose in order to run `docker compose` commands.
```bash
# to start a production instance on localhost:8080
docker compose up -d
# stops the container
docker compose down
# to start a containerized dev environment with hot reload on localhost:3000, may be delayed on Windows
docker compose -f dev.docker-compose.yml up -d
# stops the container
docker compose -f dev.docker-compose.yml down
```
For local development, you can install all the dependencies and spin up a React environment.
```bash
npm ci
npm run start
```
# Credits