Samples Overview

We have created a number of example repositories on GitHub to get you started. Without starting this project in your IDE, you can also discover, develop and customise all the demos directly on GitHub Pages or StackBlitz. Clicking on the tile will take you directly to GitHub Pages so you can see all the examples at a glance.

Responsive Imaging

Auto-generated Responsive Imaging shown with various website page use cases and a product configurator.

FSI QuickZoom

Simple hover zoom examples with either in-place zoom or a fly-out window zoom embedded in a product detail page.

FSI Viewer

Various zoom and Pan examples for with different interface and button options.

FSI Showcase

Showcase for Image Collections used with different thumbbar versions.

FSI ThumbBar

Image Thumb Bar examples shown with e.g. external buttons or optional zoom.

FSI Pages

Interactive Catalogues shown as a product catalog with hyperlinks, modals and chapters.

FSI Layers

Interactive Image Layers shown on an animated flower example, with a video option and a kitchen and product configurator.

FSI TouchZoom

Touch-enabled image zoom used with a website frontpage, product listing page and a product detail page.

FSI Viewer 360°

Zoom and 360° spin demonstrated with a different use cases, e.g. using multi-axis and hotspots.

FSI ImageGrid

Image Grid examples shown with using metadata and an optional modal zoom integration.