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.
Project 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.
Knowledge Gained
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.
The Impact
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.