Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brc-dd/animated-tailwindcss

A configuration to use Animate.css with Tailwind CSS.
https://github.com/brc-dd/animated-tailwindcss

animate-css hacktoberfest plugin tailwindcss

Last synced: 29 days ago
JSON representation

A configuration to use Animate.css with Tailwind CSS.

Awesome Lists containing this project

README

        












A configuration to use Animate.css with
Tailwind CSS.



























---

## Documentation

[View documentation](https://brc-dd.github.io/animated-tailwindcss/)

## Installation

Please see the [full installation instructions](https://brc-dd.github.io/animated-tailwindcss/installation) for detailed steps and examples.

### Quick start with NPM

In a project where you're using Tailwind CSS **v3**, run this to install this
package:

```sh
npm add -D animated-tailwindcss
```

Then configure your `tailwind.config.js` to use the animations:

```js
const { withAnimations } = require('animated-tailwindcss')

module.exports = withAnimations({
// your (existing) Tailwind CSS config here
})
```

## Credits

- [Animate.css](https://github.com/animate-css/animate.css) – for
animation utilities & keyframes – used under
[the MIT license](https://cdn.jsdelivr.net/npm/[email protected]/LICENSE).
- [Transform.tools](https://github.com/ritz078/transform) – for converting
Animate.css to JS – used under
[the MIT license](https://github.com/ritz078/transform/blob/master/LICENSE).