[PoC] fix(v4 animate): 6855 - Replace tailwindcss-animate with CSS first approach

[Jacksonmills]

Removes tailwindcss-animate package and associated imports Introduces a CSS-based approach for animations using custom properties and keyframes

TailwindCSS v4.0 compatible replacement for tailwindcss-animate. author: @Wombosvideo https://github.com/Wombosvideo/tailwindcss-animate-v4

To test run p dev, visit the v4 example and view the navigation menu.

Addresses #6855

[vercel[bot]]

@Jacksonmills is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

[Wombosvideo]

I wrapped the CSS file in an NPM package to facilitate updating. For this reason, I renamed the repo to tw-animate-css https://github.com/wombosvideo/tw-animate-css/

[Jacksonmills]

I wrapped the CSS file in an NPM package to facilitate updating. For this reason, I renamed the repo to tw-animate-css https://github.com/wombosvideo/tw-animate-css/

tested just replacing the package with yours and it works great as well 👌

[shadcn]

@Jacksonmills I opted for the @import "tw-animate-css" package. It’s a slightly cleaner approach since it avoids adding all (potentially unused) classes to your project.

See https://github.com/shadcn-ui/ui/pull/6968

[Wombosvideo]

@Jacksonmills I opted for the @import "tw-animate-css" package. It’s a slightly cleaner approach since it avoids adding all (potentially unused) classes to your project.

See https://github.com/shadcn-ui/ui/pull/6968

Thanks a lot! If you notice any issues, let me know and I'll try to fix them as soon aa possible