Introduction

Welcome to MosaicUI, a free and open-source collection of high-performance, accessible React components built to power your next React app.

Instead of relying on heavy UI frameworks, you can simply copy, paste, and customize each component to fit your needs.

How It Helps

We believe that UI components should be flexible, not restrictive. Our components are built on four core pillars:

1. Fully Customizable

Every component is styled using CSS Modules. This ensures styles are scoped locally to the component, preventing global namespace collisions while making it incredibly easy for you to tweak the .module.css files to match your brand.

2. Modern React Practices

Built with modern React (17+) using functional components and hooks, delivering clean, maintainable code ready for real-world projects.

3. Performance First

Lightweight and optimized to prevent unnecessary re-renders, ensuring smooth animations and interactions without impacting performance.

4. Accessibility (A11y)

Includes keyboard accessibility where applicable, helping you build inclusive and user-friendly experiences.

Ready to build?

Check the Installation section to get started.

See the Changelog for the latest updates.