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
Buy now · 50 seats at $79
$79 $129 -39% for 50
Only 50 of 50 early-bird slots left at $79. Every future AgentKit release — and all five vertical kits as they ship — emailed to you at no extra cost. After the first 50, price resets to $129.
0 / 50 sold
  • 14-day no-questions refund. Read the policy.
  • MIT-equivalent license. Use it for any number of commercial projects.
  • Lifetime updates. Every new version emailed to you.
Get AgentKit
Instant download. Email arrives in under a minute.
Secure checkout via Polar · Merchant of Record handles VAT/tax globally.
Stripe-grade encryption
Cards · Apple Pay · Google Pay
One-time · No subscription
Inside the box

What 80+ components actually means.

Browse all 80+ live demos ↗
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
4
SourceCitation · 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
Shell & helpers
7
Nav · ThemeSwitcher · ChatHero · ComponentPreview · ComponentsSidebar · DocsSidebar · Markdown
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 80+ components. Everything is copy-paste ready.

Phone-first

Looks great on a 5-inch screen.

Most of your AI-product traffic is mobile — Twitter, Discord, AI tool roundups all open on phones. AgentKit's hero, chat, and trace viewer are designed mobile-first, not "responsive as an afterthought."

  • Chat hero collapses cleanly to one column with the input pinned, no horizontal scroll.
  • Agent trace viewer steps stack vertically with the same expand/collapse interaction.
  • Real-device tested — iOS Safari, Android Chrome, dynamic-island clearance, no janky tap targets.
AgentKit mobile hero — headline, tagline, CTAs stacked vertically
Hero
AgentKit mobile live chat — full-width chat widget with streaming response
Chat
AgentKit mobile agent trace viewer — Thought / Tool / Final synthesis steps stacked
Trace
Pre-composed landing

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
  • 47 AI-native components — chat, streaming, agent orchestration, tool results, RAG, playground
  • 24 UI primitives & utility components — 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
  • 281 vitest tests across 54 test files — every critical path 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
Tech stack (2026)

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+
Real questions

Before you click buy.

Stuck on something not covered here? Reply to any email from us and you'll get a real answer from a real person within a day.

Can I use AgentKit in commercial projects? +
Yes. License is MIT-equivalent — use it on as many client and personal projects as you want. The only restriction: you cannot resell the kit itself as a competing template.
How does the 14-day refund work? +
Reply to your purchase email within 14 days asking for a refund. No questions, no forms. The refund hits the same card within 5-10 business days. Your download link stays active during processing.
Does it work with Next.js 15 / Tailwind v3 / older stacks? +
AgentKit ships on Next.js 16 + Tailwind v4 + React 19 — the 2026 stack. You can downgrade individual components by hand (most are framework-agnostic Radix primitives), but we don't maintain a v3/v15 fork. The included MIGRATING.md walks through the gotchas.
What does "lifetime updates" actually mean? +
Every new version of AgentKit gets emailed to you with a fresh download link — for as long as the kit exists. v1.7 today, v2.0 next quarter, v3 next year. No re-purchasing.
I want all five vertical kits (DevToolKit, ChatbotKit, etc.). Should I wait? +
Buy AgentKit at $79 now. When the All-Access tier opens in October at $299, you upgrade for the $200 difference — never full price. Waiting costs you the early-bird lock.
Can I swap the design (typography, colors, spacing)? +
Yes — three built-in themes (editorial-dark, bright, cool-blue) swap via a single data-theme attribute. Or override the design tokens in tailwind.config.ts to match your own brand. No CSS rewrite needed.
Do I need to keep the 281 tests? +
No. They're there so you can confidently change components without breaking them. Delete the entire vitest setup if you want — the kit ships and runs with zero test code on the runtime path.
Where can I deploy it? +
Vercel (one-click), Netlify, Cloudflare Pages — deployment scripts for all three are in the ZIP. Edge runtime API routes are wired up so the chat hero works on every platform without config.
Pricing

$79 if you're early. $129 at launch.

First 50
Early bird
$79
One-time · lifetime updates
The first 50 people on the launch list get this price. Join above.
Launch price
$129
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.

$79 for the first 50.
Then $129 forever.

AgentKit is shipping right now — 80+ components, 281 tests, 3 starter pages, 2,692 lines of docs. Lifetime updates included. 14-day no-questions refund. Buy once, ship in an afternoon.