Style your email views with Tailwind CSS using Maizzle

In this video, we’ll see how to integrate Maizzle into a Laravel project and seemlessly design all the email views using Tailwind.
Creating HTML emails is still a pain, even in 2024. But what if you could use your favourite Tailwind CSS itself to style your mail views and stay in your comfort zone? With Maizzle you can do exactly that.
Want to master Tailwind CSS and learn about some hidden gems? You'd love my eBook and video course "Level up with Tailwind CSS". Check it out here - shrutibalasa.g...
Use the discount code "THIRUS10" to get a special 10% discount.
Follow me on Twitter / X - / shrutibalasa

[@NeilCorke]

Thank you. This looks excellent!

[@Thirus]

You’re welcome!

[@paul7973]

Really great, easy to follow and well explained tutorial - great job @thirus

[@Thirus]

Thank you Paul!

[@oketafred]

Awesome video 👏

[@Thirus]

Thank you!

[@saeediqbal5956]

First viewer of the video 😅. After a long time. Thanks for sharing such valuable content.

[@Thirus]

Super quick comment 😀 Hope you like the video

[@jdlien81]

Really nice overview, thank you!
PS, it sounded like you were saying ampersand (&) when you said ampersat (@) a couple of times. Calling it an “at sign” may be more common and well-understood :)

[@Thirus]

Oh damn! I never meant to say ampersat. Totally confused the the name 😅

[@CodeWithZeee]

Thanks, great video!

[@Thirus]

You’re welcome!

[@theceilidhboy]

Brilliant tutorial, thanks for this! Extremely helpful! 👍 Just one thing which was a bit confusing: “ampersand” is the ‘&’ symbol, not the ‘@‘ symbol. ‘@‘ is called “at” 😉

[@Thirus]

Yes exactly 😀 Stupid mistake!

[@mailmeyys]

Thanks a ton Shruthi. As usual, you are amazing. We all know till 8:10. From then on it is totally new. Thanks once again for this video

[@Thirus]

Glad to hear that 😊

[@s.joseph406]

wow great one, just implemented it , but I realized using assets makes it impossible to preview image on npm run dev before building. Any what around that?

[@Thirus]

This video contains everything I know about it, so no clue :)

[@anjanesh]

What if I wanted to just use this tool Maizzle as a standalone and create TailWindCSS based templates to copy-paste into Brevo / MailChimp / Madmimi etc ?

[@Thirus]

You can absolutely do that. It’s actually a standalone framework.

[@MilenMinchev-t2u]

Lovely, Thank you!
Any tips on handling Dark mode on iOS/Android?

[@Thirus]

Sorry no idea

[@scuraluis]

I should still not use grid/flex even with Mizzle right? If I use GRID that doesn't translate to a all compataible-email-client plain CSS? Like I should still stick with the CSS email patterns?

[@Thirus]

Right, you still cannot use grid or flex. Need to use email compatible stuff only.

[@Tycoonmudegu]

Yeah we are still stuck on using tables

[@lostinthenarrativve]

sup shruti how you doing, do I need to learn php before laravel ? I know a tiny bit of MERN but nothing about OOP, PHP, or SQL databases. thanks.

[@Thirus]

Yes, it’s good to learn the basics of PHP (latest version), object oriented concepts and database before jumping into Laravel. If you directly start learning Laravel, you’ll struggle later because of the gaps.

[@bballantyne3]

Thank you so much for this. Extremely helpful

[@Thirus]

Glad to know that :)

[@alhassan5631]

Can I send the email design made by maizzle to my clients by code instead of using laravel emails?

[@Thirus]

Yes, exactly.

[@alhassan5631]

@@Thirus
How can I use it?
Can you make a video explains how to send emails designed by maizzle?

[@SpeedCodes-oc7ed]

thanks :) do you know a setup for django as well?

[@Thirus]

You’re welcome! Sorry, I’ve no clue about django.

[@SpeedCodes-oc7ed]

@@Thirus there is no need to say sorry for everything, i love your design skills, hope you will contunue with these :)

[@Thirus]

I will :)

[@FaizanAnwerAli]

I wish it had more components like react-email

[@Thirus]

I think the creator is coming up with something pretty soon