Fan Out Animation - Vue & Tailwind CSS

We take a look at re-creating the "fan-out" animation/transition in Vue & Tailwind CSS. I saw this on the new Hey email platform and it's been around in the MAC OS dock for as long as I can remember.

# LINKS

[NavaneethVijay]

Really appreciate your interest in making tutorials on small interactions that you come across.

[Quabbe]

Always a pleasure to watch you working with Vue and Tailwind

[solvedfyi]

Was it really clearer to start with all the repetition and then at the very end refactor to a for-loop over a data array? vs writing the concise loop in the beginning? At a certain point I had to skip forward to see if you eventually tidied it up.

[cassino]

Hey! Congratulations! Great Video! Please, what's your vscode settings.json?

[_smhmd]

In my opinion, the classes should be :style="" with a math formula using the index. and I don't see a point in making the emails reactive. The emails object should live on the default exported object. I'll hopefully give this a try if I can improve on it. Beautiful video as usual.

[fayazara]

This was really cool, learned so much from your tutorials.

Wish you made a video on most used vue transitions.

Like animating a modal
A dropdown etc.

[mattiasb.]

Hello Andre, what addon / styling rules are you using to add those highlighting colors to your Match Brackets inside VSCode?

[amulpatel]

fantastic! keep making these dope vue + animation ui componants

[NotoriousMSA]

How do I integrate Tailwindcss with Codeigniter ?
It's easy to integrate with mix in laravel. Please reply if possible.

[Alex-xwbc]

Keep out with the tailwind a Vue js. Such a great combo

[qaisarabbas]

Please make videos on how to render Vue or React in the server-side for SEO friendly in Laravel.

[SusanthCom]

Thank you so much 🙏❤️❤️
Nice presentation too ... ✅✅✅

[kamalhm-dev]

Seems like you really taking a liking to Tailwind, would you say tailwind is your default css now?

[enchomond]

Tailwind CSS IntelliSense 0.3.1 not working after update. How have you configured it, please, Mr Andre?

[Kejnjrbdbfhhrbb]

Can u share ur vs code environment setup

[vuelancer]

Add demo pics in ur github repo! Before video, I always saw ur github acc...

[solvedfyi]

I'm on Vite and Vue 3. Can you detail the bug please?

[mdcode]

Wouldn't "transition-group" be better ???

[uenmedia]

I really like your tutorials. But this tailwind css so annoying. Tailwind css seems good but when you start to using continuously code trashes in your html file.