LogoIndieHub

UI Colorgen

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

Introduction

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

Information

Categories