Title: Animation Builder &#8211; An interface for adding scroll-triggered animations
Author: Toast Plugins
Published: <strong>2025年11月27日</strong>
Last modified: 2026年1月20日

---

プラグインを検索

![](https://ps.w.org/animation-builder/assets/banner-772x250.png?rev=3404255)

![](https://ps.w.org/animation-builder/assets/icon-256x256.png?rev=3404255)

# Animation Builder – An interface for adding scroll-triggered animations

 作者: [Toast Plugins](https://profiles.wordpress.org/toastwebsites/)

[ダウンロード](https://downloads.wordpress.org/plugin/animation-builder.5.1.2.zip)

 * [詳細](https://ja.wordpress.org/plugins/animation-builder/#description)
 * [レビュー](https://ja.wordpress.org/plugins/animation-builder/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/animation-builder/#installation)
 * [開発](https://ja.wordpress.org/plugins/animation-builder/#developers)

 [サポート](https://wordpress.org/support/plugin/animation-builder/)

## 説明

### Animation Builder – Complex scroll-triggered animation with no coding required.

Animation Builder lets you craft everything from subtle transitions to complex, 
multi-stage scroll-triggered animations — all within a modern, familiar interface.

With intuitive controls and powerful features, you can build animations that respond
to triggers, follow logical rules, and combine seamlessly to create a rich, interactive
experience on your website — all with a fraction of the effort typically required.

### Features

**Scroll triggered** – All animations respond to your scrolling, activating only
when visible in the browser to ensure nothing is missed and performance remains 
smooth.
 **Lightweight & performant** — Minimal footprint, optimized for fast, smooth
animations. **Powered by GSAP Animation Framework** — Built on the industry-standard
animation engine for reliable, high-performance animations. **Zero-config defaults**—
works straight out of the box. **Beginner-friendly** — no coding knowledge required.

### The 4 types of animation included within Animation Builder

Animation Builder is designed to make animations effortless for everyone — whether
you’re a seasoned developer or someone who has never touched JavaScript. With multiple
ways to create and trigger animations, you have complete freedom to choose the approach
that works best for you.

**1. Simple Animation Builder**
 A clean, visual interface for creating smooth, 
single-step transitions. Ideal for quick enhancements when you need movement without
complexity.

**2. Advanced Timeline Builder**
 The heart of Animation Builder — a full-fledged
timeline editor that lets you design professional, multi-stage animations with precision
and control. No coding required, just creativity and a bit of animation logic.

**3. Ready-to-Use CSS Classes**
 Instantly add motion to any element with our library
of predefined CSS animations. Perfect for quick effects that grab attention — no
setup required.

**4. Legacy Activations**
 A tried-and-true method for scroll-based effects. Elements
activate as they enter the viewport, enabling elegant CSS transitions between states—
great for subtle, performance-friendly animations.

### Benefits

**Attract Users to Key Areas** – Apply animations strategically to highlight the
sections that matter most.
 **Improves engagement** – studies show that web animations
can improve “time on page” by up to 15%. **Increase Credibility** – Polished, purposeful
animations can make your website appear more credible.

Full documentation can be found [here](https://www.toastplugins.co.uk/docs/animation-builder/)

## インストール

#### Ensure PHP 7.0 or higher is installed before proceeding

 1. Go to the **Plugins** menu in your dashboard.
 2. Search for **“Animation Builder”** in the plugin repository.
 3. Click **“Install Now”**, then **“Activate”** to enable the plugin.

## FAQ

### Why aren’t my animations working?

There are a few possible causes for this issue, but the most common is a JavaScript
error on your site. Check your browser’s console for any error messages. If you’re
unable to resolve the problem, feel free to reach out through our [support forum](https://wordpress.org/support/plugin/scroll-triggered-animations/)—
we’re happy to help.

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

Animation Builder – An interface for adding scroll-triggered animations はオープン
ソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

 *   [ Toast Plugins ](https://profiles.wordpress.org/toastwebsites/)
 *   [ Aaron Jones ](https://profiles.wordpress.org/aaronj1998/)
 *   [ David Foreman ](https://profiles.wordpress.org/davros20/)

[“Animation Builder – An interface for adding scroll-triggered animations” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/animation-builder)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/animation-builder/)する
か、[SVN リポジトリ](https://plugins.svn.wordpress.org/animation-builder/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/animation-builder/)を 
[RSS](https://plugins.trac.wordpress.org/log/animation-builder/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 5.0.0

*Initial plugin release

## メタ

 *  バージョン **5.1.2**
 *  最終更新日 **4か月前**
 *  有効インストール数 **800+**
 *  WordPress バージョン ** 5.0またはそれ以降 **
 *  検証済み最新バージョン: **6.8.5**
 *  PHP バージョン ** 7.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/animation-builder/)
 * タグ
 * [animate](https://ja.wordpress.org/plugins/tags/animate/)[animation](https://ja.wordpress.org/plugins/tags/animation/)
   [transition](https://ja.wordpress.org/plugins/tags/transition/)[transitions](https://ja.wordpress.org/plugins/tags/transitions/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/animation-builder/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/animation-builder/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/animation-builder/reviews/)

## 貢献者

 *   [ Toast Plugins ](https://profiles.wordpress.org/toastwebsites/)
 *   [ Aaron Jones ](https://profiles.wordpress.org/aaronj1998/)
 *   [ David Foreman ](https://profiles.wordpress.org/davros20/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/animation-builder/)