zach.codes

Share this post

User's avatar
zach.codes
Building Component libraries with TSDX and Tailwind
Copy link
Facebook
Email
Notes
More

Building Component libraries with TSDX and Tailwind

Chris Scott's avatar
Chris Scott
Aug 30, 2021
∙ Paid

Share this post

User's avatar
zach.codes
Building Component libraries with TSDX and Tailwind
Copy link
Facebook
Email
Notes
More
2
Share

You can see the video podcast of this post on youtube with more info.

Need to build your own component library? This problem will likely come up at some point in your career and if you’re anything like me you’ve probably wondered, where do I even start? How do other people do this?

Today I’ll walk through a very simple and easy setup to get you jump started building your own reusable component library. No need for a long backstory of my whole career and why we are writing this, this ain’t no recipe website so let’s jump in.

You can find all the finished code for this project on my github here.

Tooling

We will build this project with as few dependencies as possible. Every project, developer, designer, etc has different needs so you’re welcome to add or change tools once we are done.

TSDX

TSDX is a zero-config CLI that helps you develop, test, and publish modern TypeScript packages with ease. It doesn’t even have to be a component library. TSDX takes care of all the tedious tasks of setting up…

Keep reading with a 7-day free trial

Subscribe to zach.codes to keep reading this post and get 7 days of free access to the full post archives.

Already a paid subscriber? Sign in
© 2025 Zach Silveira
Privacy ∙ Terms ∙ Collection notice
Start writingGet the app
Substack is the home for great culture

Share

Copy link
Facebook
Email
Notes
More