Early Bird · 15% off

Relay - AI Chat UI Kit for Next.js - Next.js AI Chat UI Kit Template

Relay - AI Chat UI Kit for Next.js - AI Chat UI Kit template preview

About this template

Relay is a chat UI kit, not a SaaS starter - the homepage IS the product: the real ChatWindow component, filling the viewport, no marketing site to gut and rewrite first. Type a question and watch it stream token by token through useChatStream, click an inline citation to see the quoted source in a popover (every citation also rolls up into a Sources card list below the reply), or ask for something like a pricing card and watch a canvas slide open on the right with a live, sandboxed HTML preview - the same pattern as ChatGPT Canvas or Claude Artifacts - with a Code tab, Copy, and Download. Sign in (any email/password) for the full threaded app: a persistent sidebar grouped by Today/Yesterday/Earlier, saved conversations, a Settings page with usage stats and a real Cmd+K shortcut, and a feedback row under every reply with a 'Retry with another model' dropdown that actually regenerates with the picked model. ModelSelector works on plain 'provider/model' strings, matching the Vercel AI Gateway convention, so swapping Claude for GPT is a string change, not a rewrite. The 'Wire' design system runs cool near-black surfaces with a vivid antique-brass accent, Big Shoulders display type over Archivo body text and IBM Plex Mono for every streamed token and citation stamp - fully responsive, audited with axe-core across every route in both themes, flash-free dark/light mode. Runs fully seeded with zero config - documented seams for a real database, auth provider, and the Vercel AI Gateway.

What's included

The homepage IS the chat interface - the real ChatWindow component fills the viewport, no marketing site, no redirect; a signed-in visitor lands straight in their real account instead of an anonymous demo
Token-by-token streaming via useChatStream, inline citations with source popovers, and a Sources card list rolled up below each reply
A canvas for code - a fresh artifact pops the chat into a split pane with a live sandboxed HTML preview (or a read-only code view for anything else), Copy and Download, full-screen on mobile - the same pattern as ChatGPT Canvas or Claude Artifacts
Full threaded chat app behind mock auth - persistent sidebar grouped by Today/Yesterday/Earlier, saved conversations, Settings with usage stats and a real Cmd+K shortcut
Message attribution (model badge + timestamp) and a feedback row under every reply - Copy, thumbs up/down, and a 'Retry with another model' dropdown that regenerates with the picked model
File-path code headers with line numbers, not just a language tag - code blocks read like real files
ModelSelector works on plain 'provider/model' strings, matching the Vercel AI Gateway convention, so swapping models is a string change
'Wire' design system - cool near-black surfaces with a vivid antique-brass accent (never the default SaaS violet, and deliberately not rust/clay either), Big Shoulders display type, Archivo body, IBM Plex Mono for every streamed token and citation stamp
Fully responsive and audited with axe-core across every route in both themes - flash-free dark/light mode, zero console errors on a production build
Runs fully seeded with zero config - no database or API keys required; documented seams for a real database, auth provider, and the Vercel AI Gateway

Pages Included

Home (live chat)LoginSignupApp (threaded chat)Saved threadSettings

Solo license

$79.00

Solo license · one-time payment

Doing client work? That needs a Team license.

Need Team or Agency licensing?

One-time purchase · Instant delivery via email

Not sure it's right for you? See our refund policy

Need custom changes?

Brand colors, new pages, integrations - we build it for you.

Request Customization

We'll get back to you within 24 hours

Tech Stack

Next.js16
React19
TailwindCSS v4
TypeScriptLatest

Every Plan Includes

Full source code
Commercial license
Documentation
Dark & light mode
Responsive design
Updates (plan-based)

Pricing

Choose your plan

One-time purchase. No subscriptions, no renewals.

Solo

1 developer

$79$150

per template, one-time payment

  • Full source code
  • 1 developer license
  • 1 end product
  • Own products only
  • 6 months of updates
  • Email support (48h)
Most Popular

Team

Up to 5 developers

$149$299

per template, one-time payment

  • Full source code
  • Up to 5 developers
  • Up to 5 end products
  • Client work permitted
  • 1 year of updates
  • Priority email support (24h)

Agency

Unlimited developers

$299$499

per template, one-time payment

  • Full source code
  • Unlimited developers
  • Unlimited end products
  • Client work permitted
  • Lifetime updates
  • Priority support
  • Dedicated onboarding call