Celebrating a Decade of styled-componentsWe're so back! A retrospective on the past decade of styled-components and where we're headed.

CSS for the `<Component>` Age

Fast, expressive styling for React. Server components, client components, streaming SSR, React Native, all one API.

$Stars on GitHub$ $Current version$ $Monthly downloads$

Getting Started API Docs GitHub

Latest PostApr 10, 2026

Celebrating a Decade of styled-componentsWe're so back! A retrospective on the past decade of styled-components and where we're headed.

/* Edit me! This renders the buttons on the left. */
const Button = styled.a`
  --bg: transparent;
  --fg: ${theme.color.text};
  --border: ${theme.color.borderStrong};
  --shadow: transparent;


  background: var(--bg);
  color: var(--fg);
  border: 1px solid var(--border);
  border-radius: 3px;
  display: inline-block;
  margin: 0.5rem 0;
  padding: 0.5rem 1rem;
  font-weight: 600;
  text-align: center;

CSS for the <Component> Age

Fast, expressive styling for React. Server components, client components, streaming SSR, React Native, all one API.

CSS for the `<Component>` Age