Kit 01Live now

AgentKit

The landing page kit for AI agent products. A real agent loop with tool approval — watch it run on the demo. 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
641
Tests
2,906
Lines of docs
Buy now · one-time
$129one-time
One payment. No subscription. Compatible releases within your major version are emailed at no extra cost while that version is maintained.
Get AgentKit
Instant download. Email arrives in under a minute.
●Polar (merchant of record) handles payment and tax
●Cards · Apple Pay · Google Pay
●One-time · No subscription
Inside the box

What 65 components actually means.

Browse all 65 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
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.

See the full landing page live →
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 chat demo — full-width chat widget with a scripted agent run
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 insrc/app/page.tsx and you have a landing page.

Section 01
Hero with a working agent
A real agent loop with tool approval — watch it run on the demo. Visitors watch your agent reason, call tools and ask before it acts.
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) behind one toggle — swap in your own plans.
Section 06
Social proof
A strip of verifiable facts, plus a testimonial grid that appears once you add real quotes.
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) — 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
  • →641 vitest tests across 89 test files — every critical path covered
  • →Shadcn-style /components and /sections routes — live preview, source code tab, one-click copy
  • →/docs route — all 8 guides rendered in-app
  • →Copy framework — 8 headline formulas + 30 worked examples for AI products
  • →Deployment guides for Vercel, Netlify, Cloudflare, and a Node VPS
  • →3 built-in themes (editorial dark, bright, cool blue) with zero-FOUC switching
  • →Rebrand from one file — edit site.config.ts, or paste your product brief into prompts/rebrand.md and let your AI fill it in
  • →Compatible updates within your major version — every included release arrives by email while that version is maintained
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.4
React
19.3.1
Tailwind CSS
4
Vercel AI SDK
7
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 release within your major version gets emailed to you with a fresh download link for as long as that version 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 only if this kit fits your product today. No other kits are on sale, and any future kit, bundle or upgrade credit will be announced with its own 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 641 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.
Pricing

$129, once.

AgentKit
$129
One-time · compatible updates within your major version · 14-day refund
Future kits
TBA
No bundle is currently for sale. Any future kit, bundle or buyer credit will be announced separately.

$129, one-time.
Compatible updates within your major version included.

AgentKit is available now — 65 components, 641 tests, 3 starter pages, 2,906 lines of docs. Compatible updates within your major version included while it is maintained. 14-day no-questions refund. Buy once, ship in an afternoon.