Template specs
This template is available for multiple frameworks, when you purchase the template you can download each version in a seperate .zip file.
Next.js TemplateBuilt with Next.js 16, TypeScript and styled with Tailwind CSS v4.
Astro TemplateBuilt with Astro 6 and Tailwind CSS v4 for fast, content-focused sites.
About this template
Relay is a developer-first marketing template 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, category-leading presence — no in-house design team required.
And it’s engineered to ship. A large component library, 15+ pre-built pages, and a modular section architecture let you rearrange, swap, and extend the story in minutes rather than days. The matching Figma file keeps design and code in lockstep, so you can go from idea to live marketing site fast.
What’s included
Relay ships 15+ pages covering a product-led home page, feature and pricing pages, a searchable documentation section, changelog, blog, status and security pages, about, contact, and download — plus complete authentication flows with sign-in, sign-up, and OTP verification. Every page is assembled from reusable section blocks, so rearranging the narrative is as simple as moving a component. Comes with the matching Figma file, MDX-driven docs, blog, and changelog content, polished animations and interactive product illustrations, full mobile-first responsiveness, and SEO and metadata wired in from the start.
Built for
Made for modern SaaS products, developer tools, and technical startups that want a polished, product-led marketing presence — backed by a clean, maintainable codebase that scales alongside the company.
FAQ
- Yes! You can use this template for an unlimited number of personal and commercial projects. These can include commercial landing pages, websites, or SaaS applications that end users pay to access.
- If you're a freelancer or agency, you can use this templates for your client projects. Please be aware that the final outcome must still adhere to our Terms & License agreement.
- Yes, you can take sections from one template to another, but since every template has a custom tailwind.config.json file it may require a bit of review work. For example, if you want to paste a section of Cube into Neon, you'll have to swap any
font-hkgroteskclass from Cube code tofont-uncut-sans. Also, you might want to check that the color classes match the color scheme of the destination template. - Unfortunately, we cannot provide support for using frameworks or site generators that are not explicitly advertised as compatible with our templates. However, you can set up your own environment and import the necessary components or elements from our templates into your application. By doing so, you will be able to customize the integration to meet your specific needs.
- A Figma file is available for this template. However, since our primary focus is on providing quality code for developers, this design file serves solely as a visual reference and is not organized into complex auto layouts or dynamic components. You can download a free Figma file from our public page to see how our design files are structured.