Mastra

Item: Mastra
Rating: 7.3

TypeScript framework for building, evaluating and running AI agents.

7.3/10MABTU rating

DESKTOP · 1440 × 9,462/ ↗

MOBILE · 390

Section outline · Home

01heroShort headline, evals UI panel, copy prompt pill976
02logo cloudTwo rows of customer logos
03tabsPill tabs over agent code and chat UI
04tabsEvals, metrics, traces tabs over table UI
05case studiesBento of photo and metric tiles
06use casesThree cards with charts
07resourcesBook covers and latest release list
08faqBordered accordion1,223
09ctaCopy prompt pill and quickstart640
10footerNewsletter input and link columns731

Rating · Home

Visual design7.6

UX & clarity7.5

Originality6.8

Craft & consistency7.8

Motion6.5

Performance & a11y7.7

This page scores 7.4; the site score weights the home page double.

Main colours

Dark·black background·mono

Typography

Greedheading · font · self-hosted Greedbody · font · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Corporate / clean Sharp / geometric Dark tech Product-UI-led Bento grid FAQ accordion Logo cloud Marquee Pricing table Sticky header Tabs

Also: PostHog, Meta Pixel, HubSpot, Google Analytics, Google Tag Manager, Vercel

Design DNA

Black page with rounded dark-grey panels, a clean grotesk, two-tone statement headlines (white lead phrase, grey continuation) and a small peach announcement pill. The hero pairs a short headline with an evals table in red rows and a copy-prompt pill. Tabbed panels (agents, workflows, memory; evals, metrics, traces) show dense product UI, a bento of customer tiles mixes speaker photos with big metrics, green bar-chart use-case cards, book covers and changelog lists, then an FAQ and a bordered footer.

Worth borrowing

Offer a 'copy agent prompt' pill as the primary developer CTA beside Quickstart.
Mix customer tiles with a speaker photo and tiles with one big metric in one grid.
Use icon-labelled pill tabs above a large product UI panel.