Relay

What Is the Relay Template?

Relay is a dark, premium marketing template by Cruip built for SaaS products, developer tools and technical startups. Its sharp typography, deep dark-mode aesthetic and product-led layouts give your software a confident presence without an in-house design team.

It comes in two versions, each downloaded as a separate .zip file:

• Next.js 16 with TypeScript and Tailwind CSS v4

• Astro 6 with Tailwind CSS v4 for fast, content-focused sites

Relay is sold on its own or as part of Cruip's Modern Bundle.

Features ✨

• Developer-First Design: Deep dark mode with interactive product illustrations

• Modular Sections: Every page is assembled from reusable section blocks

• MDX Content: Docs, blog and changelog are driven by MDX

• Polished Animations: Motion and interactive illustrations throughout

• SEO Ready: Metadata wired in from the start

• Figma File: Matching design file for visual reference

Included Pages 📒

• Product-led Home Page

• Features & Pricing pages

• Searchable Documentation section

• Changelog & Blog

• Status & Security pages

• About, Contact & Download pages

• Authentication: Sign-in, sign-up and OTP verification

(In total, you get 15+ ready-made pages.)

Pros and Cons

Pros ✅

• Built for Dev Tools: Docs, changelog, status and security pages included

• Two Frameworks: Choose Next.js or Astro

• Easy to Rearrange: Move section components to reshape the story

• Commercial License: Use it in unlimited personal, commercial and client projects

Cons ⚠️

• Dark-Only Look: Best suited to brands that want a dark aesthetic

• No HTML or Vue Version: Only Next.js and Astro are provided

• Learning Curve: Requires familiarity with Tailwind CSS and the chosen framework

Integration

• MDX: Write docs, blog posts and changelog entries as MDX files

• Next.js or Astro: Deploy to any host that supports your framework

• Figma: Use the matching Figma file for design tweaks