{"id":4532,"url":"https://github.com/styled-components/styled-components","last_synced_at":"2026-02-19T22:10:35.007Z","repository":{"id":37430736,"uuid":"65794292","full_name":"styled-components/styled-components","owner":"styled-components","description":"Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅","archived":false,"fork":false,"pushed_at":"2026-01-11T02:29:10.000Z","size":36031,"stargazers_count":41020,"open_issues_count":333,"forks_count":2527,"subscribers_count":341,"default_branch":"main","last_synced_at":"2026-01-11T02:32:25.899Z","etag":null,"topics":["css","css-in-js","react","styled-components"],"latest_commit_sha":null,"homepage":"https://styled-components.com","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/styled-components.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"quantizor","patreon":null,"open_collective":"styled-components","ko_fi":null,"tidelift":null,"custom":null}},"created_at":"2016-08-16T06:41:32.000Z","updated_at":"2026-01-11T02:00:15.000Z","dependencies_parsed_at":"2025-11-21T20:02:28.666Z","dependency_job_id":null,"html_url":"https://github.com/styled-components/styled-components","commit_stats":{"total_commits":2858,"total_committers":381,"mean_commits":7.501312335958005,"dds":0.7256822953114066,"last_synced_commit":"6f6db180bd0ec89bd4342dc4b8f1eae0b34d8dca"},"previous_names":["css-components/styled-components"],"tags_count":272,"template":false,"template_full_name":null,"purl":"pkg:github/styled-components/styled-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Fstyled-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Fstyled-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Fstyled-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Fstyled-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/styled-components","download_url":"https://codeload.github.com/styled-components/styled-components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/styled-components%2Fstyled-components/sbom","scorecard":{"id":856523,"data":{"date":"2025-08-11","repo":{"name":"github.com/styled-components/styled-components","commit":"d0b73acd931daef9eebb97e34fe4552ffc57d63e"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":4.1,"checks":[{"name":"Code-Review","score":4,"reason":"Found 12/29 approved changesets -- score normalized to 4","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":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","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":"Maintained","score":3,"reason":"4 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 3","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"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":"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":"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":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Info: jobLevel 'actions' permission set to 'read': .github/workflows/codeql-analysis.yml:28","Info: jobLevel 'contents' permission set to 'read': .github/workflows/codeql-analysis.yml:29","Warn: no topLevel permission defined: .github/workflows/codeql-analysis.yml:1","Warn: no topLevel permission defined: .github/workflows/release.yml:1","Info: topLevel 'contents' permission set to 'read': .github/workflows/test.yml:11","Info: no jobLevel write permissions found"],"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":"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":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"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":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:57: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/codeql-analysis.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/release.yml/main?enable=pin","Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/release.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:36: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/test.yml/main?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/styled-components/styled-components/test.yml/main?enable=pin","Info:   0 out of  12 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 third-party GitHubAction dependencies pinned"],"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":"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":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"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":"SAST","score":9,"reason":"SAST tool detected but not run on all commits","details":["Info: SAST configuration detected: CodeQL","Warn: 19 commits out of 20 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"}},{"name":"Vulnerabilities","score":0,"reason":"31 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx","Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-36jr-mh4h-2g58","Warn: Project is vulnerable to: GHSA-3q56-9cc2-46j4","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f82v-jwr5-mffw","Warn: Project is vulnerable to: GHSA-c59h-r6p8-q9wc","Warn: Project is vulnerable to: GHSA-g77x-44xx-532m","Warn: Project is vulnerable to: GHSA-7gfc-8cq8-jh5f","Warn: Project is vulnerable to: GHSA-qpjv-v59x-3qc4","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-rxrc-rgv4-jpvx","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-24T00:00:05.996Z","repository_id":37430736,"created_at":"2025-08-24T00:00:05.997Z","updated_at":"2025-08-24T00:00:05.997Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28517696,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T18:55:29.170Z","status":"ssl_error","status_checked_at":"2026-01-17T18:55:03.375Z","response_time":85,"last_error":"SSL_read: 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":["css","css-in-js","react","styled-components"],"created_at":"2024-01-05T20:17:15.442Z","updated_at":"2026-02-19T22:10:35.001Z","avatar_url":"https://github.com/styled-components.png","language":"TypeScript","readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.styled-components.com\"\u003e\n    \u003cimg alt=\"styled-components\" src=\"https://raw.githubusercontent.com/styled-components/brand/master/styled-components.png\" height=\"150px\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cstrong\u003eVisual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅\u003c/strong\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003ca href=\"https://www.npmjs.com/package/styled-components\"\u003e\u003cimg src=\"https://www.styled-components.com/proxy/downloads.svg\" alt=\"downloads: 600k/month\"\u003e\u003c/a\u003e\n  \u003ca href=\"#backers\" alt=\"sponsors on Open Collective\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/backers/badge.svg\" /\u003e\u003c/a\u003e \u003ca href=\"#sponsors\" alt=\"Sponsors on Open Collective\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsors/badge.svg\" /\u003e\u003c/a\u003e \n  \u003ca href=\"https://bundlephobia.com/result?p=styled-components\" title=\"styled-components latest minified+gzip size\"\u003e\u003cimg src=\"https://badgen.net/bundlephobia/minzip/styled-components\" alt=\"gzip size\"\u003e\u003c/a\u003e\n  \u003ca href=\"#alternative-installation-methods\"\u003e\u003cimg src=\"https://img.shields.io/badge/module%20formats-umd%2C%20cjs%2C%20esm-green.svg\" alt=\"module formats: umd, cjs, esm\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://codecov.io/gh/styled-components/styled-components\"\u003e\u003cimg src=\"https://codecov.io/gh/styled-components/styled-components/coverage.svg?branch=main\" alt=\"Code Coverage\"\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n**Upgrading from v5?** See the [migration guide](https://styled-components.com/docs/faqs#what-do-i-need-to-do-to-migrate-to-v6).\n\nUtilizing [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allow you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!\n\n```jsx\nconst Button = styled.button`\n  color: grey;\n`;\n```\n\nAlternatively, you may use [style objects](https://www.styled-components.com/docs/advanced#style-objects). This allows for easy porting of CSS from inline styles, while still supporting the more advanced styled-components capabilities like component selectors and media queries.\n\n```jsx\nconst Button = styled.button({\n  color: 'grey',\n});\n```\n\nEquivalent to:\n\n```jsx\nconst Button = styled.button`\n  color: grey;\n`;\n```\n\n`styled-components` is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! It also supports React Server Components (RSC) through automatic runtime detection. See the [documentation about React Native](https://www.styled-components.com/docs/basics#react-native) for more information.\n\n_Supported by [Front End Center](https://frontend.center). Thank you for making this possible!_\n\n---\n\n## [Docs](https://www.styled-components.com/docs)\n\n**See the documentation at [styled-components.com/docs](https://www.styled-components.com/docs)** for more information about using `styled-components`!\n\nQuicklinks to some of the most-visited pages:\n\n- [**Getting started**](https://www.styled-components.com/docs/basics)\n- [API Reference](https://styled-components.com/docs/api)\n- [Theming](https://www.styled-components.com/docs/advanced#theming)\n- [Server-side rendering](https://www.styled-components.com/docs/advanced#server-side-rendering)\n- [React Server Components](https://www.styled-components.com/docs/advanced#react-server-components) (RSC support)\n- [Tagged Template Literals explained](https://www.styled-components.com/docs/advanced#tagged-template-literals)\n\n---\n\n## Example\n\n```jsx\nimport React from 'react';\n\nimport styled from 'styled-components';\n\n// Create a \u003cTitle\u003e react component that renders an \u003ch1\u003e which is\n// centered, palevioletred and sized at 1.5em\nconst Title = styled.h1`\n  font-size: 1.5em;\n  text-align: center;\n  color: palevioletred;\n`;\n\n// Create a \u003cWrapper\u003e react component that renders a \u003csection\u003e with\n// some padding and a papayawhip background\nconst Wrapper = styled.section`\n  padding: 4em;\n  background: papayawhip;\n`;\n\nfunction MyUI() {\n  return (\n    // Use them like any other React component – except they're styled!\n    \u003cWrapper\u003e\n      \u003cTitle\u003eHello World, this is my first styled component!\u003c/Title\u003e\n    \u003c/Wrapper\u003e\n  );\n}\n```\n\nThis is what you'll see in your browser:\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://styled-components.com\"\u003e\n    \u003cimg alt=\"Screenshot of the above code ran in a browser\" src=\"http://i.imgur.com/wUJpcjY.jpg\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n## Looking for v5?\n\nThe `main` branch is for the most-current version of styled-components, currently v6. For changes targeting v5, please point your PRs at the `legacy-v5` branch.\n\n---\n\n## Built with `styled-components`\n\nA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There are also a whole lot of interesting apps and sites that people have built using styled-components.\n\nMake sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it.\n\n---\n\n## Contributing\n\nIf you want to contribute to `styled-components` please see our [contributing and community guidelines](./CONTRIBUTING.md), they'll help you get set up locally and explain the whole process.\n\nPlease also note that all repositories under the `styled-components` organization follow our [Code of Conduct](./CODE_OF_CONDUCT.md), make sure to review and follow it.\n\n---\n\n## Badge\n\nLet everyone know you're using _styled-components_ → [![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357\u0026colorA=db748e)](https://github.com/styled-components/styled-components)\n\n```md\n[![style: styled-components](https://img.shields.io/badge/style-%F0%9F%92%85%20styled--components-orange.svg?colorB=daa357\u0026colorA=db748e)](https://github.com/styled-components/styled-components)\n```\n\n---\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n\u003ca href=\"https://github.com/styled-components/styled-components/graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/contributors.svg?width=890\" /\u003e\u003c/a\u003e\n\n---\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/styled-components#backer)]\n\n\u003ca href=\"https://opencollective.com/styled-components#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/backers.svg?width=890\"\u003e\u003c/a\u003e\n\n---\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]\n\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/styled-components/sponsor/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/styled-components/sponsor/9/avatar.svg\"\u003e\u003c/a\u003e\n\n---\n\n## License\n\nLicensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.\n\nSee [LICENSE](./LICENSE) for more information.\n\n---\n\n## Acknowledgements\n\nThis project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson \u0026 Andrey Sitnik who contributed ideas, code or inspiration.\n\nSpecial thanks to [@okonet](https://github.com/okonet) for the fantastic logo.\n","funding_links":["https://github.com/sponsors/quantizor","https://opencollective.com/styled-components"],"categories":["Components","CSS in JS","Uncategorized","五、样式解决方案","Code Design","Styling","React [🔝](#readme)","TypeScript","Frontend","Pending improvements:","FrontEnd","JavaScript","Tools","CSS","HarmonyOS","前端开发框架及项目","ReactJS","样式（Styling）","React","目录","Currently Using","库",":file_folder: Browser",":books: Libraries","📖 Categories","UI"],"sub_categories":["Styling","Editor's Draft :black_nib:","Uncategorized","3.  Immutable 工具（辅助状态管理）","CSS / Style","Style","React Components","Windows Manager","其他_文本生成、文本对话","UI","React相关","Tests","CSS Framework","React","React Styling"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyled-components%2Fstyled-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstyled-components%2Fstyled-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstyled-components%2Fstyled-components/lists"}