PluginStatsbabel-plugin-styled-components weekly downloads statistics
Improve the debugging experience and add server-side rendering support to styled-components
babel-plugin-styled-components has 2,036,260 recorded weekly downloads on npm, a decrease of 48.6% over the past 30 days.
It ranks #156 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -55.6%.
PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.
About babel-plugin-styled-components
babel-plugin-styled-components
This plugin is a highly recommended supplement to the base styled-components library, offering some useful features:
• consistently hashed component classNames between environments (a must for server-side rendering) • better debugging through automatic annotation of your styled components based on their context in the file system, etc. • various types of minification for styles and the tagged template literals styled-components uses
Requirements
This plugin is tested against:
• @babel/core ^7 • styled-components >= 6 (earlier majors may still work but aren't exercised in CI)
Quick start
Install the plugin first:
Then add it to your babel configuration:
Options
Full option reference lives on the styled-components documentation site. A couple worth flagging here:
• topLevelImportPaths (string[]): additional module specifiers whose styled export should be recognized alongside styled-components. Useful for libraries that re-export the styled-components API. • cssPropImportPath (string, default 'styled-components'): which package the css-prop transform should auto-import styled from when the file doesn't already have a styled import. Set to 'styled-components/native' for React Native targets.
Changelog
See Github Releases
Documentation
The documentation for this plugin lives on the styled-components website!
• Usage • Better debugging • Minification
License
Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber.
See LICENSE.md for more information.
Description from the npm listing.
- styled-components
- css-in-js
- babel-plugin
- server-side rendering
- ssr
- displayName
Where babel-plugin-styled-components sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (543)Similar npm Babel plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/babel-plugin-styled-components. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.