🔥Introducing .... FLOW!
The professional dashboard demo from maryUI.
Get amazed on how many great stuff you can do with Livewire and maryUI.
Try it now! 🚀
Do you use Docker?
I have built this 𝗟𝗮𝗿𝗮𝘃𝗲𝗹 𝗮𝗻𝗱 𝗟𝗶𝘃𝗲𝘄𝗶𝗿𝗲 compatible Docker image with all stuff you need.
✅Production ready
- Auto-scale FPM
- Nginx
- Common PHP extensions
- Supervisor
- Horizon
- MySQL/Postgres/SQLite Drivers
- Composer
- Node
🚀Just released the "Rich Text Editor" component.
Another cool maryUI third-party component for Livewire apps.
It automatically uploads images and files to local or S3 disks.
It just works ❤️ Enjoy!
I'm doing my best to make the Livewire ecosystem even better.
And I'm proud of what I've done so far with maryUI.
Over 40 beautiful components and counting... 🚀
🚀 Just released Image Library
Give super powers to file upload on your Livewire apps with this component from maryUI.
Enjoy!
✅ Multiple images
✅ Progress
✅ Crop
✅ Sort
✅ Validation
Introducing PING 🔥
See Laravel Reverb and Livewire in action on this new demo from maryUI.
Make sure you have turned NINJA MODE on, open some incognito windows and have fun!
Try it now 🚀
Final touches before launching the next maryUI professional demo.
Backed with Livewire and Volt. Also powered by daisyUI and Tailwind.
It contains real world code and you will love it! 🩷
Scheduled to release on March 01.
Some Cloud Providers requires to force HTTPS to make Laravel routes work properly.
This is not document on Laravel docs.
Do you have any better solution?
I am writing the docs for the upcoming maryUI "Rich Text Editor" component for your Livewire app.
Image and file upload with ZERO setup.
It just works 🧙
🚀 Just released Steps
The easiest Step component you can ever have for your Livewire apps.
It was a breeze to implement it using daisyUI convenience classes.
Last year I watched two inspiring talks:
- Livewire 3 by
@calebporzio
- Publishing your work by
@aarondfrancis
At that time there was not any Livewire 3 compatible UI package.
I have decided to publish my work right away.
So, here we are ❤️
💯I have finished the maryUI Bootcamp.
I will show you how easy is to build nice
@LaravelLivewire
apps with maryUI in no time.
It will be released on the same week of Laravel 11.
I'll see you there.
⏳Card progress indicator
Let user know something expensive is loading.
You get this literally with 1 extra attribute on Card component.
👉Card progress indicator
#laravel
#livewire
#volt
#daisyui
#maryui
📢 The maryUI Bootcamp is available now!
Get amazed by how much you can do with minimal effort, from the ground and with no starter kits.
Just maryUI and
@LaravelLivewire
🔥
MaryUI 𝗧𝗔𝗕𝗟𝗘 is even more powerful 💪
✅Sort (𝗻𝗲𝘄)
✅Paginate (𝗻𝗲𝘄)
✅Magic click to navigate
✅Selectable
✅Expandable
✅Custom header and cell slots
👉 See it in action
#laravel
#livewire
#daisyui
#maryui
Here is a theme toggle component from maryUI with a cute rotate effect, powered by daisyUI.
It has persistent state. Refresh the page and see by yourself.
No setup, it just works. 🌓
Here is a wrap from last 7 days:
✅ Signature: new component
✅ Pin: new component.
✅ Color Picker: new component.
✅ Theme Toggle: any daisyUI theme.
✅ Tab: custom labels.
✅ Alert: adds `dismissible`.
✅ Installer: adds `bun` and `pnpm`.
Thanks to all contributors! 👏
✨I am working on maryUI Bootcamp.
You will get amazed how much you can do with minimal effort.
Expect real world code and straight approaches to get the most out of maryUI and
@LaravelLivewire
.
🐙 Livewire + flatpickr
Here is a dirty hack to make flatpickr work with Livewire.
Otherwise flatpickr duplicates input field if you are using `wire:navigate` and click browser button back.
Do you know any better approach?
🚀I just released a "offline" version of Choices component.
You can filter lists on frontend itself, without server requests. Just pass a collection and you are done!
🤠You are seeing all code to make it work.
Let me show you what is next on maryUI 🔥
Image Gallery: the companion component for Image Library.
@Saadeghi
are you ok if I steal some images from daisyUI ? 😅
I just paired with
@MrPunyapal
on this basic crud with Livewire, Volt and MaryUI for beginners.
👀 You will spot a couple of things I didn’t announced yet.
👉
🚀My main goal with MaryUI: 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲
See how much is going on on this small piece of code:
✅Don't think about layout/design
✅Built in form validation
✅Loading spinner
✅Prefix input
✅Money input
#laravel
#livewire
#daisyui
#maryui
I am planning the 39th component for maryUI 👀
<x-editor />
I am researching for best HTML/Markdown editor out there.
- TinyMCE
- Tiptap
- …
What do you suggest ?
Make sure you have watched twice!
The user on left is on "Ninja Mode" and can see messages from others ahead of time.
How cool is that !? Stay tuned for more 🔥
🐙 Livewire wire:loading with multiple targets
Some times you want to trigger a loading bar for some actions inside a component, not all of them.
I have used this and other tricks on "Orange" demo.
👉
#laravel
#livewire
#volt
#daisyui
#maryui
Here is a wrap from the last 7 days on maryUI 🔥
New components:
- Image Library
- Image Galley
- Steps
- Theme Toggle
Do you miss some component ? Let me know.
I end up with the following solution, based on some suggestions from you
There is no need tweak Nginx or change `AppService provider` to set `forceScheme('url')`.
Just added `trustProxies` as shown bellow and it work for my cloud provider.
Thank you guys!
I just set up Ping in production.
It will be released on March 25th 🍾
This took me a lot of time because my provider doesn't expose multiple ports on the internet. So I needed Nginx reverse proxy for Laravel Reverb as described in the documentation. I've never done this before
VUE-API-QUERY
…
💎 Keep your code clean and elegant.
🔨 Built for
@nuxt_js
@vuejs
🔥 If you use
@laravelphp
, this package matches perfectly with
@spatie_be
/ laravel-query-builder
💡 We need feedback :)