Homepage
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

  • v2 Release
  • Primitives support
  • Website
  • 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
    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 Scott
    Evan Scott
    Jan 29
    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
    The simple guide to server-side rendering React with styled-components

    The simple guide to server-side rendering React with styled-components

    The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The…
    Go to the profile of Dennis Brotzky
    Dennis Brotzky
    Dec 12, 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

    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
    How to build a simple HackerNews feed with styled-components

    How to build a simple HackerNews feed with styled-components

    Some weeks ago I stumbled over an impressive new library called styled-components. It does not only enable you to write actual CSS in your…
    Go to the profile of Andreas Reiterer
    Andreas Reiterer
    Jul 12, 2017
    Creating truly universal React component systems

    Creating truly universal React component systems

    Announcing styled-components/primitives, an experimental entry point combining styled-components and react-primitives
    Go to the profile of Max Stoiber
    Max Stoiber
    Jun 19, 2017
    Announcing 💅 styled-components v2: A smaller, faster drop-in upgrade with even more features

    Announcing 💅 styled-components v2: A smaller, faster drop-in upgrade with even more features

    After a six month long iteration process and over 300 commits we’re super excited to announce the official release of styled-components v2!
    Go to the profile of Max Stoiber
    Max Stoiber
    May 25, 2017
    About 💅 styled-componentsLatest StoriesArchiveAbout MediumTermsPrivacy