Title: Animation Builder – An interface for adding scroll-triggered animations Author: Toast Plugins Published: 27 نوفمبر، 2025 Last modified: 20 يناير، 2026 --- البحث عن الإضافات ![](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://ar.wordpress.org/plugins/animation-builder/#description) * [المراجعات](https://ar.wordpress.org/plugins/animation-builder/#reviews) * [التنصيب](https://ar.wordpress.org/plugins/animation-builder/#installation) * [التطوير](https://ar.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. ## الأسئلة المتكررّة ### 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 ## ميتا Meta * Version **5.1.2** * Last updated **قبل 3 أشهر** * Active installations **700+** * WordPress version ** 5.0 أو أعلى ** * Tested up to **6.8.5** * PHP version ** 7.0 أو أعلى ** * Language * [English (US)](https://wordpress.org/plugins/animation-builder/) * Tags * [animate](https://ar.wordpress.org/plugins/tags/animate/)[animation](https://ar.wordpress.org/plugins/tags/animation/) [transition](https://ar.wordpress.org/plugins/tags/transition/)[transitions](https://ar.wordpress.org/plugins/tags/transitions/) * [عرض متقدم](https://ar.wordpress.org/plugins/animation-builder/advanced/) ## التقييم لم يتم تقديم أي مراجعات بعد. [Your review](https://wordpress.org/support/plugin/animation-builder/reviews/#new-post) [See all reviews](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/)