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

Get Started

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.

SleekMotion is based on the Glaze. It is developed by Dennis, the creator of sleekwp.com. Glaze uses GSAP under the hood, which is widely considered as the most powerful animation library for the web.

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