Welcome to the realm of enhanced web dynamics with the Tailwind Elements
Animations Extended toolkit. Discover a captivating array of seamless
animations designed to breathe life into your web projects. This collection
features a versatile set of animations including
fly-in variations (up, down, left,
fly-out variations (up, down, left, right),
browse-out transitions (left, right), as well as
attention-grabbing effects like
Note: When you use Animation Extended, you don't need to
transition timing function – they come preset.
Simply provide the animation name and duration in the
data-te-animation attribute, and you're all set to elevate
your web content with captivating animations.
Also, be sure to explore the primary Animations documentation for further information.
Move the mouse over the squares below to launch the animation.
Important: If you want to use one of the animations above
you got to add their name in object
theme of your
safelist: ['animate-[drop-in_0.5s]', 'animate-[drop-out_0.5s]'].