12 layers · 5 free

SaaS landing page templates with the product in the hero

The strongest SaaS pages show the product doing its job before anyone scrolls. Each template here puts a working demo in the hero, scripted to run on its own and to respond when a visitor takes over, then makes the case with figures and ends on pricing and a call to action.

Five are free: Beacon, Pulse, Ferro, Sibyl and Kinetic. The dark ones (Cortex, Pulse, Relay, Ferro, Kinetic) suit developer products; the light ones suit tools sold to operations, finance and support teams.

Beacon
FREE
N° 0673 · Feature flags
A feature-flag platform whose hero console re-skins a grocery app as you flip five switches, with a rollout slider.
Pulse
FREE
N° 0707 · Uptime monitoring and status pages
Uptime monitoring with a customer's live status page in the hero, playing an incident from Investigating to Resolved.
Cortex
PRO
N° 0679 · AI coding assistant
An AI coding assistant: the hero editor types a suggestion as a live diff, and Accept or Reject really apply it.
Gridline
PRO
N° 0021 · B2B analytics
B2B analytics with a live mock dashboard: rolling sparklines, a crosshair revenue chart and a sortable account table.
Hive
PRO
N° 0693 · Collaborative docs
Collaborative docs where three named cursors edit a shared document and your pointer joins as the fourth.
Invoyce
PRO
N° 0695 · Invoicing for freelancers
Invoicing for freelancers: an invoice writes itself, its totals count up and a PAID stamp lands on it.
Querent
PRO
N° 0708 · analytics copilot
An analytics copilot set like a financial paper; a typed question writes the SQL and draws the chart.
Sibyl
FREE
N° 0713 · AI customer support
AI customer support with a help widget working through a morning queue while a deflection gauge climbs.
Relay
PRO
N° 0709 · AI agent platform
An AI agent platform whose node graph wires itself as you scroll, then runs with packets travelling each wire.
Castwell
PRO
N° 0037 · recruiting platform
A recruiting platform with a draggable candidate pipeline in the hero (arrow keys work too) and toggle pricing.
Ferro
FREE
N° 0638 · payments API
A payments API in graphite and oxide orange: a test checkout fires signed webhooks into a live log.
Kinetic
FREE
N° 0697 · Open-source UI component library
A UI component library: scrolling types a React component while the preview builds the pricing card it describes.