6 Laravel UI Kits & Component Libraries (2025) | Mohamed Said [Skip to content](#main) [ ![](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed SaidLaravel Backend Engineer ](https://www.msaied.com/public) - [Home](https://www.msaied.com/public) - [Projects](https://www.msaied.com/public/projects) - [Articles](https://www.msaied.com/public/articles) - [Certificates](https://www.msaied.com/public/certificates) - [About](https://www.msaied.com/public#about) [ Contact](https://www.msaied.com/public#contact) Menu Menu ---- Close - [HomeStart here](https://www.msaied.com/public) - [ProjectsCase studies](https://www.msaied.com/public/projects) - [ArticlesEngineering notes](https://www.msaied.com/public/articles) - [CertificatesCredentials](https://www.msaied.com/public/certificates) - [AboutHow I work](https://www.msaied.com/public#about) - [ContactGet in touch](https://www.msaied.com/public#contact) [Start a conversation](https://www.msaied.com/public#contact) [WhatsApp](https://wa.me/201094619204) [Email](mailto:hello@msaied.com) 1. [Home](https://www.msaied.com/public) 2. / 3. [Articles](https://www.msaied.com/public/articles) 4. / 5. [Laravel](https://www.msaied.com/public/articles?category=laravel) 6. / 7. 6 Laravel UI Kits and Component Libraries for 2025 (Tailwind v4 + Livewire) [Laravel](https://www.msaied.com/public/articles?category=laravel) [Livewire](https://www.msaied.com/public/articles?category=livewire) 6 Laravel UI Kits and Component Libraries for 2025 (Tailwind v4 + Livewire) ============================================================================ A hands-on comparison of six Laravel Blade UI component libraries—Flowbite, daisyUI, Preline, maryUI, Sheaf UI, and TallStackUI—updated for Tailwind v4 and the Livewire starter kit. ![](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp) [Mohamed Said](https://www.msaied.com/public#person) Published 22 Jul 2026 · Updated 22 Jul 2026 · 4 min read ShareCopy linkCopied ![6 Laravel UI Kits and Component Libraries for 2025 (Tailwind v4 + Livewire)](https://cdn.msaied.com/457/dba84fd2829714df4374ab87d7378b51.png) On this page +1. [6 Laravel UI Kits and Component Libraries for 2025](#6-laravel-ui-kits-and-component-libraries-for-2025) 2. [1. Flowbite](#1-flowbite) 3. [2. daisyUI](#2-daisyui) 4. [3. Preline](#3-preline) 5. [4. maryUI](#4-maryui) 6. [5. Sheaf UI](#5-sheaf-ui) 7. [6. TallStackUI](#6-tallstackui) 8. [Key Takeaways](#key-takeaways) 6 Laravel UI Kits and Component Libraries for 2025 -------------------------------------------------- The Laravel ecosystem offers a rich selection of Blade UI component libraries. This article reviews six of the most popular options, showing how to install each one and swap it into a real login form built with the **Livewire starter kit** and **Tailwind v4**. The baseline is the default login form that ships with the Livewire starter kit, which uses Flux components (``, ``, etc.). Each section below replaces those Flux components with the library under review. --- 1. Flowbite ----------- [Flowbite](https://flowbite.com) is a Tailwind-based component library. You install it via npm and register it as a plugin in `app.css`. ```bash npm install flowbite --save ``` ```css /* resources/css/app.css */ @import 'tailwindcss'; @import 'flowbite/src/themes/default'; @plugin 'flowbite/plugin'; @source '../../node_modules/flowbite'; ``` You then create plain Blade components (`button`, `input`, `label`) and paste the Flowbite utility classes into each one. Because the classes live in your own components, you keep full control over markup. --- 2. daisyUI ---------- [daisyUI](https://daisyui.com) adds semantic class names on top of Tailwind—similar in spirit to Bootstrap. A button becomes `btn btn-outline btn-primary`; an input becomes `input input-bordered w-full`. ```bash npm i -D daisyui@latest ``` ```css /* resources/css/app.css */ @import 'tailwindcss'; @plugin 'daisyui'; ``` Blade components are still hand-crafted, but the class strings are much shorter than raw Tailwind utilities. --- 3. Preline ---------- [Preline](https://preline.co) ships utility-class snippets plus JavaScript plugins for interactive components. It requires `@tailwindcss/forms` as a peer dependency. ```bash npm install preline npm install -D @tailwindcss/forms ``` ```css @import "../../node_modules/preline/variants.css"; @plugin '@tailwindcss/forms'; @source "../../node_modules/preline/dist/*.js"; ``` Preline also provides ready-made [page examples](https://preline.co/examples.html) and [plugins](https://preline.co/plugins.html) for dropdowns, modals, and more. --- 4. maryUI --------- [maryUI](https://mary-ui.com) is purpose-built for **Livewire** and uses daisyUI under the hood. Installation is a single composer command. ```bash composer require robsontenorio/mary php artisan mary:install ``` Components use the `x-mary-*` prefix (``, ``), and they accept the same `wire:model` attributes as Flux components, making migration straightforward. --- 5. Sheaf UI ----------- [Sheaf UI](https://sheafui.dev) is powered by Livewire, Alpine.js, and Tailwind CSS. Components are published individually via Artisan, so you only ship what you use. ```bash composer require sheaf/cli php artisan sheaf:init php artisan sheaf:install button php artisan sheaf:install input php artisan sheaf:install field ``` Components live under the `x-ui.*` namespace (``, ``, ``). The `field` wrapper component handles label, input, and error display together. --- 6. TallStackUI -------------- [TallStackUI](https://tallstackui.com) targets the full TALL stack (Tailwind, Alpine, Livewire, Laravel). Install via composer and add its script tag to your layout. ```bash composer require tallstackui/tallstackui:^2.0.0 ``` ```blade {{-- resources/views/partials/head.blade.php --}} ``` ```css @import '../../vendor/tallstackui/tallstackui/css/v4.css'; @plugin '@tailwindcss/forms'; @source '../../vendor/tallstackui/tallstackui/**/*.php'; ``` Components use generic names (``, ``, ``, ``) with props like `color`, `submit`, and `xs` for sizing. --- Key Takeaways ------------- - **Flowbite & Preline** are CSS/JS class libraries—you write your own Blade components and apply their utility classes. - **daisyUI** provides semantic shorthand classes that sit on top of Tailwind, reducing verbose class strings. - **maryUI** is the most Livewire-native option and installs with a single `php artisan mary:install`. - **Sheaf UI** lets you publish only the components you need, keeping your project lean. - **TallStackUI** covers the widest component surface for TALL-stack projects and ships its own CSS for Tailwind v4. - All six libraries are compatible with **Tailwind v4** and the **Livewire starter kit** as of 2025. --- Source: [6 Laravel UI Kits and Component Libraries: 2025 Version](https://laraveldaily.com/post/laravel-ui-kits-component-libraries) - [Laravel](https://www.msaied.com/public/articles?search=Laravel) - [Tailwind CSS](https://www.msaied.com/public/articles?search=Tailwind%20CSS) - [Livewire](https://www.msaied.com/public/articles?search=Livewire) - [Blade Components](https://www.msaied.com/public/articles?search=Blade%20Components) - [UI Libraries](https://www.msaied.com/public/articles?search=UI%20Libraries) Frequently asked questions --------------------------- Which of these Laravel UI libraries works best with Livewire?maryUI is purpose-built for Livewire and installs with a single `php artisan mary:install` command. Sheaf UI and TallStackUI also have first-class Livewire support, accepting `wire:model` and other Livewire attributes natively. Do all six libraries support Tailwind v4?Yes. The article was written using Tailwind v4 and the Laravel Livewire starter kit, and all six libraries—Flowbite, daisyUI, Preline, maryUI, Sheaf UI, and TallStackUI—are shown working in that environment. What is the difference between Flowbite/Preline and maryUI/TallStackUI?Flowbite and Preline are primarily CSS and JavaScript class libraries—you create your own Blade components and apply their utility classes. maryUI and TallStackUI ship ready-made Blade components with built-in Livewire and Alpine.js integration, so you use their component tags directly in your views. ![Mohamed Said](https://cdn.msaied.com/01M22N44A70A5MC2S599JP0MPH.webp)About the author ---------------- [Mohamed Said](https://www.msaied.com/public#person)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. [About](https://www.msaied.com/public#about) [GitHub ↗](https://github.com/EG-Mohamed) [LinkedIn ↗](https://www.linkedin.com/in/msaiedm/) [WhatsApp ↗](https://wa.me/201094619204) [Email Address ↗](mailto:hello@msaied.com) [My CV ↗](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) [Previous articleFilament v5.7.2 Released: Bug Fixes for Forms, Tables, and Accessibility](https://www.msaied.com/public/articles/filament-v572-released-bug-fixes-for-forms-tables-and-accessibility) [Next articleLaravel's First-Party Image Processing: A Practical Guide to Illuminate\\Image](https://www.msaied.com/public/articles/laravels-first-party-image-processing-a-practical-guide-to-illuminateimage) On this page ------------- 1. [6 Laravel UI Kits and Component Libraries for 2025](#6-laravel-ui-kits-and-component-libraries-for-2025) 2. [1. Flowbite](#1-flowbite) 3. [2. daisyUI](#2-daisyui) 4. [3. Preline](#3-preline) 5. [4. maryUI](#4-maryui) 6. [5. Sheaf UI](#5-sheaf-ui) 7. [6. TallStackUI](#6-tallstackui) 8. [Key Takeaways](#key-takeaways) ### Have a technical challenge? Tell me what you’re building. I reply within two working days. [Start a conversation](https://www.msaied.com/public#contact) Related articles ----------------- [ ![](https://cdn.msaied.com/740/cce86edc21eddcbdd2f2454fadaf9c70.png) · 3 min read### The Pipeline Pattern in Laravel: Custom Pipelines Beyond Middleware 5 Oct 2026 ](https://www.msaied.com/public/articles/the-pipeline-pattern-in-laravel-custom-pipelines-beyond-middleware-1) [ ![](https://cdn.msaied.com/739/2d6897fdcdcf090613f96f72a64b8a78.png) · 4 min read### MySQL Full-Text Search in Laravel: Indexes, Relevance Scoring, and Boolean Mode 4 Oct 2026 ](https://www.msaied.com/public/articles/mysql-full-text-search-in-laravel-indexes-relevance-scoring-and-boolean-mode) [ ![](https://cdn.msaied.com/738/073696a3fefe18bec825beec5ac658f5.png) · 4 min read### Laravel Queue Rate-Limited Middleware: Throttling Jobs Without Losing Work 4 Oct 2026 ](https://www.msaied.com/public/articles/laravel-queue-rate-limited-middleware-throttling-jobs-without-losing-work) Have a technical challenge? ---------------------------- Tell me what you’re building. I reply within two working days. [Discuss your project ↗](https://www.msaied.com/public#contact) © 2026 Mohamed Said · Built with Laravel, meant to last.Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. - [Home](https://www.msaied.com/public) - [Articles](https://www.msaied.com/public/articles) - [Certificates](https://www.msaied.com/public/certificates) - [GitHub](https://github.com/EG-Mohamed) - [LinkedIn](https://www.linkedin.com/in/msaiedm/) - [WhatsApp](https://wa.me/201094619204) - [Email Address](mailto:hello@msaied.com) - [My CV](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view) - [Sitemap](https://www.msaied.com/public/sitemap.xml)