Early accessFull site coming soon. Pro is $49.99 a year. See pricing ›

Nexus UI

Wayfare, a Next.js template

trip planner and booking

A warm travel landing page with a spinning dot globe and typed destination search in the hero, a curved destination reel, weather, packing list and photo layouts, a pinned story with live flight tracking, tear-off tickets and passport stamps, local guides and a membership lanyard pass.

  • Travel
  • Advanced
  • 1 page
  • 11 sections
Wayfare home page
Open it live

Inside the page

Screens from the live template. Open one to see it full size.

What's in it

Sections, top to bottom

  1. 1Sticky Pill Nav
  2. 2Globe and Search Hero
  3. 3Curved Destination Reel
  4. 4Animated Stats
  5. 5Weather, Packing List and Layout Switch
  6. 6Pinned Story: Flights, Tickets, Stamps
  7. 7Expanding Local Guides
  8. 8Membership Picker and Lanyard Badge
  9. 9FAQ Accordion
  10. 10CTA Band
  11. 11Footer

Built in

  • Draggable dot globe with destination cities
  • Typewriter destination search and elastic traveller stepper
  • Curved poster reel you can drag or fling
  • Hour-by-hour weather puck with a draggable sun
  • Shared packing list and a four-mode photo layout switch
  • Live flight tracker, tear-off ticket and stamp swirl in a pinned scroll story
  • Shared-element guide cards that expand in place
  • Membership radio cards driving a physics lanyard badge
  • Respects reduced motion and stays light in dark mode
  • Fully responsive down to 390px

Run it on your machine

  1. Get the code

    Get Pro or lifetime access, then download the source zip from this page.

  2. Install

    In the project folder:

    $ npm install

  3. Start it

    Then open localhost:3000.

    $ npm run dev

More templates

See all templates

Make Wayfare yours

Included in Pro, $49.99 a year, along with every other template. Swap in your words and colours and ship it.

Live preview