<div align="center">
  <h1 style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0">Animate UI</h1>
  <p align="center">
    A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, and Motion.
</p>

<a href="https://github.com/animate-ui/animate-ui/stargazers"><img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/animate-ui/animate-ui?style=for-the-badge"></a>
<a href="https://twitter.com/animate_ui"><img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/animate_ui?style=for-the-badge&logo=x"></a>
<a href="https://github.com/animate-ui/animate-ui/blob/main/LICENSE.md"><img alt="License" src="https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge"></a>

</div>

![hero](https://animate-ui.com/og-image.png)

## Beta

Animate UI is currently in **Beta phase**, so it's possible that the components contain **bugs** and that these will be **modified regularly**.

## Documentation

Visit [animate-ui.com](https://animate-ui.com/docs) to view the documentation.

## Contributing

Visit our [contributing guide](https://github.com/animate-ui/animate-ui/blob/main/CONTRIBUTING.md) to learn how to contribute.

## License

Licensed under the [MIT license](https://github.com/animate-ui/animate-ui/blob/main/LICENSE.md).
