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 7 with a typed content layer and zero runtime external requests.
Role · Design + front-end build (Astro; demo waitlist) · Updated Jul 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 is a local-only front-end demo — wire it to your provider or API. Product claims, pricing, FAQs, testimonials, stats and changelog entries are illustrative typed content that must be replaced before launch.
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.
Credible product storytelling
A clearly fictional terminal/app mockup, an architecture diagram and a flowing pipeline animation built entirely in CSS/SVG demonstrate a polished developer-tool narrative without inventing real customer proof.
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
More Technology & SaaS templates
Explore more collections
Frequently asked
- What do I get when I buy RELAY?
- A one-time licence with the full, editable source code, including 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. 14 days setup support and free updates included.
- What is RELAY built with?
- It's a Astro landing page, built with Astro 7, TypeScript, Tailwind v4, @fontsource, Static export. You receive the complete source to host and extend anywhere.
- Can YantraCore customise RELAY for my brand?
- Yes — buy it as-is for $700, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is Within 24h after purchase.
Make RELAY yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.