When it comes to enhancing user experience in web applications, animations play a pivotal role. TailwindCSS simplifies the process of adding animat...
For further actions, you may consider blocking this person and/or reporting abuse
Tailwind can make development faster, at least you don't have to switch from markup file to CSS, then thinking about what you'll name a certain class that you will reference in the css file. Or in case of other tools like bootstrap, it's easier to create customized components or what.
If the problem is the markup will be cluttered you can always create a separate file per components that contains the CSS, use styled components or what, there's a lot of ways. Another good thing about tailwind is it cancels out the default styling of browsers, you can achieve great consistency when it comes to styling
True, but the primitives style on them are great start and picking color on the fly as well, I using tailwind for most of the styling and inline style for dynamic stuff based on some state
Somewhat true but I find it much easier to understand and even to learn CSS.
While that's great, that's not its purpose. In fact, there's absolutely no other valid argument for Tailwinds.
I think developer experience is a great argument for it.
As usual, in tech, what matters is if the app works as required. The tech stack is up to the devs.
You think that way cuz you haven't used tailwind on a project properly yet. It's game changing, especially combining it with a component/partial based framework or rendering engine.
Just what I needed right now. Tailwind’s first-party animation utilities are lacking, and I wasn’t 100% happy with the existing animate.css plugins Thank you for putting this together :)
You are welcome. Really glad you liked it.
Thanks for the awesome feedback!
I would love a small section on why someone might prefer using this approach, over just defining a class in CSS. Might be a good idea for others who might feel this is basically writing CSS the long way. :)
Thanks for the awesome feedback!
I will definitely write an article about that.
Is tailwind capable of scroll based animation with or without plugin, I'm making a basic navbar like it disappears at top of the screen and show up on scroll I don't like using framer-motion it's overkill for what I want
Sorry for the delay in the answer.
The answer is yes. I dont know any plugin but I bet there are a couple.
Without plugin you need to create a custom hook to determine if the navbar is visible in the view port of not and apply some tailwind classes like:
transition-opacity
ease-in
duration-700
${isVisible ? "opacity-100" : "opacity-0"}
You can check out this article for more information: medium.com/@jacobvejlinjensen/how-...
Great post thanks, actually I'm used to the basic annimation proposed by tailwind, the annimate plugin seems to give more controll over the annimation.
Thanks!
Tailwind is the only way to style components - prove us wrong.
thanks
You are welcome!