6 Laravel UI Kits & Component Libraries (2025) | Mohamed Said [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ ](https://github.com/EG-Mohamed) [ Home ](https://msaied.com) [ Projects ](https://msaied.com/projects) [ Articles ](https://msaied.com/articles) [ Certificates ](https://msaied.com/certificates) [ Contact ](https://msaied.com#contact-section) [ home ](https://msaied.com) [ articles ](https://msaied.com/articles) 6 Laravel UI Kits and Component Libraries for 2025 (Tailwind v4 + Livewire) 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 (Tailwind v4 + Livewire)](https://cdn.msaied.com/457/dba84fd2829714df4374ab87d7378b51.png) [ Laravel ](https://msaied.com/articles?category=laravel) [ Livewire ](https://msaied.com/articles?category=livewire) #Laravel #Tailwind CSS #Livewire #Blade Components #UI Libraries 6 Laravel UI Kits and Component Libraries for 2025 (Tailwind v4 + Livewire) ============================================================================= 22 Jul 2026 4 min read ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said Table of contents 1. [ 01 6 Laravel UI Kits and Component Libraries for 2025 ](#6-laravel-ui-kits-and-component-libraries-for-2025) 2. [ 02 1. Flowbite ](#1-flowbite) 3. [ 03 2. daisyUI ](#2-daisyui) 4. [ 04 3. Preline ](#3-preline) 5. [ 05 4. maryUI ](#4-maryui) 6. [ 06 5. Sheaf UI ](#5-sheaf-ui) 7. [ 07 6. TallStackUI ](#6-tallstackui) 8. [ 08 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) Found this useful? [ ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fmsaied.com%2Farticles%2F6-laravel-ui-kits-and-component-libraries-for-2025-tailwind-v4-livewire&text=6+Laravel+UI+Kits+and+Component+Libraries+for+2025+%28Tailwind+v4+%2B+Livewire%29) [ ](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fmsaied.com%2Farticles%2F6-laravel-ui-kits-and-component-libraries-for-2025-tailwind-v4-livewire) Frequently Asked Questions ---------------------------- 3 questions Q01 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. Q02 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. Q03 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. Continue reading More Articles --------------- [ View all ](https://msaied.com/articles) [ ![Filament at Scale: Multi-Panel Auth, Custom Panels, and Table Query Tuning](https://cdn.msaied.com/455/8e384463de8e468df9e9331278fa34da.png) filament laravel performance ### Filament at Scale: Multi-Panel Auth, Custom Panels, and Table Query Tuning Running Filament across multiple panels with separate auth guards and tuning table queries for large datasets... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 22 Jul 2026 3 min read Read ](https://msaied.com/articles/filament-at-scale-multi-panel-auth-custom-panels-and-table-query-tuning-3) [ ![Building a Laravel Package: Service Providers, Auto-Discovery, and Config Merging](https://cdn.msaied.com/454/449f0f66a4aebbd744a318fc44906f1c.png) laravel packages service-providers ### Building a Laravel Package: Service Providers, Auto-Discovery, and Config Merging A practical walkthrough of building a production-ready Laravel package — covering service provider design, aut... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 22 Jul 2026 3 min read Read ](https://msaied.com/articles/building-a-laravel-package-service-providers-auto-discovery-and-config-merging-2) [ ![RouteKey Model Attribute and More: What's New in Laravel 13.21](https://cdn.msaied.com/456/98d4f18b7c200e2e582979ecc01d819d.png) Laravel 13.21 Route Model Binding Eloquent ### RouteKey Model Attribute and More: What's New in Laravel 13.21 Laravel 13.21 introduces the #\[RouteKey\] PHP attribute for cleaner route model binding, a base64 validation ru... ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MJ.jpg) Mohamed Said 22 Jul 2026 3 min read Read ](https://msaied.com/articles/routekey-model-attribute-and-more-whats-new-in-laravel-1321) [ ![Mohamed Said](https://cdn.msaied.com/01KT78WE565VEMM3PSNQAAB0MH.png) Mohamed Said Laravel Backend Engineer ](https://msaied.com)Senior Backend Engineer specializing in Laravel, scalable SaaS platforms, APIs, and cloud infrastructure. I build secure, high-performance web applications that help businesses grow. Explore - [Home](https://msaied.com) - [Projects](https://msaied.com/projects) - [Articles](https://msaied.com/articles) - [Certificates](https://msaied.com/certificates) - [Contact](https://msaied.com#contact-section) Connect - [ hello@msaied.com ](mailto:hello@msaied.com) - [ +20 109 461 9204 ](tel:+201094619204) © 2026 Mohamed Said. All rights reserved. [ ](https://github.com/EG-Mohamed) [ ](https://www.linkedin.com/in/msaiedm/) [ ](https://wa.me/201094619204) [ ](mailto:hello@msaied.com) [ ](https://drive.google.com/file/u/0/d/1MF20IPRJyzfy32mhEutjL5EpSls0w2Q8/view)