{"id":13480357,"url":"https://github.com/bradlc/tailwindcss-alpha","last_synced_at":"2026-04-08T12:32:44.928Z","repository":{"id":55445466,"uuid":"130281856","full_name":"bradlc/tailwindcss-alpha","owner":"bradlc","description":"Automatic alpha variants for your Tailwind CSS colors","archived":false,"fork":false,"pushed_at":"2020-04-09T07:18:10.000Z","size":7,"stargazers_count":68,"open_issues_count":3,"forks_count":11,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-26T19:44:28.212Z","etag":null,"topics":["tailwind","tailwindcss","tailwindcss-plugin"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/bradlc.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}},"created_at":"2018-04-19T23:09:52.000Z","updated_at":"2025-04-13T13:59:31.000Z","dependencies_parsed_at":"2022-08-15T00:30:33.136Z","dependency_job_id":null,"html_url":"https://github.com/bradlc/tailwindcss-alpha","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/bradlc/tailwindcss-alpha","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bradlc%2Ftailwindcss-alpha","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bradlc%2Ftailwindcss-alpha/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bradlc%2Ftailwindcss-alpha/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bradlc%2Ftailwindcss-alpha/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bradlc","download_url":"https://codeload.github.com/bradlc/tailwindcss-alpha/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bradlc%2Ftailwindcss-alpha/sbom","scorecard":{"id":250315,"data":{"date":"2025-08-11","repo":{"name":"github.com/bradlc/tailwindcss-alpha","commit":"520c1c3cda0fc7f2b1a64338bc2e0fe299fd8280"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.6,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Code-Review","score":1,"reason":"Found 2/11 approved changesets -- score normalized to 1","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":9,"reason":"1 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 2 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}}]},"last_synced_at":"2025-08-17T08:19:03.316Z","repository_id":55445466,"created_at":"2025-08-17T08:19:03.316Z","updated_at":"2025-08-17T08:19:03.316Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31556232,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T10:21:54.569Z","status":"ssl_error","status_checked_at":"2026-04-08T10:21:38.171Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["tailwind","tailwindcss","tailwindcss-plugin"],"created_at":"2024-07-31T17:00:37.925Z","updated_at":"2026-04-08T12:32:44.905Z","avatar_url":"https://github.com/bradlc.png","language":"JavaScript","readme":"# tailwindcss-alpha\n\n\u003e Automatic alpha variants for your Tailwind CSS colors\n\n## Why?\n\nIf you’re like me your Tailwind CSS color configuration often ends up looking something like this:\n\n```js\nmodule.exports = {\n  // ...\n  backgroundColors: {\n    red: '#f00',\n    'red-10': 'rgba(255, 0, 0, 0.1)',\n    'red-20': 'rgba(255, 0, 0, 0.2)',\n    'red-50': 'rgba(255, 0, 0, 0.5)',\n    'red-80': 'rgba(255, 0, 0, 0.8)'\n    // ...\n  }\n  // ...\n}\n```\n\n`tailwindcss-alpha` automatically generates alpha variations for each of your background, text, and border colors.\n\n## Install\n\n```\nnpm install --save-dev tailwindcss-alpha\n```\n\n```js\n// tailwind.js\nmodule.exports = {\n  // ...\n  plugins: [\n    require('tailwindcss-alpha')({\n      modules: {\n        backgroundColors: true\n      },\n      alpha: {\n        '10': 0.1,\n        '30': 0.3\n      }\n    })\n  ]\n  // ...\n}\n```\n\n## Options\n\n### `modules` (optional)\n\n**Default:** `{ backgroundColors: true, textColors: false, borderColors: false }`\n\nHere is where you define which Tailwind modules you would like to generate alpha variants for, and which state variants (responsive, hover, etc.) to generate for each. This option behaves in the same way as the [`modules` property in the main Tailwind configuration](https://tailwindcss.com/docs/configuration#modules), with one difference: a value of `true` means \"inherit from the main Tailwind `modules` configuration.\"\n\n### `alpha` (optional)\n\nThis is an object containing the alpha values for your new color utilities. If this is not specified in the plugin options the `alpha` property in your main Tailwind configuration will be used. If there is no `alpha` property then the `opacity` property is used.\n\nThe keys of this object appear at the end of the utility class names. For example if you have a background color with a key of `red` and an alpha with a key of `25` then a `bg-red-25` class would be generated.\n\n## Example\n\n```js\nmodule.exports = {\n  // ...\n  backgroundColors: {\n    red: '#f00'\n  },\n  // ...\n  plugins: [\n    require('tailwindcss-alpha')({\n      modules: {\n        backgroundColors: []\n      },\n      alpha: {\n        '25': 0.25,\n        '50': 0.5,\n        '75': 0.75\n      }\n    })\n  ]\n  // ...\n}\n```\n\nThe configuration above yields the following utilities:\n\n```css\n.bg-red-25 {\n  background-color: rgba(255, 0, 0, 0.25);\n}\n\n.bg-red-50 {\n  background-color: rgba(255, 0, 0, 0.5);\n}\n\n.bg-red-75 {\n  background-color: rgba(255, 0, 0, 0.75);\n}\n```\n","funding_links":[],"categories":["Plugins"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbradlc%2Ftailwindcss-alpha","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbradlc%2Ftailwindcss-alpha","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbradlc%2Ftailwindcss-alpha/lists"}