⚡ MonoUI

A modern, easy-to-use Tailwind CSS UI library designed to streamline your development process.

Table of Contents

• Getting Started
• Usage
• Components
• Contributing
• License

Getting Started

MonoUI requires no installation — simply choose a component you like, copy the code, and paste it into your project.

Requirements

• Tailwind CSS v4.1 or later
• For components with icons, if you prefer not to use raw <svg> elements, you can copy JSX icons from Lucide.

Usage

1. Find a component you like.
2. Preview it and test how it looks across different screen sizes using the built-in breakpoint toggles.
3. Toggle the preview to show the source code and click the </> Copy button.
4. Paste the copied code into your project.

All components are fully responsive on mobile, tablet, and desktop devices.

Components

MonoUI offers a wide variety of completely free components, with more planned for the future!

UI Elements

• Alerts
• Avatars
• Badges
• Breadcrumbs
• Buttons
• Cards
• Cookies
• Images
• Modals
• Navbars
• Paginations
• Sidebars
• Tables

Forms

• Forms
• Inputs
• Sign In
• Register
• Skeleton

Contributing

Currently, we do not accept contributions, but stay tuned for updates!

License

MonoUI is an open-source project licensed under the MIT License.