MrCatz DataTable — Full-featured Livewire DataTable + CRUD built with DaisyUI #4485
ryankucingg
started this conversation in
Show and tell
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hey DaisyUI community 👋
I've been building a Laravel Livewire DataTable + Form Builder package for the past year, and DaisyUI has been the backbone of its entire UI layer.
Wanted to share it here because this project literally wouldn't exist without
data-themeand the DaisyUI component primitives.What it is
MrCatz DataTable — a batteries-included CRUD/admin table for Laravel Livewire apps. It gives you pagination,
filters, search, inline editing, bulk actions, Excel/PDF export, and a 25+ field programmatic Form Builder in one composable API.
Why DaisyUI specifically?
I evaluated headless libs (Radix, HeadlessUI) and opinionated kits (Filament, shadcn-php ports). DaisyUI won for three reasons that matter to a package
author:
data-theme="..."— users of my package swap themes without touching my CSS. No CSS variables to expose, no prop drilling.DOM ownership.
btn btn-primary,modal,dropdown,table-zebra. When a user wants to customize, they know exactly where to look.Components from DaisyUI used heavily
modal+modal-boxfor add/edit/delete dialogstable table-zebra table-pin-rowsfor the data grid (+ sticky headers)dropdownfor column visibility, filter popovers, and export menubtn btn-primary/ghost/erroreverywhere for action buttonsinput,select,textarea,checkbox,toggle,file-input,rangeacross the Form Builder's 25+ field typesbadgefor sort indicators, row counts, and filter chipsalertfor toast notificationstabsfor form sections and the docs playground mode selectorbreadcrumbsfor admin navigation trailsswapfor theme + dark-mode togglestooltipfor action button hints and keyboard shortcut hintscollapse+collapse-arrowfor expandable rowsloading loading-spinnerduring data fetchstepson some onboarding docs pagesPretty much every DaisyUI component gets a workout somewhere in the package.
Screenshots
What I'd love feedback on
them yet.
data-themegranularity: right now the package inherits the page's theme. Some users want a different theme for the admin table only. Is scopingdata-themeto a subtree a pattern others have solved cleanly?mrcatz-light/mrcatz-darkthemes that shadow user themes?Huge thanks to @saadeghi for DaisyUI — it's one of those libraries that quietly makes everything else possible. Happy to
answer questions, and if any DaisyUI contributor wants to peek at how a full-featured Livewire package leverages the component set, the source is public.
Cheers 🧡
Beta Was this translation helpful? Give feedback.
All reactions