data-anim Inspector

Click any element on a website and try data-anim animations instantly.

A developer tool for trying data-anim animations on any website. Click the extension icon to activate the inspector, then click any element on the page to select it. Choose from 30+ animations (fade, slide, zoom, bounce, rotate, and more), adjust duration and easing, and instantly preview the result. Features: • One-click activation from the toolbar • Live animation preview on any element • Multi-select mode to animate multiple elements at once • Copy generated HTML attributes (data-anim, data-anim-duration, data-anim-easing) • Draggable, minimizable panel • No data collection — runs entirely in your browser Built for use with the data-anim library: https://ryo-manba.github.io/data-anim/