Fast, expressive styling for React.
Server components, client components, streaming SSR, React Native: one API.

--- styled-components is largely maintained by one person. Please help fund the project for consistent long-term support and updates: [Open Collective](https://opencollective.com/styled-components) --- Style React components with real CSS, scoped automatically and delivered only when needed. No class name juggling, no separate files, no build step required. - **Works everywhere React runs.** Server components, client components, streaming SSR, and React Native: same API, automatic runtime detection. - **Full CSS, no compromises.** Media queries, pseudo-selectors, nesting, keyframes, global styles. If CSS supports it, so does styled-components. - **TypeScript-first.** Built-in types ship with the package. Props flow through to your styles with full inference: no `@types` install, no manual generics. - **<13kB gzipped.** Small enough to disappear in your bundle. No build plugin required. ## Install ```sh npm install styled-components ```

pnpm / yarn

```sh pnpm add styled-components ``` ```sh yarn add styled-components ```

## Backers Thank you to all our backers! [[Become a backer](https://opencollective.com/styled-components#backer)]

## Sponsors Support this project by becoming a sponsor. [[Become a sponsor](https://opencollective.com/styled-components#sponsor)]

## Acknowledgements This project builds on earlier work by Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson, and Andrey Sitnik. Special thanks to [@okonet](https://github.com/okonet) for the logo. ## License Licensed under the MIT License, Copyright © 2016-present styled-components contributors. See [LICENSE](./LICENSE) for details.