VISONIAInteract
Component libraryVISONIA PRISM

Two states. A clearer explanation.

Show a place, product or process before and after. Readers drag the divider, switch pictures or see both side by side, and open a note on every detail.

Make it yours

Explore an example

The same coast today: the cliff edge has moved far inland, the house nearest the sea has fallen and lies broken on the beach, a barrier and a warning sign stand beside the next house, fresh clay shows where the face has slumped, and grey boulders of rock armour protect part of the cliff foot.
A cross-section of a cliffed coast: four houses, a road and a footpath with a bench on grassy farmland on top of a high clay cliff with bands of stones, a sandy beach with a timber groyne at its foot, and the sea to the right.
01

Your own images and explanations

02

Keyboard and reduced motion support

03

Offline Storyline, HTML and SCORM exports

Built for your existing slide

Upload images, edit the details and match your colors in Studio. Export only the component as a Storyline Web Object. Your content stays in this browser.

Optional viewing progress is not a quiz score. Completion requires opening both notes of every detail, one on each picture.