Jenny's UI System
I built this project to deepen my understanding of component-driven UI in React. It focuses on reusable primitives like buttons, cards, inputs, loaders and modals, built with TypeScript for strong typing and Tailwind for consistent styling. The goal is to combine composition,consistency and developer experience. The demo shows how good component design translates into real product UX, and the playground lets you explore every component in isolation.
Built for reuse
Every component is designed as a primitive that can be composed into real UI patterns without duplication.
Composable architecture
Components are built to work together — not as isolated elements, but as a system.
View Component Library
Buttons
Buttons trigger user actions and communicate hierarchy through variants.
Inputs
Primitive input
InputField
Search
Cards
Default
Orange
Outlined
Elevated
User
Jenny Makki
Actions