← Mighty Studio · Discover gallery
Interactive Learning Template
Image cards with text reveal
By Jaki Houston-Campbell · 465 uses
Image cards that learners open to reveal supporting text and links. Learners browse a grid or carousel and track what they have viewed. You add images, titles, supporting copy and calls to action.
About this template
In the creator's words, from Jaki Houston-Campbell.
Create an interactive gallery where each image opens into richer context. Image Cards with Text Reveal is a strong choice for examples, case studies, product features, team profiles, scenario cards, and visual storytelling. Learners can browse in a grid or carousel, reveal supporting text, follow calls to action, and track progress, making visual content feel active instead of decorative.
Fill each card with an image and context
The starting layout ships with four cards in a grid. Add or remove cards to match your content.
For each card, add an image and its alt text. You can also set the image position.
Learners control how much is open
The starting setup leaves every card closed. Learners open cards individually, or use Expand all and Collapse all.
Completion requires every card to be viewed. You can change the text used for progress and completion controls.
Other templates handle sequences and hotspots
Use Process image with text reveal when learners should follow a clear sequence. Use System Demo or Product Walkthrough for screenshot tours with clickable hotspot callouts.
Use SVG Image Map with Popups when you need hotspot regions inside an SVG. Its hotspots can use any shape defined in the SVG.
Template by Jaki Houston-Campbell. Notes by the Mighty team. Publishing, SCORM and LMS details that apply to every template are in the Mighty FAQ.