MaryUI
Laravel Blade UI Components made for Livewire 3
FreeOpen SourceUI Library11,837 impressions#106 of its week
MaryUI provides ready-made Laravel Blade UI components for Livewire 3 styled with DaisyUI and Tailwind.
- for
- Laravel developers using Livewire 3 who need pre-built UI components.
- pricing
- open source
- license
- open source
Key features
- Form components — Ready-made inputs, selects, toggles and range sliders for rapid form creation.
- Table components — Configurable tables with sorting, pagination, expansion and custom actions.
- Modal & Drawer dialogs — Easy-to-use modal and drawer components with built-in close and confirm actions.
- Searchable choices — Server-side and client-side searchable dropdowns for large option sets.
- Image upload — Automatic image upload to local storage or S3 with size limit of 100 KB.
- Styling integration — Components are styled out-of-the-box with DaisyUI and Tailwind CSS.
Use cases
- Admin dashboards with sortable, paginated tables
- CRUD forms with validation and file uploads
- Dynamic searchable dropdowns for large datasets
- Modal-driven confirmations and user interactions
MaryUI vs alternatives
 MaryUI |  Float UI v2 |  Flowbite |  Saas UI | |
|---|---|---|---|---|
| Best for | Blade components for Livewire 3 | Tailwind UI components across frameworks | Tailwind UI components for generic web projects | React component library for SaaS apps |
| Pricing | Open source | Free | Free | Free |
| DevHunt upvotes | 6 | 44 | 36 | 54 |
| Launched | Jan 2023 | Dec 2023 | Jan 2024 | Jan 2023 |
- MaryUI vs Float UI v2: Float UI v2 offers free Tailwind UI components for HTML/React/Vue, not Laravel Blade/Livewire specific.
- MaryUI vs Flowbite: Flowbite provides Tailwind-based UI components for HTML/React, but lacks Laravel Blade integration.
- MaryUI vs Saas UI: Saas UI is a React component library and starter kit, whereas MaryUI targets Laravel Blade and Livewire.
MaryUI FAQ
How do I upload images with MaryUI?+
Use the image component; it automatically stores files on the configured local disk or an S3 bucket, limited to 100 KB.
Can I perform server-side search in dropdowns?+
Yes, the <x-choices> component supports server-side searching via Livewire bindings.
Is there a client-side searchable dropdown?+
The <x-choices-offline> component provides frontend-side searchable options.
How are tables made sortable or expandable?+
Pass a sort-by object and enable the expandable flag on <x-table> to get sorting and row expansion.
Do I need to write custom CSS?+
Components are pre-styled with DaisyUI and Tailwind, but you can add Tailwind classes for further customization.
Summarized by DevHunt from mary-ui.com · Sep 27, 2026. Details may change; check the official site.
