finds.dev← search

// the find

emmabostian/fem-design-systems

★ 530 · JavaScript · updated Jan 2023

Course companion repo for Emma Bostian's Frontend Masters design systems course. It's a small Storybook setup with a handful of styled-components-based React components (Button, Modal, TextField) meant to be built out as you follow along with the course. Not a production-ready component library.

Storybook with MDX stories is a reasonable way to teach design system documentation — students see docs and components together. Styled-components theming with light/dark support is wired up cleanly for a teaching example. The scope is deliberately narrow, which makes it approachable for someone new to the space.

Abandoned since 2023 and was never meant to be anything beyond a course artifact — don't adopt this as a starting point for a real project. The built storybook-static directory is committed to the repo, which is a mess. Component coverage is three components total: Button, Modal, TextField. No tests, no accessibility handling, no TypeScript.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →