Introduction

Merkato UI is a collection of beautifully designed, accessible, and customizable React components built with Tailwind CSS and Shadcn. Our components are designed to help you build modern web applications faster and with better user experience.

Why Merkato UI?

In today's web development landscape, creating consistent, accessible, and beautiful UIs can be time-consuming. Merkato UI solves this by providing:

• Ready-to-use components that maintain consistency across your application
• No vendor lock-in - components are built with standard React and Tailwind CSS
• Full customization - easily adapt components to match your brand identity
• Developer experience - strong TypeScript support and intuitive APIs

Philosophy

We believe that great UI libraries should be both powerful and flexible. Merkato UI is built on these core principles:

• Design First: Each component is carefully designed with modern aesthetics and user experience in mind
• Developer Friendly: Easy to integrate, customize, and extend
• Accessibility Matters: Built following WAI-ARIA guidelines to ensure your applications are accessible to everyone
• Performance Focused: Lightweight and optimized for production use

Features

• 🎨 Beautiful Design: Modern and clean design that follows current UI trends
• 🛠️ Customizable: Easy to customize using Tailwind CSS classes
• ♿️ Accessible: Built with accessibility in mind, following WAI-ARIA guidelines
• 📱 Responsive: Works seamlessly across all screen sizes
• 🚀 TypeScript: Written in TypeScript for better development experience
• 📦 Tree-shakeable: Only bundle what you use

Contributing

Merkato UI is an open-source project, and we welcome contributions from the community. If you'd like to contribute:

• Check out our GitHub repository
• Report bugs or request features through issues
• Submit pull requests to help improve the library