data-anim

data-anim Inspector

data-anim Inspector is a Chrome extension that lets you visually browse and preview all data-anim animations directly in the browser.

data-anim Inspector demo

Installation

Install from the Chrome Web Store.

Features

  • Browse animations — View all 30+ built-in animations organized by category (Fade, Slide, Zoom, Bounce, Attention, Rotate).
  • Live preview — Click any animation to see it play instantly on a preview element.
  • Replay All — Replay all animations on the current page with one click.
  • Copy attributes — Copy the data-anim HTML attributes to your clipboard so you can paste them directly into your code.
  • Element inspection — Select elements on the page to inspect and modify their data-anim attributes in real time.

Usage

  1. Open any page that uses data-anim (or any page — the extension works standalone too).
  2. Click the data-anim Inspector icon in your browser toolbar.
  3. Browse animations by category and click to preview.
  4. Use the copy button to grab the HTML attributes for your code.