Next.jsTailwindTypeScript
Beacon
Ship infrastructure, not boilerplate.
Overview
Beacon is a premium, production-ready landing page for developer tools, APIs, CLIs and infrastructure products. A charcoal canvas, a single signal-amber accent and monospace headlines give it a confident, technical feel without the usual SaaS gloss.
It ships complete: a self-typing terminal hero framed by a wireframe network globe, a command menu (Cmd/Ctrl + K), a customer logo row, a feature grid, an interactive multi-language code demo, an integrations list, animated statistics, a pricing section with a monthly/annual toggle, a sign-up quickstart, a dedicated changelog page, and full light/dark theming.
Built with Next.js 16 (App Router), React 19, TypeScript (strict) and Tailwind CSS v4. SEO is handled for you — page metadata, structured data, a generated social share image, sitemap and robots.txt. Almost everything you'll want to change lives in two files (lib/site.ts and lib/content.ts), so you can rebrand it in minutes.
Tech stack
Next.js 16React 19TypeScriptTailwind CSS v4three.js
Setup in 30 minutes
- 1Purchase, then download the ZIP from your account dashboard.
- 2Unzip, run `pnpm install` (or npm / yarn).
- 3Follow the README to wire env vars and run `pnpm dev`.
- 4Swap the tokens (color, type, copy) to match your brand.
- 5Deploy to your host in one click, straight from the README. Done.
Latest update
v1.0 — Initial release.
Preview
Screenshots
Reviews
No reviews yet. Be the first to share your experience.
$39
Compatible with
Next.jsTailwindTypeScript
A single payment, no subscription, and the template stays yours for good.