# Brio UI - Harjot Singh Rana

Canonical URL: https://www.harjotrana.com/projects/Brio%20UI

> Interaction-first React component library for the parts every website needs: forms, pricing, consent, changelogs, 404s, usage, and inboxes. Each component is one self-contained file you can copy into any React 19 project, themeable through library tokens.

## Links

- GitHub: https://github.com/brio-ui/brio-ui
- Live: https://brioui.com

## Stack

React 19, TypeScript, Motion, Vite

## What I built

- Designed and built 50 composed React components for everyday website sections.
- Single-file components: styles injected with React 19 style hoisting, no CSS build step.
- Runtime dependencies limited to react, react-dom, and motion.
- Shadcn-compatible registry so components install with one command.
- Scaffolding script that creates, registers, and routes a new component.

## Key features

- Higher-level patterns on top of base primitives, not another button library
- Neutral default variant that fits a bank, a dashboard, or a blog
- Theme tokens shared across every component
- Playground with a live demo for each component
- Copy-paste install or shadcn registry install

All projects: https://www.harjotrana.com/projects

---

Site guide for agents: https://www.harjotrana.com/llms.txt · Full site as Markdown: https://www.harjotrana.com/llms-full.txt · Sitemap: https://www.harjotrana.com/sitemap.xml · Developer resources: https://www.harjotrana.com/developers