Build a React UI Library with Shadcn, Vite, Tailwind v4 & Storybook
In this article, we will walk through the process of setting up a React UI Library
I build things for the web, mostly on the frontend, where design and logic have to work together without getting in the way. I care a lot about how interfaces feel in real use. How screens flow, how states change, and how small details affect the overall experience. Working full stack helps me design UIs that make sense not just visually, but technically too.
I like simple solutions, clear structure, and software that feels easy to use. I often build small side projects to try out new ideas or patterns, and those experiments usually feed back into my real work. Whether I am working solo or with a team, I try to keep a balance between details and the bigger picture, and build products that are reliable, scalable, and genuinely pleasant to use.
Software Developer
Member of Technical Staff
Programmer Analyst
Intern

A modern, production-ready starter template for building and documenting React UI components. This codebase accompanies an in-depth article published on Medium and my personal website, where I break down the architecture and decisions behind it. It leverages shadcn/ui for composable primitives, Vite for fast development, Storybook for isolated component visualization, and Tailwind CSS for utility-first styling.
Bachelor's of Engineering in Computer Science
In this article, we will walk through the process of setting up a React UI Library