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

Nexus UI

Relay, a Next.js template

AI gateway for developers

A light, Apple-style landing page for an AI gateway: live packet routing in the hero, a pinned scroll story for context, voice, job status and alerts, a draggable edge globe, a TypeScript/Python/cURL code switcher and seat pricing with a rolling odometer.

  • AI Tools
  • Advanced
  • 1 page
  • 12 sections
Relay 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. 2Live Routing Hero Console
  3. 3Customer Marquee
  4. 4Animated Stats
  5. 5Pinned Product Story
  6. 6Edge Globe Bento
  7. 7Code Switcher
  8. 8Plan Picker and Seat Pricing
  9. 9Quote Marquee
  10. 10FAQ Accordion
  11. 11CTA Band
  12. 12Footer

Built in

  • Live packet router canvas in a browser frame that tilts flat on scroll
  • Copy-to-clipboard install pill with a spring label swap
  • Pinned scroll story: context meter, voice orb, matrix loaders and toast stack
  • Draggable dot globe with edge regions
  • Pausable squeeze progress bar and inline feedback pill
  • Language tabs with a shared-layout highlight and staggered code lines
  • Radio card plan picker and a per-seat price odometer
  • Count-up stats, magnetic buttons and word-by-word headline
  • 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 Relay yours

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

Live preview