styled-components / Babel Plugin Styled Components
Licence: mit
Improve the debugging experience and add server-side rendering support to styled-components
Stars: â 878
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Babel Plugin Styled Components
Babel Plugin Css Prop
Babel plugin to transpile `css` prop to a styled component. (Experimental)
Stars: â 56 (-93.62%)
Mutual labels: babel, babel-plugin, styled-components
Babel Plugin React Remove Properties
Babel plugin for removing React properties. đš
Stars: â 327 (-62.76%)
Mutual labels: minification, babel, babel-plugin
Pizzaql
đ Modern OSS Order Management System for Pizza Restaurants
Stars: â 631 (-28.13%)
Mutual labels: babel, ssr, styled-components
Postjss
Use the power of PostCSS in compiling with JSS
Stars: â 40 (-95.44%)
Mutual labels: babel, babel-plugin, styled-components
Babel Plugin Polished
Compile polished helper functions at build time
Stars: â 133 (-84.85%)
Mutual labels: babel, babel-plugin, styled-components
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: â 285 (-67.54%)
Mutual labels: babel, ssr, styled-components
Babel Plugin Transform React Remove Prop Types
Remove unnecessary React propTypes from the production build. đ
Stars: â 890 (+1.37%)
Mutual labels: minification, babel, babel-plugin
Babel Plugin Tailwind Components
Use Tailwind with any CSS-in-JS library
Stars: â 320 (-63.55%)
Mutual labels: babel, babel-plugin
Twin.macro
đŠčââïž Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Stars: â 5,137 (+485.08%)
Mutual labels: babel, styled-components
I18nize React
Internationalize react apps within a lunch break
Stars: â 389 (-55.69%)
Mutual labels: babel, babel-plugin
React Starter Kit
React Starter Kit â front-end starter kit using React, Relay, GraphQL, and JAM stack architecture
Stars: â 21,060 (+2298.63%)
Mutual labels: babel, ssr
Babel Plugin Css Modules Transform
Extract css class names from required css module files, so we can render it on server.
Stars: â 318 (-63.78%)
Mutual labels: babel, babel-plugin
React Bolt
⥠The most simple & robust boilerplate for your React projects.
Stars: â 298 (-66.06%)
Mutual labels: babel, styled-components
Effectfuljs
JavaScript embedded effects compiler
Stars: â 287 (-67.31%)
Mutual labels: babel, babel-plugin
React Loadable
âł A higher order component for loading components with promises.
Stars: â 16,238 (+1749.43%)
Mutual labels: babel-plugin, ssr
Faster.js
faster.js is a Babel plugin that compiles idiomatic Javascript to faster, micro-optimized Javascript.
Stars: â 429 (-51.14%)
Mutual labels: babel, babel-plugin
React Firebase Starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
Stars: â 4,366 (+397.27%)
Mutual labels: ssr, styled-components
Babel Plugin Sitrep
Log all assignments and the return value of a function with a simple comment
Stars: â 442 (-49.66%)
Mutual labels: babel, babel-plugin
Pup
The Ultimate Boilerplate for Products.
Stars: â 563 (-35.88%)
Mutual labels: ssr, styled-components
Babel Plugin Module Resolver
Custom module resolver plugin for Babel
Stars: â 3,134 (+256.95%)
Mutual labels: babel, babel-plugin
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"]
}
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].