https://github.com/fmaclen/chromabox

The ultimate color palette generator for designers & developers
https://github.com/fmaclen/chromabox

color-palette colors css gradients palette-generation sass scss tailwind

Last synced: 7 months ago
JSON representation

The ultimate color palette generator for designers & developers

• Host: GitHub
• URL: https://github.com/fmaclen/chromabox
• Owner: fmaclen
• License: apache-2.0
• Created: 2024-11-18T23:29:08.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-01-10T17:00:12.000Z (9 months ago)
• Last Synced: 2025-03-16T23:42:33.933Z (7 months ago)
• Topics: color-palette, colors, css, gradients, palette-generation, sass, scss, tailwind
• Language: TypeScript
• Homepage: https://chromabox.fernando.is
• Size: 3.8 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Chromabox

Generate color variations and export them as Tailwind, SCSS, or CSS variables.

Designed for front-end developers and code-inclined designers.

- ⚡️ [Live demo](https://chromabox.fernando.is)

  - _No sign-up required_

- 🖥️ Download for [macOS, Windows & Linux](https://store.fernando.is)

- 🐳 [Self-hosting](#self-hosting)

---

![Chromabox screenshot](e2e/docs.test.ts-snapshots/palette-darwin.png)

## Self-hosting

Chromabox can be run on your own computer as a SvelteKit app.

To do this, clone the repository and run it locally.

Make sure you have [Node.js](https://nodejs.org) installed.

```bash

git clone https://github.com/fmaclen/chromabox.git

cd chromabox

npm install

npm run build

npm run preview

```

Then, visit `http://localhost:4173` to open the app.