{"id":21898037,"url":"https://github.com/williamlmao/chimera-ui","last_synced_at":"2025-04-15T18:22:35.573Z","repository":{"id":148062198,"uuid":"585737454","full_name":"williamlmao/chimera-ui","owner":"williamlmao","description":"A beautiful, accessible, and fully customizable Tailwind UI library for React. Maybe the easiest themeing experience ever? Free and open source. ","archived":false,"fork":false,"pushed_at":"2023-04-19T00:33:07.000Z","size":10941,"stargazers_count":130,"open_issues_count":6,"forks_count":9,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-10T10:06:00.597Z","etag":null,"topics":["react","tailwind","ui"],"latest_commit_sha":null,"homepage":"https://www.chimera-ui.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/williamlmao.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-01-06T00:04:19.000Z","updated_at":"2025-01-08T17:56:48.000Z","dependencies_parsed_at":"2023-05-19T03:00:33.007Z","dependency_job_id":null,"html_url":"https://github.com/williamlmao/chimera-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamlmao%2Fchimera-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamlmao%2Fchimera-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamlmao%2Fchimera-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamlmao%2Fchimera-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/williamlmao","download_url":"https://codeload.github.com/williamlmao/chimera-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249126410,"owners_count":21216777,"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":["react","tailwind","ui"],"created_at":"2024-11-28T14:22:39.480Z","updated_at":"2025-04-15T18:22:35.546Z","avatar_url":"https://github.com/williamlmao.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- Write the readme for Chimera TW --\u003e\n\n\u003cdiv align=\"center\" display=\"flex\"\u003e\n     \u003csvg\n          version=\"1.0\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"64px\"\n          height=\"64px\"\n          viewBox=\"0 0 465.891509 467.403733\"\n        \u003e\n          \u003cg\n            transform=\"translate(-17.058420,478.592578) scale(0.100000,-0.100000)\"\n            fill=\"currentColor\"\n            stroke=\"none\"\n          \u003e\n            \u003cpath\n              d=\"M2275 4784 c-187 -20 -349 -50 -458 -86 -670 -221 -1151 -641 -1426\n-1246 -61 -136 -161 -422 -161 -464 0 -13 -7 -36 -15 -52 -41 -78 -59 -542\n-30 -781 65 -550 290 -994 706 -1400 209 -204 282 -256 509 -370 400 -201 755\n-285 1150 -272 246 8 397 35 655 119 142 46 417 176 560 265 213 133 424 336\n561 543 48 71 51 81 67 190 10 63 17 138 17 166 0 28 3 72 6 98 6 43 11 50 68\n90 149 106 261 268 317 456 30 102 38 317 16 387 -9 26 -21 69 -27 94 -31 122\n-162 290 -280 356 -114 65 -189 82 -458 103 -136 11 -277 20 -313 20 -49 0\n-72 5 -90 19 -13 10 -43 28 -65 39 -51 26 -104 86 -140 160 -25 50 -28 69 -29\n152 0 113 18 159 97 245 54 60 147 105 267 131 79 16 240 18 310 3 28 -6 61\n-9 73 -7 l23 4 -25 11 c-110 50 -235 98 -285 110 -91 20 -311 28 -376 13 -86\n-20 -175 -67 -229 -121 -58 -58 -110 -143 -110 -179 0 -14 -6 -34 -14 -45 -42\n-63 -46 -313 -6 -455 56 -198 180 -328 370 -387 33 -11 128 -16 360 -20 343\n-5 400 -12 498 -62 57 -29 128 -95 173 -161 21 -31 24 -46 24 -130 0 -81 -4\n-102 -25 -145 -36 -72 -95 -109 -200 -125 l-82 -13 -131 130 c-73 72 -148 140\n-168 151 -19 12 -149 58 -289 102 -199 63 -280 94 -375 144 -223 116 -270 151\n-432 328 -149 162 -217 218 -308 256 -99 42 -132 46 -353 43 -177 -1 -216 1\n-235 14 -12 8 -29 15 -39 15 -25 0 -23 40 2 73 40 51 184 76 236 42 33 -21 41\n-13 17 19 -68 92 -279 75 -372 -30 -44 -50 -66 -108 -75 -197 -6 -58 -7 -59\n-96 -144 -50 -47 -104 -103 -121 -124 l-30 -38 55 -83 54 -83 7 -170 c6 -156\n8 -172 28 -194 30 -32 59 -42 147 -51 67 -7 79 -5 112 14 32 18 41 31 59 86\n42 125 137 310 159 310 4 0 16 -19 25 -42 14 -33 17 -74 18 -178 l0 -135 -42\n-96 c-22 -53 -41 -101 -41 -107 0 -14 -80 -120 -196 -258 l-93 -111 -6 -69\nc-8 -87 -31 -216 -56 -319 -24 -98 -78 -255 -94 -275 -7 -8 -16 -26 -20 -40\n-15 -47 -48 -80 -104 -101 -58 -21 -201 -38 -201 -24 0 5 32 92 71 194 44 111\n72 199 72 222 0 34 -8 45 -75 111 -232 229 -386 507 -447 808 -11 52 -22 118\n-25 145 l-6 50 48 -51 c26 -28 59 -74 72 -102 14 -28 27 -48 31 -44 3 4 14 84\n23 177 20 197 56 324 139 490 168 337 372 534 742 715 163 80 293 127 460 165\n128 29 170 44 158 56 -5 4 -136 9 -293 11 -280 3 -286 3 -327 27 -75 43 -77\n96 -6 163 33 32 195 102 348 151 482 154 1038 141 1490 -35 171 -67 338 -138\n345 -147 7 -9 199 -141 205 -141 19 0 -119 171 -210 258 -296 287 -643 487\n-1035 596 -30 8 -118 27 -195 41 -118 23 -173 27 -355 30 -118 2 -233 1 -255\n-1z m1060 -2722 c-6 -5 -40 -29 -76 -55 -128 -89 -257 -253 -266 -340 -11 -99\n44 -196 151 -264 88 -57 180 -149 206 -205 27 -60 26 -142 -3 -196 -68 -127\n-243 -247 -517 -355 -224 -88 -344 -113 -463 -96 -182 25 -267 126 -312 374\n-4 18 -11 20 -75 17 l-70 -4 -15 36 -15 36 79 157 c43 87 103 204 133 259 36\n67 66 142 89 220 l33 119 119 100 c65 55 129 108 142 119 l23 18 54 -53 c61\n-61 157 -115 267 -150 l74 -24 15 25 c30 48 148 156 207 190 33 19 87 44 120\n57 60 22 118 31 100 15z m313 -590 c0 -110 24 -161 105 -215 l57 -38 0 -62 c0\n-41 -7 -75 -21 -103 -19 -41 -156 -181 -166 -170 -3 2 1 29 7 59 8 34 11 94 8\n154 -4 84 -10 111 -42 188 -31 74 -37 98 -33 140 5 60 31 150 49 172 11 14 14\n12 25 -13 6 -16 11 -66 11 -112z\"\n            /\u003e\n          \u003c/g\u003e\n        \u003c/svg\u003e\n        \u003ch1 align=\"center\"\u003eChimera UI\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003ch3 align=\"center\"\u003eBeautiful, accessible, and fully customizable with Tailwind.\u003c/h3\u003e\n\n## Features\n\n- Fully accessible components, with Radix Primitives under the hood.\n- Includes additional components beyond Radix, such as Button and Input.\n- Components come pre-styled. Styles can be easily overwritten with Tailwind (Chimera uses tw-merge under the hood).\n- Semantic color system built in. No more guessing what color to use, just use the same semantic color names across all your projects.\n- Theme generator that quickly generates CSS themes for you.\n- Tailwind plugin to keep tailwind.config.js nice and clean.\n- Tree-shakeable. Use named imports without worrying about bundle-size!\n\n## Installation\n\nSee official docs for more information\n\n1. `npm install @chimera-ui/components @chimera-ui/tw-plugin`\n2. Modify your `tailwind.config.js` to include:\n\n   - `\"./node_modules/@chimera-ui/components/dist/**/*.{js,mjs}\",` in the `content` array\n   - `require(\"@chimera-ui/tw-plugin\")` in the `plugins` array\n   - ```js\n     module.exports = {\n       content: [\n         \"./pages/**/*.{js,ts,jsx,tsx,md,mdx}\",\n         \"./components/**/*.{js,ts,jsx,tsx}\",\n         \"./node_modules/@chimera-ui/components/dist/**/*.{js,mjs}\", // This line is important! If you don't include this, Chimera's styles will be purged\n         ,\n       ],\n       plugins: [\n         require(\"@chimera-ui/tw-plugin\"), // This is important! This extends your tailwind theme to consume the CSS variables.\n       ],\n     };\n     ```\n\n3. Use the \u003cLink href=\"/docs/theme\" className=\"text-primary underline\"\u003etheme generator\u003c/Link\u003e to generate CSS themes. Add the CSS variables to your global css file.\n\n## Repository\n\n`npm run build` will trigger `prebuild`. In `prebuild`, @chimera-ui/components will run tsdocSync.js, which syncs the classNames from each component to a tsdoc comment above it.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamlmao%2Fchimera-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliamlmao%2Fchimera-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamlmao%2Fchimera-ui/lists"}