
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

Contribute
Become a financial contributor.
Financial Contributions
Top financial contributors
Organizations
$2,700 USD since May 2020
$2,500 USD since Feb 2018
$1,600 USD since Feb 2021
$1,400 USD since Jun 2021
$1,300 USD since Jul 2019
$1,285 USD since Oct 2019
$1,200 USD since Apr 2020
$1,111 USD since Nov 2018
$1,050 USD since Nov 2020
$950 USD since May 2019
Individuals
$410 USD since Feb 2018
$220 USD since Dec 2018
$185 USD since Jun 2019
$175 USD since Sep 2019
$165 USD since Oct 2019
$150 USD since Mar 2018
$150 USD since Feb 2020
$140 USD since Sep 2020
$135 USD since Apr 2018
$135 USD since May 2019
styled-components is all of us
Our contributors 186
Thank you for supporting styled-components.
Max Stoiber
Phil Plückthun
Glen Maddern
Evan Jacobs
Bhargav Ponna...
InVision AG
$2,700 USD
Coinbase
Bronze Sponsor
$2,500 USD
Tesorio
$1,600 USD
Practice Igni...
$1,400 USD
Frontend Masters
$1,300 USD
Dutchie
Backer
$1,285 USD
Underbelly
$1,200 USD

Budget
Transparent and open finances.
Credit from Mirsad Mustafa to styled-components •
Credit from Leonardo Kewitz to styled-components using a Gift Card from Open Collective •
Credit from Benjamin Piouffle to styled-components using a Gift Card from Open Collective •
$15,456.05 USD
$19,998.39 USD
$4,542.34 USD
$7,242.16 USD

About
Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows 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!
styled-components is compatible with both React (for web) and ReactNative – meaning it's the perfect choice even for truly universal apps!