{"id":13632179,"url":"https://github.com/mickasmt/ui-colorgen","last_synced_at":"2025-06-28T23:32:39.884Z","repository":{"id":182231114,"uuid":"667825013","full_name":"mickasmt/ui-colorgen","owner":"mickasmt","description":"An application designed to assist you with color configuration of shadcn/ui !","archived":false,"fork":false,"pushed_at":"2024-06-04T21:28:11.000Z","size":2284,"stargazers_count":217,"open_issues_count":0,"forks_count":12,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-22T23:36:55.743Z","etag":null,"topics":["color-picker","nextjs14","radix-ui","shadcn-ui","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://ui-colorgen.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mickasmt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-18T11:39:07.000Z","updated_at":"2025-04-15T10:51:05.000Z","dependencies_parsed_at":"2023-12-27T12:31:16.028Z","dependency_job_id":"3e368f94-4bbe-4b6f-af7e-6aff62d41a71","html_url":"https://github.com/mickasmt/ui-colorgen","commit_stats":null,"previous_names":["mickasmt/shadcn-ui-colorgen"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mickasmt/ui-colorgen","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mickasmt%2Fui-colorgen","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mickasmt%2Fui-colorgen/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mickasmt%2Fui-colorgen/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mickasmt%2Fui-colorgen/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mickasmt","download_url":"https://codeload.github.com/mickasmt/ui-colorgen/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mickasmt%2Fui-colorgen/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262513625,"owners_count":23322661,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["color-picker","nextjs14","radix-ui","shadcn-ui","tailwindcss","typescript","vercel"],"created_at":"2024-08-01T22:02:54.908Z","updated_at":"2025-06-28T23:32:39.868Z","avatar_url":"https://github.com/mickasmt.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Colors And Customizations","Tools \u0026 Utilities"],"sub_categories":[],"readme":"# UI Colorgen\n\nAn ui colorgen application built to help you with color setup in **shadcn/ui**.\n\n![hero](public/og.jpg)\n\n\n## About this project\n\nThis 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.\n\n## Features\n\n- List of colors **TailwindCSS** (hex, rgb, hsl)\n- Update colors variables with **Color Picker**\n- Add your **own variables** in the list \n- **Select initial color** for your variables\n- **Select the format** that suits you best\n- **Generate variables** for root in `globals.css`\n- **Generate colors part** for `tailwind.config.js`\n\n## Running Locally\n\n1. Install dependencies using pnpm:\n\n```sh\npnpm install\n```\n\n2. Copy `.env.example` to `.env.local` and update the variables.\n\n```sh\ncp .env.example .env.local\n```\n\n3. Start the development server:\n\n```sh\npnpm dev\n```\n\n## License\n\nLicensed under the [MIT license](https://github.com/mickasmt/ui-colorgen/blob/main/LICENCE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmickasmt%2Fui-colorgen","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmickasmt%2Fui-colorgen","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmickasmt%2Fui-colorgen/lists"}