Remix · Marketing · Landing Page

Cairn — AI Map Maker

A white, quiet and confident site for Cairn, an AI map maker for guides, directories and event maps

Open in Codecaine

Clones it into a folder you pick, as a new project. No Codecaine yet? Get it free

Nothing opened? Codecaine has to be installed and opened once for this link to work. Install Codecaine, or download the project and open its folder.

Cairn — AI Map Maker — home page

About

A white, quiet and confident site for Cairn, an AI map maker for guides, directories and event maps: an oversized Newsreader headline on a golden-ratio scale, one royal-blue button, soft photo cards washed with motion blur, and product shots floating on pastel skies. Every mockup is the same working SVG map of a made-up harbour city — drag it, zoom it, pick a pin — so a phone guide, a newsletter embed (switchable to phone width, with a copyable embed code) and a live spreadsheet whose edits move the pins all really work. A pinned scroll story makes a map in four steps (the prompt types itself and pins fall, the guide slides in, the style changes, the share card opens), and the closing call to action is ringed with draggable photo stickers that drift against the scroll. Plus Templates (filters, search and a full-size preview), a working Studio (Ask Cairn, click-to-add, a reorderable list, four map styles, reader preview, share dialog, saved in the browser), Pricing (billing toggle, a views calculator, comparison and FAQ) and a live brand guide.

Designed for

  • Map, location, directory and travel-guide products
  • AI tools that want a calm, editorial landing page instead of gradients and sparkles
  • Story-led home pages with a scroll-pinned, step-by-step product walkthrough
  • Seeing interactive SVG mockups, a working builder and editor-controllable motion in one project

Details

Version
1.0.0
Updated
Oct 11, 2026
Pages
5
Framework
vite
Styling
tailwindcss@4
Dev port
3440
SDK
@canvas/react 0.1.1
License
MIT
Download
613 KB · 83 files

Keywords

mapsaisaasdirectorytravelembedsticky-scrollscroll-storyinteractive-mockupssvggolden-ratiooversized-typographypricingframer-motionlenisreactvitetailwind

Every page

5 pages, as they open at 1440px.

More remixes

See all 38