๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Hotspot / Interactive

Interactive image hotspots and annotated visuals

125 components - V3 100 ยท V4 25

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

V3 Adaptive

Hotspot Layout Style 1 13

hotspot (Pro) on team photo left-aligned layout

headingtext-editor
V3 Adaptive

Hotspot Layout Style 2 13

hotspot (Pro) on team photo 2-column variant

headingtext-editor
V3 Adaptive

Hotspot Layout Style 3 13

hotspot (Pro) on team photo 3-column variant

headingtext-editor
V3 Adaptive

Hotspot Layout Style 4 13

hotspot (Pro) on team photo compact variant

headingtext-editor
V3 Adaptive

Hotspot Layout Style 5 13

hotspot (Pro) on team photo spacious variant with extra padding

headingtext-editor
V3 Adaptive

Hotspot Layout Style 6 13

hotspot (Pro) on team photo with social-icons row

headingtext-editor
V3 Adaptive

Hotspot Layout Style 1 14

hotspot (Pro) on team photo with counter stat

headingtext-editor
V3 Adaptive

Hotspot Layout Style 2 14

hotspot (Pro) on team photo full-width layout

headingtext-editor
V3 Adaptive

Hotspot Layout Style 3 14

hotspot (Pro) on team photo narrow centered card style

headingtext-editor
V3 Adaptive

Hotspot Layout Style 4 14

hotspot (Pro) on team photo with divider below

headingtext-editor
V3 Adaptive

Hotspot Layout Style 5 14

hotspot (Pro) on team photo right-aligned layout

headingtext-editor
V3 Adaptive

Hotspot Layout Style 6 14

hotspot (Pro) on team photo 4-column variant

headingtext-editor
V3 Adaptive

Hotspot Layout Style 1 15

hotspot (Pro) on team photo with alert banner above

headingtext-editor
V3 Adaptive

Hotspot Layout Style 2 15

hotspot (Pro) on team photo with breadcrumb above

headingtext-editor
V3 Adaptive

Hotspot Layout Style 3 15

hotspot (Pro) on team photo minimal single-row

headingtext-editor
V3 Adaptive

Hotspot Layout Style 4 15

hotspot (Pro) on team photo with background container card

headingtext-editor
V3 Adaptive

Hotspot Layout Style 5 15

hotspot (Pro) on infographic

headingtext-editor
V3 Adaptive

Hotspot Layout Style 6 15

hotspot (Pro) on infographic with CTA button below

headingtext-editor
V3 Adaptive

Hotspot Layout Style 1 16

hotspot (Pro) on infographic with divider above

headingtext-editor
V3 Adaptive

Hotspot Layout Style 2 16

hotspot (Pro) on infographic with image placeholder

headingtext-editor
V3 Adaptive

Hotspot Layout Style 3 16

hotspot (Pro) on infographic with icon accents

headingtext-editor
V3 Adaptive

Hotspot Layout Style 4 16

hotspot (Pro) on infographic centered layout

headingtext-editor
V3 Adaptive

Hotspot Layout Style 5 16

hotspot (Pro) on infographic left-aligned layout

headingtext-editor
V3 Adaptive

Hotspot Layout Style 6 16

hotspot (Pro) on infographic 2-column variant

headingtext-editor