Animation easing curve viewer
Choose a curve and see how it speeds up and slows down an object. Copy the line of code with the animation ready to use on any page, without libraries.
document.querySelector(".caja").animate({ transform: ["none", "translateX(300px)"] }, { duration: 800, easing: "linear(0, 0.143, 0.271, 0.386, 0.488, 0.578, 0.657, 0.725, 0.784, 0.834, 0.875, 0.909, 0.936, 0.957, 0.973, 0.984, 0.992, 0.997, 0.999, 1, 1)", fill: "forwards" })Usage tips
Questions about the tools
Are the tools free?
Yes. Use them as many times as you like, at no cost.
What file do I need?
The review tools ask for a .zip with an HTML5 banner: a main .html file and its assets. The others do not ask for any file.
Does it work for banners made with another tool?
Yes. It reviews any HTML5 banner, not only BannerMotion ones.
Is my file stored anywhere?
The review runs in your browser. One exception: if your banner requests external assets (for example, a font), your browser will request them from those sites while you view the preview.
Do I need an account?
No. No tool asks for an account. In the size guide, the email is optional.
Other tools
Animate your banners without writing code.
You set the intent and the platform takes care of pacing and composition. Adjust anything you like with the chat.