Welcome to the realm of enhanced web dynamics with the TW Elements React
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
animation property, 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]'].
Help us spread the word about Tailwind Elements for React (TER)
If you enjoy the project, help it grow & find more contributors by sharing it with your peers. Every share counts, thank you!