Cloudimage Plugins

Open-source JavaScript plugins for interactive media experiences on the modern web.
Zero dependencies · WCAG 2.1 AA accessible · Framework agnostic

Live Hub  |  Cloudimage.io  |  Docs

---

Plugins

Plugin	Description	Links
360 View	Smooth 360-degree product rotation with touch/drag, pinch-to-zoom, autoplay, fullscreen, and hotspots.	Demo
3D View	Interactive 3D product visualization with rotation, zoom, autoplay, and fullscreen support.	Demo
Image Hotspot	Clickable hotspot markers on images with tooltips, custom icons, and animated indicators.	Demo
Video Hotspot	Interactive hotspots on video with time-based triggers, tooltips, and pause-on-hover.	Demo
Before / After	Side-by-side image comparison slider with touch support and horizontal/vertical modes.	Demo

Why Cloudimage Plugins?

• Zero dependencies — Each plugin is self-contained with no external runtime dependencies.
• Lightweight — Optimized builds for fast loading on any device and connection.
• Accessible — WCAG 2.1 AA keyboard navigation, screen reader support, and focus management.
• Framework agnostic — Works with React, Vue, Angular, Svelte, or plain HTML.
• TypeScript support — Full type definitions included out of the box.
• Cloudimage CDN — Native integration with Cloudimage for on-the-fly image optimization and global delivery.

Running the Hub Locally

# Clone the repo
git clone https://github.com/scaleflex/js-cloudimage-plugins.git
cd js-cloudimage-plugins

# Install and start
yarn install
yarn start

Then open http://localhost:3000 in your browser.

Contributing

Contributions are welcome! Please open an issue first to discuss what you'd like to change.

1. Fork the repo
2. Create your branch (git checkout -b feature/my-change)
3. Commit your changes
4. Push to the branch and open a Pull Request

License

MIT — Made with care by the Scaleflex team.