styled-system logo

Build Better Component Libraries with Styled System


A Brief Overview of Styled System


An Ideal Structure

types of components in a shared library

Common Problems & Styled System Solutions

Note: Brent Jackson also discusses several of the issues mentioned here.

Note: If you’re not familiar with ‘component hierarchy,’ I would recommend reading Brad Frost’s Atomic Design and Subatomic Design Systems by Daniel Eden






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

Recommended from Medium

Final Entry

My road from a hillbilly to a professional developer

10 Hidden Costs of Outsourcing

10 Hidden Costs of Outsourcing

Document REST APIs with SpringDoc and Grommet Swagger

Introduction to Laravel 7 for Complete Beginners

Empathy and the Software Engineer

Codable in Swift 4.0

CS371p Fall 2021: Daniel Killough

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alan B Smith

Alan B Smith

design systems @workday

More from Medium

Create dark mode structure in React projects (using Tailwind CSS, Typescript, and Custom Hook)

Component from NPM module cannot be used as a JSX component

Document Transition API — Creating a React Hook

Building a simple and reusable Radio Group component with React