auto-animate README

The project's README from github.com/formkit/auto-animate. As one markdown file: README.md.

AutoAnimate Logo

Latest Build GitHub Sponsors

Add motion to your apps with a single line of code.

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, Solid or any other JavaScript application.

Examples & Docs

With one line of code, you can improve your interfaces, for example:

Simple example of AutoAnimation motion

Installation

Install using your package manager of choice.

# yarn
yarn add @formkit/auto-animate
# npm
npm install @formkit/auto-animate
# pnpm
pnpm add @formkit/auto-animate

Boom! Done. That was fast! 🐇

Usage

📖 View the documentation site for usage instructions.

Examples

📖 View the documentation site for examples.

Plugins

📖 View the documentation site for plugin instructions.

Support us

Is AutoAnimate saving you time?

Please consider supporting us with a recurring or one-time donation! 🙏

Contributing

Thank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change with the core team via GitHub issues, Discord, or other method.

auto-animate (formkit/auto-animate)

Searching Database…

这是什么东西?AutoAnimate 是一个零配置、开箱即用的动画工具,只需一行代码就能为你的 Web 应用添加流畅的过渡动画。
它是一个大型动画框架,还是一个能直接嵌入现有应用的小型库?它是一个即插即用的小型库,不是框架:把它添加到现有应用中即可,而且它自身不带任何依赖。
我该怎么把它加到我的项目里?用你喜欢的包管理器安装,然后在应用里用一行代码启用即可;具体用法可以看文档网站上的详细说明。
我必须使用某个特定框架它才能用吗?不用。它支持 Vue、React 和 Solid,也支持任何其他 JavaScript 应用,所以不用框架的项目也完全没问题。
它是运行在我浏览器端的代码里,还是需要在服务器上跑点什么?它完全运行在前端代码里:在浏览器中为 Web 应用的界面添加动画,所以服务器端不需要安装或运行任何东西。
'zero-config'(零配置)实际上是什么意思?你什么都不用配置:安装这个包,加一行代码,界面就能自带流畅的过渡动画。
我在哪里能找到用法示例和插件说明?README 本身保持简洁,会引导你前往文档网站,那里有用法说明、示例和插件配置方法。
AutoAnimate 是免费的吗?它是怎么维持运营的?这是一个免费的开源项目;团队希望觉得它节省了时间的用户通过定期或一次性捐赠来支持它。
Creator
formkit
Size
68.9 MB
Stars
13.9K
Age
4y
Commits · 90 Days