Lone Star UI
A React 19 component library built with TypeScript, Tailwind CSS 4, and CVA (Class Variance Authority). Publishes ESM-only to npm with full type declarations.
- Year
- 2026
- Built with
Overview
Lone Star UI is a personal component library inspired by Allan Peter's Austin TX logo rebrand. It provides a comprehensive set of accessible, composable React components built with Tailwind CSS 4 and CVA for variant management.
What I learned
How to architect a publishable npm component library from scratch using Bun as the build tool. Setting up proper ESM exports with subpath imports for tree-shaking, managing TypeScript declarations alongside distribution files, and publishing to npm. Deepened understanding of CVA for variant-driven component APIs and Tailwind CSS 4's new CSS-first configuration approach.
Why it matters
Published to npm and available for installation in any React 19 project. Provides a reusable foundation for future projects with consistent design tokens in oklch color space, over 40 fully documented components via Storybook with interactive play tests, and type-safe props throughout.
Screens
02 images, select to enlargeHiring a Design Technologist?
I'm looking for my next role on a product team, building design systems and AI tooling. The resume has the details, and my inbox is open.