Banner Animation QA & Dev Tool (GSAP)

Inspect & control GSAP banner animations. Verify timings, dimensions & scrub timelines. Essential for Devs & QA. NOW with dark mode.

Inspect, control, and validate your GSAP HTML5 banners with total precision before every delivery. "Banner Animation QA & Dev Tool (GSAP)" gives developers, QA teams, and designers the ultimate toolkit to verify timings, dimensions, clickTags, and manipulate animation playback without hassle. Stop wasting time with screen recordings or manual code inspections just to check banner specs! This extension integrates directly into your browser, injecting an intuitive control panel the moment any GSAP animation is detected. -------------------------------------------------- 🛠️ KEY FEATURES 🛠️ 1️⃣ Multi-Banner Support & Iframe Detection (NEW): Intelligently scans complex pages (like Flashtalking previews or publisher sites) and lists all available banners in a clean dropdown menu. It seamlessly connects to both same-origin and cross-origin iframes. 2️⃣ Ad-Tech Vendor & ClickTag Detection (NEW): Automatically detects popular ad networks (Google Studio, Flashtalking, Sizmek/Amazon, Celtra, Zuuvi) and validates if your clickTags are properly configured. 3️⃣ Precise Timeline Scrubbing: Easily scrub through the animation timeline to examine specific frames, transitions, or pause at the exact moment you need. 4️⃣ Effortless Playback & Speed Control: Instantly play, pause, restart, or fine-tune the animation speed (e.2x, 0.5x, 1x, 2x) on the fly to catch subtle details or review the overall flow. 5️⃣ Instant Dimension & Time Display: Immediately see the physical rendered size of the banner, its total duration, and current playback time, ensuring strict compliance with ad specs. 6️⃣ Smart GSAP Auto-Detection: Automatically finds and connects to GSAP timelines across all versions (TimelineMax/TimelineLite for v1/v2, and gsap.core.Timeline / globalTimeline for v3+). 7️⃣ Draggable & Themeable UI: A sleek, draggable control panel that stays out of your way. Automatically adapts to Dark/Light mode based on your system preferences. -------------------------------------------------- 💡 BENEFITS 💡 👁️ Boost QA Efficiency & Accuracy: Empower your QA team to thoroughly test HTML5 banner animations with precise controls. Verify compliance with ad server specifications and identify rendering issues early in the process. 🤝 Improve Creative Collaboration: Facilitate clearer communication between designers, developers, and project managers. Provide a foolproof way for non-technical stakeholders to review, pause, and approve animations. 💻 QUICK TIP FOR DEVELOPERS: While the extension features deep iframe scanning and global timeline fallbacks, for the absolute best results, ensure your main GSAP timeline instance is assigned to a global variable on the `window` object (e.g., `window.tl = gsap.timeline()`). Ready to streamline your banner testing and ad-ops review process? Add "Banner Animation QA & Dev Tool (GSAP)" to Chrome today!