Componentpedia / Listings / babel-plugin-styled-components

Last update: 13/07/2025

babel-plugin-styled-components

Improve the debugging experience and add server-side rendering support to styled-components

Latest version: 2.1.4 registry icon
Maintenance score
0
Safety score
0
Popularity score
76
Check your open source dependency risks. Get immediate insight about security, stability and licensing risks.
De-risk your app now
Security
  Vulnerabilities
Version Suggest Low Medium High Critical
2.1.4 0 0 0 0 0
2.1.3 0 0 0 0 0
2.1.2 0 0 0 0 0
2.1.1 0 0 0 0 0
2.1.0 0 0 0 0 0
2.0.7 0 0 0 0 0
2.0.6 0 0 0 0 0
2.0.5 0 0 0 0 0
2.0.4 0 0 0 0 0
2.0.3 0 0 0 0 0
2.0.2 0 0 0 0 0
2.0.1 0 0 0 0 0
2.0.0 0 0 0 0 0
1.13.3 0 0 0 0 0
1.13.2 0 0 0 0 0
1.13.1 0 0 0 0 0
1.13.0 0 0 0 0 0
1.12.1 0 0 0 0 0
1.12.0 0 0 0 0 0
1.11.1 0 0 0 0 0
1.11.0 0 0 0 0 0
1.11.0-0 0 0 0 0 0
1.10.7 0 0 0 0 0
1.10.6 0 0 0 0 0
1.10.5-gatsby 0 0 0 0 0
1.10.5 0 0 0 0 0
1.10.4 0 0 0 0 0
1.10.3 0 0 0 0 0
1.10.2-ej8 0 0 0 0 0
1.10.2-ej7 0 0 0 0 0
1.10.2-ej6 0 0 0 0 0
1.10.2-ej5 0 0 0 0 0
1.10.2-ej4 0 0 0 0 0
1.10.2-ej3 0 0 0 0 0
1.10.2-ej2 0 0 0 0 0
1.10.2-ej1 0 0 0 0 0
1.10.2-ej0 0 0 0 0 0
1.10.2 0 0 0 0 0
1.10.1-1 0 0 0 0 0
1.10.1-ej2 0 0 0 0 0
1.10.1-ej1 0 0 0 0 0
1.10.1-ej0 0 0 0 0 0
1.10.1 0 0 0 0 0
1.10.1-0 0 0 0 0 0
1.10.0 0 0 0 0 0
1.9.5-0 0 0 0 0 0
1.9.4 0 0 0 0 0
1.9.4-0 0 0 0 0 0
1.9.3 0 0 0 0 0
1.9.3-0 0 0 0 0 0
1.9.2 0 0 0 0 0
1.9.1 0 0 0 0 0
1.9.1-0 0 0 0 0 0
1.9.0-1 0 0 0 0 0
1.9.0 0 0 0 0 0
1.9.0-0 0 0 0 0 0
1.8.0-1 0 0 0 0 0
1.8.0 0 0 0 0 0
1.8.0-0 0 0 0 0 0
1.7.2 0 0 0 0 0
1.7.1 0 0 0 0 0
1.7.0 0 0 0 0 0
1.7.0-0 0 0 0 0 0
1.6.4 0 0 0 0 0
1.6.3 0 0 0 0 0
1.6.2 0 0 0 0 0
1.6.2-0 0 0 0 0 0
1.6.1 0 0 0 0 0
1.6.0 0 0 0 0 0
1.5.1 0 0 0 0 0
1.5.0 0 0 0 0 0
1.4.0 0 0 0 0 0
1.3.0 0 0 0 0 0
1.2.1 0 0 0 0 0
1.2.0 0 0 0 0 0
1.1.7 0 0 0 0 0
1.1.6 0 0 0 0 0
1.1.5 0 0 0 0 0
1.1.4 0 0 0 0 0
1.1.3 0 0 0 0 0
1.1.2 0 0 0 0 0
1.1.1 0 0 0 0 0
1.1.0 0 0 0 0 0
1.0.1 0 0 0 0 0
1.0.0 0 0 0 0 0
0.0.3-1 0 0 0 0 0
0.0.3-0 0 0 0 0 0
0.0.2 0 0 0 0 0

Stability
Latest release:

2.1.4 - This version may not be safe as it has not been updated for a long time. Find out if your coding project uses this component and get notified of any reported security vulnerabilities with Meterian-X Open Source Security Platform

Licensing

Maintain your licence declarations and avoid unwanted licences to protect your IP the way you intended.

MIT   -   MIT License

Not a wildcard

Not proprietary

OSI Compliant

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

Quick start

Install the plugin first:

npm install --save-dev babel-plugin-styled-components

Then add it to your babel configuration:

{
  "plugins": ["babel-plugin-styled-components"]
}

Changelog

See Github Releases

Documentation

The documentation for this plugin lives on the styled-components website!

License

Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber.

See LICENSE.md for more information.