Gallery · Floor plans
Interactive floor plans published by real users.
Every plan on this page is a real published project you can click through, not a screenshot. Hover or tap a hotspot to see the room detail, photo, or link the owner attached to it.
Free forever plan · No credit card · Works in Wix, Webflow, WordPress, Shopify, Squarespace
Published floor plans
Nothing published in this category yet. Build one and switch on gallery publishing to be the first.
Publish the first oneFloor plans are the most common thing people make interactive, because a static plan image answers almost nothing on its own. A visitor looking at an apartment plan wants to know which units are available, what the square footage is, and what the room actually looks like. Hotspots put that information on the plan itself instead of in a separate table below it.
The plans here span residential units, office layouts, event spaces, and building systems. They all use percentage-based hotspot positions, so the markers stay on the right room whether the plan is viewed on a 27-inch monitor or a phone in portrait.
Other categories
Product diagrams
These are working product diagrams: click a part to see its name, part number, spec detail, photo, or a link to buy or download a datasheet.
Venue and event maps
Click any marker to see what a booth, stage, seat block, or building actually is — the same experience visitors get on the sites these maps are embedded in.
Manufacturing and systems
These maps document physical systems: click a component to see what it is, which product it corresponds to, and where to learn more.
Real estate
Click a lot, unit, or room to see the detail a buyer or renter actually asks for: availability, size, price, photos, and a way to inquire.
Education
Click the markers to see how teachers and course builders use hotspots to turn a single illustration into a guided lesson.
Retail and shoppable
Each marker on these images is a product. Click one to see the name, price note, photo, and the link the owner points at their store.
Everything else
Infographics, annotated screenshots, illustrations, timelines, and other one-off projects published by users.
Continue exploring
Frequently asked questions
Can I make an interactive floor plan from a PDF plan?
Export the page as a PNG or JPG first, then upload the image. Hotspots are placed on the image, so any plan you can export as a picture works.
Do the hotspots stay aligned on mobile?
Yes. Hotspot positions are stored as percentages of the image, so they scale with the plan instead of drifting like fixed pixel coordinates in an HTML image map.
Turn any image into a guided experience.
Free forever plan. Paste one iframe into your site and ship.
Create your interactive image