Homepage
Open in app
Sign inGet started

šŸ’… styled-components

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

  • v5 release
  • CSS Prop Support
  • Website and Documentation
  • Why styled-components? šŸ’…

    Why styled-components? šŸ’…

    One question I see on Twitter and such often is why a developer should choose styled-components over other CSS-in-JS libraries (andĀ other…
    Go to the profile of Evan Jacobs
    Evan Jacobs
    Feb 4, 2020
    How we built a component library that people actually enjoy using

    How we built a component library that people actually enjoyĀ using

    Our team of three built a component library for a team of 60 designers and engineers, who love using it. Here is how that’s possible.
    Go to the profile of Chase McCoy
    Chase McCoy
    Jun 26, 2019
    Announcing styled-components v5: Beast Mode šŸ’ŖšŸ”„

    Announcing styled-components v5: Beast ModeĀ šŸ’ŖšŸ”„

    50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, RTL support and no breaking changes! šŸ˜šŸ’ÆšŸŽ‰šŸ’…
    Go to the profile of Evan Jacobs
    Evan Jacobs
    Jun 14, 2019
    Build Better Component Libraries with Styled System

    Build Better Component Libraries with StyledĀ System

    Introduction
    Go to the profile of Alan B Smith
    Alan B Smith
    Jan 11, 2019
    Releasing support for the css prop in create-react-app šŸ’…šŸ’–

    Releasing support for the css prop in create-react-app šŸ’…šŸ’–

    The styled-components Babel macro now has full support for the brand new css prop. Go from zero to React app with css prop in 15Ā seconds!
    Go to the profile of Max Stoiber
    Max Stoiber
    Dec 18, 2018
    Announcing native support for the css prop in styled-components šŸŽ‰

    Announcing native support for the css prop in styled-components šŸŽ‰

    A new, convenient way to quickly style and iterate on your components and their boundaries has landed in styled-components!
    Go to the profile of Max Stoiber
    Max Stoiber
    Nov 26, 2018
    Releasing styled-components v4 final šŸŽŠ

    Releasing styled-components v4 finalĀ šŸŽŠ

    After a couple weeks of beta testing styled-components v4 is now officially ready for primetime!
    Go to the profile of Evan Jacobs
    Evan Jacobs
    Oct 15, 2018
    Announcing styled-components v4: Better, Faster, Stronger šŸ’…

    Announcing styled-components v4: Better, Faster, StrongerĀ šŸ’…

    A brand new global styles API, native support for the ā€œasā€ and ā€œrefā€ props, removal of .extend, full React v16 StrictMode-compliance, tons…
    Go to the profile of Evan Jacobs
    Evan Jacobs
    Sep 4, 2018
    How styled-components works: A deep dive under the hood

    How styled-components works: A deep dive under theĀ hood

    CSS-in-JS is getting more and more common in the modern front-end development and especially in the React community. styled-components…
    Go to the profile of Eugene Gluhotorenko
    Eugene Gluhotorenko
    Aug 13, 2018
    styled-components getting started

    styled-components gettingĀ started

    We’re going to style the basic create react app with styled-components to look something likeĀ this:
    Go to the profile of Scott Spence
    Scott Spence
    Apr 3, 2018
    v3.1.0: A massive performance boost and streaming server-side rendering support

    v3.1.0: A massive performance boost and streaming server-side rendering support

    A new CSS injection mechanism means faster client-side rendering in production šŸ”„ and streaming server-side rendering support enablesĀ a…
    Go to the profile of Evan Jacobs
    Evan Jacobs
    Jan 29, 2018
    Effective testing of styled-components with Jest Snapshots

    Effective testing of styled-components with Jest Snapshots

    Writing effective tests can be challenging. This article describes helpful patterns for testing styled-components with Jest snapshots.
    Go to the profile of Alan B Smith
    Alan B Smith
    Dec 20, 2017
    With styled-components into the future

    With styled-components into theĀ future

    Preprocessing is dead, long live preprocessing!
    Go to the profile of Phil Plückthun
    Phil Plückthun
    Oct 12, 2017
    Announcing production-ready linting for styled-components

    Announcing production-ready linting for styled-components

    Interpolation tagging, TypeScript support, a shared config and much more make this our most stable releaseĀ yet!
    Go to the profile of Emil Goldsmith Olesen
    Emil Goldsmith Olesen
    Sep 19, 2017
    Getting Sassy with styled-components

    Getting Sassy with styled-components

    Progressively migrating your app from Sass to styled-components seems daunting, but with a couple of tips and the right tooling it’s aĀ joy!
    Go to the profile of Adam Gruber
    Adam Gruber
    Sep 14, 2017
    Responsive Styled Components in 3 Minutes (and 18 lines of code)

    Responsive Styled Components in 3 Minutes (and 18 lines ofĀ code)

    Motivation
    Go to the profile of Matt Granmoe
    Matt Granmoe
    Aug 29, 2017
    Writing Scalable React Apps with the Component Folder Pattern

    Writing Scalable React Apps with the Component FolderĀ Pattern

    Discover how to organize your React components using the component folder pattern. It will help un-clutter your projects, and yourĀ life.
    Go to the profile of Donavon West
    Donavon West
    Aug 28, 2017
    Building a blog With Next.js and styled-components

    Building a blog With Next.js and styled-components

    Next.js is a framework for building universal React applications. Together with styled-components it’s easy to create a blog based onĀ React…
    Go to the profile of Zach Sherman
    Zach Sherman
    Aug 16, 2017
    How to create responsive UI with styled-components

    How to create responsive UI with styled-components

    There are several approaches on creating responsive web apps with ReactJS. Apart from using whole frameworks like Bootstrap, I wantedĀ to…
    Go to the profile of Andreas Reiterer
    Andreas Reiterer
    Jul 26, 2017
    About šŸ’… styled-componentsLatest StoriesArchiveAbout MediumTermsPrivacyTeams