Hello,

Thank you for reporting this issue and for providing detailed reproduction steps.

The error occurs because Vite strictly respects the `exports` field defined in a package’s `package.json`. Currently, the `tw-animate-css` package does not export the path:

```css
tw-animate-css/dist/tw-animate.css
```

Because of this, direct CSS imports from the `dist` directory are blocked in Vite environments.

For Vite-based projects, the recommended approach is to import the package directly without referencing the internal `dist` path:

```css
@import "tw-animate-css";
```

Alternatively, depending on your Tailwind setup, you may also use it as a plugin in your Tailwind configuration instead of importing the CSS file manually.

Example:

```js
// tailwind.config.js
import twAnimate from "tw-animate-css";

export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {},
},
plugins: [twAnimate],
};
```

Please remove the previous import:

```css
@import 'tw-animate-css/dist/tw-animate.css';
```

and replace it with either:

```css
@import "tw-animate-css";
```

or the plugin configuration above.

After updating, restart the Vite development server.

This issue is specifically related to modern bundlers such as Vite enforcing package export boundaries more strictly than older tooling.

Thank you again for bringing this to our attention.

Hi,

Please try to import it as shown below:

@import "tailwindcss";

@import "tw-animate-css";