Free widgets

Put these tools on your own site

Every Animate Blocks tool can be embedded with one line of HTML. Copy the code, paste it into any page, post or WordPress Custom HTML block.

Animate-on-scroll generator

Pick an effect, tune it and copy the code.

<iframe src="https://animateblocksplugin.com/?embed=1" title="Animate-on-scroll generator" width="100%" height="800" style="border:1px solid #ccc;border-radius:8px" loading="lazy"></iframe>

Open the tool

CSS easing editor

Drag a cubic-bezier curve or generate a spring easing.

<iframe src="https://animateblocksplugin.com/easing-editor/?embed=1" title="CSS easing editor" width="100%" height="760" style="border:1px solid #ccc;border-radius:8px" loading="lazy"></iframe>

Open the tool

CSS animation effects library

Browse 20 ready-made CSS animation effects.

<iframe src="https://animateblocksplugin.com/effects/?embed=1" title="CSS animation effects library" width="100%" height="800" style="border:1px solid #ccc;border-radius:8px" loading="lazy"></iframe>

Open the tool

How it works

Copy the embed code for the tool you want.
Paste it where the tool should appear: a Custom HTML block in WordPress, or any HTML page.
Change height if you need more or less room. The width follows its container.

The widget shows only the tool, with a small credit link underneath. Everything still runs in the visitor's browser: nothing is uploaded and no cookies are set by the widget itself. Free to use, no sign-up. Please keep the credit link.