Kit 01 of 05
Shipping this week
AgentKit
The landing page kit for AI agent products. Live chat hero. Agent trace viewer. Tool-calling demo. Nothing looks like a purple-robot SaaS template.
Built for builders of execution agents, workflow agents, coding agents, and agent platforms. Drop in an API key and the chat demo works. Ship your AgentKit-based landing page in an afternoon, not a month.
65
Components
279
Tests
2,692
Lines of docs
Early access · 50 seats at $49
$49 $99 -50% for 50
First 50 buyers lock in $49 forever. Every future AgentKit release — v1.5, v2.0, all five vertical kits
after month 6 — emailed to you at no extra cost. After launch, price resets to $99.
11 / 50 reserved
Reserve a slot
Drop your email. Get the $49 link the minute AgentKit ships.
- One email on launch day with your $49 checkout link. Then silence.
- One-click unsubscribe. No PII sold or shared, ever.
- Shipping this week — code complete. Not vaporware.
Inside the box
Browse all 65 live demos ↗
What 65 components actually means.
Chat primitives
5
MessageBubble · MessageActions · ChatInput · TypingIndicator · SuggestedPrompts
Chat extensions
8
ChatSidebar · MessageThread · AttachmentPreview · VoiceInputButton · CitationDrawer · CommandPalette ⌘K · AudioWaveform · HotkeyHelp ?
Streaming
8
StreamingText · StreamingMarkdown · StreamingCode · StreamingJSON · StreamingTable · StreamingForm · ImageGenerationProgress · GenerationCanvas
Agent orchestration
11
AgentStatus · AgentTraceViewer · ToolCallPanel · ThoughtBubble · ToolPermissionGate · MultiAgentView · AgentTimeline · TaskList · ReasoningTree · AgentMemoryViewer · ReasoningBlock
Config & playground
8
ModelSelector · TokenCounter · PromptPlayground · DiffViewer · TemperatureSlider · SystemPromptEditor · CostTracker · PromptLibrary
Tool results
3
ToolCallInline · ToolResultTable · ToolResultChart (pure-SVG bar/line/area)
RAG & search
5
SourceCitation · InlineCitation · CodeBlock · AISearchBox · DocumentUploader
UI primitives
17
Button · Card · Input · Textarea · Select · Checkbox · Radio · Switch · Separator · Dialog · Tabs · Tooltip · Popover · Toast · Avatar · Badge · Skeleton
Landing sections
9
Hero · Streaming features · Agent trace · Tool calling · Pricing · Social proof · FAQ · Final CTA · Footer
Touch it before you buy
No demo reel. The real kit is live.
Click through AgentKit running on our own domain. Same code you get in the ZIP, same design tokens, same 65 components. Everything is copy-paste ready.
Tour 01
Browse all 65 components →
Sidebar, search, category grouping. Click any card for a live demo.
Tour 02
Meet AgentTraceViewer →
The flagship. Preview tab, source tab, one-click copy. Like shadcn, for AI.
Tour 03
Read the docs →
2,692 lines across 8 guides. Getting started, recipes, troubleshooting, migration.
Nine landing sections. Drop-in ready.
Beyond components, AgentKit ships 9 composed sections — just arrange them in
src/app/page.tsx and you have a landing page.
Section 01
Hero with live chat
Visitors can chat with your pre-configured agent right from the hero.
Section 02
Streaming features
Feature grid with live streaming-text animation — the AI demo IS the marketing.
Section 03
Agent trace viewer
Visualize multi-step reasoning with collapsible tool calls and token streams.
Section 04
Tool calling demo
Show your function-calling capability with a live, runnable demonstration.
Section 05
Usage + seat pricing
Two pricing models (token-based and per-seat) already wired to Polar.
Section 06
Social proof wall
GitHub stars, company logos, testimonial carousel — all design-token driven.
Section 07
FAQ, CTA, Footer
Pre-written FAQs for AI products. Multiple CTA variants. Nav-ready footer.
What's in the download
One ZIP. Everything.
- → Next.js 16 app (App Router, Turbopack, React Compiler) — full source
- → 48 AI-native components — chat, streaming, agent orchestration, tool results, RAG, playground
- → 17 UI primitives — form controls, overlays, display (Dialog, Popover, Toast, Avatar, etc.)
- → 9 landing sections — hero, streaming features, agent trace, tool calling, pricing, social proof, FAQ, final CTA, footer
- → 279 vitest tests across 53 files — every component covered
- → Shadcn-style /components route — live preview, source code tab, one-click copy per component
- → /docs route — in-site documentation (Getting Started, Recipes, Troubleshooting, Migrating)
- → Copy framework — 8 headline formulas + 30 worked examples for AI products
- → Deployment scripts for Vercel, Netlify, and Cloudflare Pages
- → Three built-in themes (editorial dark, bright, cool blue) with zero-FOUC switching
- → Lifetime updates — every time AgentKit evolves, you get a fresh download URL
Latest-stable. No legacy.
If it was released in the last six months, it's in here. If it's about to be deprecated, it's not.
Next.js
16.2.4
React
19.2.4
Tailwind CSS
4
Vercel AI SDK
v6
Radix UI
latest
TypeScript
5.9+
$49 if you're early. $99 at launch.
First 50
Early bird
$49
One-time · lifetime updates
The first 50 people on the launch list get this price. Join above.
Launch price
$99
One-time · lifetime updates
Standard price after the first 50. Still less than a single design consultation.
All-access · Month 6
$299
All 5 kits + future kits
Opens in Month 6. AgentKit buyers upgrade for the $200 difference, never more.
Shipping this week.
Early-bird locks at $49.
AgentKit is code-complete — 65 components shipping, 279 tests green, 3 starter pages, 2,692 lines of docs written. Waitlist is closing and the first 50 buyers pay $49 forever. After that, $99.