Introduction
LumexUI is an open-source project that offers a diverse set of beautifully designed Blazor components, all fully built with Tailwind CSS for streamlined and modern web development.
These components are designed to be not only aesthetically pleasing but also highly customizable, allowing you to tailor them to meet your specific needs. The library is optimized for performance, ensuring that your applications remain fast and responsive.
LumexUI’s foundations were influenced by modern React component libraries like HeroUI, particularly in how they approach Tailwind CSS, design, and customization. Our aim is to bring these principles into the Blazor ecosystem for developers who prefer working with Blazor.
Advantages of LumexUI
- Tailwind CSS integration. Every component is crafted using Tailwind CSS, offering the full power of this utility-first CSS framework.
- Beautiful design. Components are designed with attention to detail, providing a clean and professional look out of the box.
- Highly customizable. With extensive customization options, components can be adapted to match any branding and design preferences.
- Performance-optimized. Every component in LumexUI is designed with performance in mind, ensuring applications load quickly and run smoothly, even at scale.
- Conflict-free styling. Under the hood, LumexUI uses TailwindMerge.NET, a utility for resolving Tailwind CSS class conflicts.
What to read next
Ready to dive in? Choose a starting point that fits your needs – though we recommend exploring all sections if possible!
Add LumexUI to a Blazor project with simple installation steps.
Explore the full collection of components and learn how to use them.
Explore the customization options to tailor components to specific needs.
Learn how to switch between light, dark, and system modes.
Community
We're excited to see the community adopt LumexUI, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!