<br>

<p align="center">
<img src="./docs/src/public/logo.svg" style="width:100px;" />
</p>

<h1 align="center">unocss-preset-animations</h1>

<p align="center">
💅 An animation preset for UnoCSS, which adapts the tailwindcss-animate plugin
</p>

<p align="center">
<a href="https://www.npmjs.com/package/unocss-preset-animations"><img src="https://img.shields.io/npm/v/unocss-preset-animations?color=c95f8b" alt="NPM version"></a></p>

<br>
<p align="center">
<a href="https://unocss-preset-animations.aelita.me/">📚 Documentation</a>
</p>
<br>

## Features

- [Fade in / out](https://unocss-preset-animations.aelita.me/animations/fade.html)
- [Zoom in / out](https://unocss-preset-animations.aelita.me/animations/zoom.html)
- [Spin in / out](https://unocss-preset-animations.aelita.me/animations/spin.html)
- [Slide in / out](https://unocss-preset-animations.aelita.me/animations/slide.html)
- [Composable](https://unocss-preset-animations.aelita.me/animations/)


## License

MIT License © 2023-present [Aelita (Tony Jiang)](https://aelita.me/)
