DEV Community

Cover image for Turntable v2: Frame-Flipping 3D Image Rotator and 360-Degree Viewer for Vanilla JS
jQueryScript
jQueryScript

Posted on

Turntable v2: Frame-Flipping 3D Image Rotator and 360-Degree Viewer for Vanilla JS

Turntable v2: a zero-dependency frame-flipping 360-degree image viewer for vanilla JavaScript.

Key highlights:

  • ~4 KB minified IIFE build, no external dependencies
  • Three drive modes: horizontal pointer, vertical pointer, scroll position
  • Autorotate with configurable milliseconds-per-frame interval
  • Two-way <input type="range"> binding for manual scrubbing
  • PointerEvents: one handler for mouse, touch, and stylus
  • IntersectionObserver + requestAnimationFrame for efficient rendering
  • ESM, CJS, and IIFE builds with dedicated CSS

Version 2 drops jQuery and ships a clean class API. The existing HTML markup from v1 is unchanged, so migration is a two-line script swap.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)