Skip to content

An application designed to assist you with color configuration of shadcn/ui !

License

Notifications You must be signed in to change notification settings

mickasmt/ui-colorgen

Repository files navigation

UI Colorgen

An ui colorgen application built to help you with color setup in shadcn/ui.

hero

About this project

This project is a user interface application designed to facilitate color setup in shadcn/ui. It provides a list of TailwindCSS colors in different formats (hex, rgb, hsl) and allows users to update color variables using a Color Picker. Users can also select their preferred format. Ui colorgen generates variables for root in globals.css and creates the color section for tailwind.config.js.

Features

  • List of colors TailwindCSS (hex, rgb, hsl)
  • Update colors variables with Color Picker
  • Add your own variables in the list
  • Select initial color for your variables
  • Select the format that suits you best
  • Generate variables for root in globals.css
  • Generate colors part for tailwind.config.js

Running Locally

  1. Install dependencies using pnpm:
pnpm install
  1. Copy .env.example to .env.local and update the variables.
cp .env.example .env.local
  1. Start the development server:
pnpm dev

License

Licensed under the MIT license.