RELAY — Developer-Tool Landing
Ship faster. Sleep better.
A Linear/Vercel-calibre dark-mode landing for a developer tool or SaaS product: a glowing hero with a terminal snippet, feature blocks with CSS/SVG product visuals, tabbed code samples with copy-to-clipboard, a pricing page, a docs quickstart and a changelog. Built in Astro 5 with a typed content layer and zero external requests.
Role · Design + front-end build (Astro; demo waitlist) · Updated Jun 2026
- 6 pages: home landing, pricing, docs quickstart, changelog, waitlist, 404
- A typed content layer (features, pricing, comparison, FAQs, changelog, testimonials, stats)
- Tabbed code samples with copy button + an accessible FAQ accordion
- Self-hosted Inter + JetBrains Mono — zero runtime external requests
- Delivery
- Within 24h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Forms / waitlist
The waitlist and newsletter are front-end demos — wire them to any provider (Resend, ConvertKit, your API). Content (features, pricing, FAQs, changelog) is a typed data layer.
Delivered as full Astro source. Wire the waitlist/newsletter to your provider and swap in your product copy.
What makes it special
Developer-grade dark UI
Deep-ink canvas, an electric-blue accent, a subtle grid/glow hero and crisp typography — the visual bar of the best dev-tool landings, every effect reduced-motion gated.
Interactive code samples
A tabbed code viewer (Node, Python, Go, cURL) with a working copy-to-clipboard button and static CSS-token syntax highlighting — no runtime highlighter.
A real product story
A faux terminal/app mockup, an architecture diagram and a flowing pipeline animation built entirely in CSS/SVG make the fictional product feel shipped.
Fully typed content
Features, pricing tiers, comparison table, FAQs, testimonials, stats and changelog all live in typed data files — swap in real copy in minutes.
Accessible patterns
FAQ accordion and code tabs implement full ARIA patterns (aria-expanded/controls, tablist/tab/tabpanel, arrow + Home/End keys), with a skip link and focus-visible rings.
What’s included
- 6 pages: home landing, pricing, docs quickstart, changelog, waitlist, 404
- A typed content layer (features, pricing, comparison, FAQs, changelog, testimonials, stats)
- Tabbed code samples with copy button + an accessible FAQ accordion
- Self-hosted Inter + JetBrains Mono — zero runtime external requests
- All product visuals in CSS/SVG, reduced-motion fallbacks, WCAG 2.2 AA, static export
Gallery
More Technology & SaaS templates
Make RELAY yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.