Skip to content
Projects

patrick-xin/lumi-ui

View on GitHub

patrick-xin/lumi-ui has 29 GitHub stars and 0 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-15 12:34 UTC. Last push 2026-11-05.

How these counts are measured

29 stars0 Forks

Measured star growth

in 24h
0
in 7 days
Collecting history
in 15 days
Collecting history
in 1 month
Collecting history

Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.

About

Composable React components powered by Base UI and Tailwind CSS

Web & Apps

README.md

Original
Lumi UI

A collection of accessible, customizable React components built on Base UI and styled with Tailwind CSS. Own your components, control your design system.

English | 简体中文 | Official Website

License: MIT TypeScript

What is Lumi UI?

Lumi UI gives you production-ready React components with a unique twist: every component comes in two flavors.

  • Composites - Pre-assembled components for rapid development
  • Primitives - Granular building blocks for complete control

Start fast with composites, drop down to primitives when you need custom layouts. No compromises.

Why Lumi UI?

  • Accessibility built-in - ARIA, keyboard navigation, and focus management handled by Base UI
  • Complete code ownership - Copy components into your project, modify freely
  • Dual-layer architecture - Choose between speed (composites) and control (primitives)
  • AI-friendly - Flat exports and clear patterns optimize for AI-assisted development
  • Themeable - Uses shadcn/ui's CSS variable system for easy customization
  • TypeScript - Fully typed with excellent IntelliSense support

Key Concepts

The Hit-Test Philosophy

Interactive areas are forgiving. We use pseudo-elements to separate visual highlights from clickable regions, creating a more natural UX.

AI-Assisted Development

Flat semantic exports and composites as living examples help AI assistants generate correct, idiomatic code on the first try.

Unified Design Language

Shared animation utilities and consistent interaction patterns across all components.

Documentation

Contributing

We welcome contributions! Whether it's:

  • 🐛 Bug reports and fixes
  • 💡 Feature requests and implementations
  • 📖 Documentation improvements
  • 🎨 New themes or component variants

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

  • Base UI: For providing the accessible and unstyled component primitives that form the foundation of Lumi UI.
  • shadcn/ui: For the inspiration behind the architectural patterns and developer experience.
  • Fumadocs: For the exceptional documentation framework that powers our website.

Ready to build? Get started with the installation guide.