Theme values instead of repeated styling
Semantic CSS variables let a product change colors, spacing, and typography without rewriting the components. Shared primitives make the interface more consistent as the product grows.
GUS UI · Built by Gus Vega
A consistent foundation for interfaces.
A React component library for building cohesive product interfaces, with reusable components, theme values, and working documentation.
My role
Design systems and front-end engineering
I built the component library, theme system, and documentation experience to give my products a shared visual and interaction foundation. Components ship with TypeScript declarations and compiled CSS in the public @gusvega/ui package.
Engineering decisions.
Examples beside the API
The documentation pairs rendered components with usage code, props, and interaction guidance. It gives a developer a working reference when choosing and integrating a component.
What you can explore.
Version 1.0.0 is published on npm under an MIT license, with a GitHub Packages mirror and public source. Explore the interactive documentation or install the package to use it in a React application.
Getting started.
- Browse the documentation to find the component or interaction you need.
- Install @gusvega/ui and import its stylesheet once in your application.
- Use the live examples and component source when adapting the library to your product.