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
$3,200 USD since May 2020
$2,500 USD since Feb 2018
$1,900 USD since Jun 2021
$1,600 USD since Feb 2021
$1,435 USD since Oct 2019
$1,300 USD since Jul 2019
$1,300 USD since Nov 2020
$1,200 USD since Apr 2020
$1,111 USD since Nov 2018
$1,000 USD since Aug 2022
Individuals
$410 USD since Feb 2018
$245 USD since Dec 2018
$195 USD since Sep 2019
$190 USD since Oct 2019
$185 USD since Jun 2019
$175 USD since Feb 2020
$165 USD since Sep 2020
$150 USD since Mar 2018
$135 USD since Apr 2018
$135 USD since May 2019
styled-components is all of us
Our contributors 189
Thank you for supporting styled-components.
Max Stoiber
Phil Plückthun
Glen Maddern
Evan Jacobs
Bhargav Ponna...
InVision AG
$3,200 USD
Coinbase
Bronze Sponsor
$2,500 USD
Practice Igni...
$1,900 USD
Tesorio
$1,600 USD
Dutchie
Backer
$1,435 USD
Frontend Masters
$1,300 USD
Easy Agile
Backer
$1,300 USD
Budget
Transparent and open finances.
Credit from Ayoub Aabass to styled-components •
Credit from Mirsad Mustafa to styled-components •
Credit from Icons8: free icons, photos, illustrations, and music to styled-components •
$17,898.01 USD
$22,440.35 USD
$4,542.34 USD
$8,661.36 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!