Kit 01
Live now
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
291
Tests
2,692
Lines of docs
Buy now · first 50 at $79
$79 $129 -39% for 50
Only 50 of 50 early-bird slots left at $79. Compatible v1.x releases are emailed at no extra cost. After the first 50, price resets to $129.
0 / 50 sold
- 14-day no-questions refund. Read the policy.
- Commercial license. Use it for any number of your own or client projects.
- Compatible v1.x updates included while v1 is maintained.
Get AgentKit
Instant download. Email arrives in under a minute.
●Stripe-grade encryption
●Cards · Apple Pay · Google Pay
●One-time · No subscription
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
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.
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.
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
- → 291 vitest tests across 57 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 guides for Vercel, Netlify, Cloudflare, and a Node VPS
- → Three built-in themes (editorial dark, bright, cool blue) with zero-FOUC switching
- → Compatible v1.x updates — every included release arrives by email while v1 is maintained
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.10
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. The proprietary commercial license lets you use it on as many client and personal projects as you want. You cannot redistribute or 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. The link may remain active during processing; a completed full refund revokes download access and the license.
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.
Which updates are included? +
Every compatible v1.x release gets emailed to you with a fresh download link for as long as v1 is maintained. A future full-rewrite major version is a separate product unless we explicitly grant an upgrade.
I want the future vertical kits too. Should I wait? +
Buy AgentKit at $79 now only if this kit fits your product. Future kits, any All-Access tier, and any upgrade credit will have separately announced scope and terms.
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 CSS-first Tailwind tokens in src/app/globals.css to match your own brand. No component rewrite needed.
Do I need to keep the 291 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? +
The included deployment guide covers Vercel, Netlify, Cloudflare, and a Node VPS. The chat route needs a model key and a production rate-limit backend; without a model key the UI uses the local scripted fallback.
$79 for the first 50. $129 after.
First 50
Early bird
$79
One-time · compatible v1.x updates
This price remains active while paid-order slots are still available.
Standard price
$129
One-time · compatible v1.x updates
Standard price after the first 50. Still less than a single design consultation.
Future kits
TBA
No bundle is currently for sale
Any future bundle, included products, pricing, or buyer credit will be announced separately.
$79 for the first 50.
One payment, compatible v1.x updates included.
AgentKit is available now — 65 components, 291 tests, 3 starter pages, 2,692 lines of docs. Compatible v1.x updates included while v1 is maintained. 14-day no-questions refund. Buy once, ship in an afternoon.