Choose the perfect animation style to transform your website elements. Each style is thoughtfully crafted to enhance your site’s flow, draw user attention, and encourage deeper engagement — while maintaining a sleek, professional look. Rest assured, all animations are designed to avoid being distracting or annoying, keeping your user experience seamless.

Choose which elements would be animated. You can combine and customize Elements with a License.

Define which elements would be animated. You can select multiple Elements or type your own selectors below.
You can also specify `div` elements with specific classes (like `div.animate-me`), ids (like `div#custom-id`) or any other CSS selector.

If you typed your own Elements Selector, make sure to check if it's working correctly. See dev tools Console for more info.

Give your users smooth loading animations during website navigation. Helps keep user's attention, while he waits for the next page to load.
Loader colors are automatically calculated based on page text.

When Head is selected, script will be loaded with `defer` attribute, meaning load asyncroniously and execute once the parsing complete.
When End of Body is selected, script will be loaded with `async` attribute, meaning load asyncroniously and execute immediately.
Both options won't slow your page load. Some websites might have other scripts which can slow down page parsing or add elements later.