Effortless animations for WordPress.
Animate like a pro without writing complex code. Define responsive animations with dynamic values as CSS classes:
animate-@desktop:from:opacity-0|y-4|ease-power2.inOut
Works with:
And everywhere else you can add custom CSS classes.
Works with any page builder and beyond.
SleekMotion is based on CSS classes (or data attributes) and works in any page builder. Just add the classes and you are good to go.
Animate any value without limits.
Animate any CSS property with any value using a simple and intuitive syntax. No limits, no restrictions. Just pure freedom.
<div class="animate-from:scale-0|autoAlpha-0|ease-elastic|duration-3"> </div>
Copy
Reponsive animations? Just @dd it.
Set custom breakpoints in your admin dashboard and use them to create responsive animations. It's that easy.
<div class="animate-@desktop:from:duration-1|autoAlpha-0|rotate-180|xPercent-[-100]|ease-power2.inOut"> </div>
Copy
Stagger multiple elements with ease.
Animate multiple elements anywhere in the document with a stagger effect using a concise and easy-to-read syntax.
<div class="animate-[&>div]:from:stagger-0.1|autoAlpha-0|rotate-180|xPercent-[-100]|ease-power2.inOut"> <div></div> <div></div> <div></div> </div>
Copy
Create timelines using a simple syntax.
Combine multiple animations into a single timeline and let them play in sequence without writing a single line of JavaScript.
<div class="animate-tl defaults:ease-power2.inOut"> <div class="animate-from:x-50|opacity-0"></div> <div class="animate-from:x-[-50]|opacity-0"></div> <div class="animate-from:y-50|opacity-0"></div> </div>
Copy
Animate elements on scroll with ease.
Wanna animate elements when they come into view? No problem. Just set the trigger element and let the magic happen.
<div class="animate-from:scrollTrigger-&|duration-1|autoAlpha-0|rotate-180|yPercent-100|ease-power2.inOut"> </div>
Copy
FAQ
SleekMotion is a WordPress plugin which allows you to create animations without writing complex code. Instead, animations are created using a concise syntax inside of CSS classes. This makes it very easy to maintain animations since they are directly tied to the HTML elements they animate. On top of that, animations can easily be shared and copied between pages or projects.
 Simple no-tricks pricing.
Lifetime license
Pay once, own it forever
Unlock full access to all features with a single, one-time payment. Enjoy unlimited use of comprehensive functionalities and continuous updates without any recurring fees. Invest once and benefit indefinitely.
What’s included
-
Unlimited sites
-
Lifetime updates
-
Product support via E-Mail (1 year)
-
Discounts for future products
€49 EUR
Continue to checkout