Wave 4 · 156+ registry entries · 18 AI apps

Build Next.js apps
at the speed of thought.

JSN UI is a premium React component kit for Next.js — 32 primitives, 22 AI components, 18 AI app templates, 18 motion elements, and a live theme builder.

0+
Icons
0
Registry entries
0
AI app templates
0%
TypeScript %

Trusted by developers at

Trusted by teams at

Acme
Globex
Initech
Stark
Wayne
Umbrella
AI in action

Production-ready chat UIs, ready to wire

Drop a JSN UI AI component into your app, pass a callback to your LLM endpoint, and you have a polished chat experience. No need to design the loading state, the empty state, the streaming indicator — it’s all there.

  • ✓ Streaming text + token counter
  • ✓ Sources + reasoning accordion
  • ✓ Tool calls + agent traces
  • ✓ Voice input + multimodal
  • ✓ 18 full AI app templates
chat-thread.tsx
Y
What can JSN UI do?

32 UI primitives, 22 AI components, 18 app templates.

streamingsourcestools
Y
Show me the registry
Thinking…
Everything in one kit

A complete stack for AI-native UIs

Primitives, AI components, motion elements, charts, hooks, and 18 full AI app templates — all copy-pasteable, all TypeScript.

32 UI primitives

Button, Card, Dialog, Combobox, Calendar, DataTable, Resizable, Toast — everything you need.

22 AI components

Message, Conversation, Reasoning, Tool, Sources, CodeBlock, WebhookCard, AgentTrace, VoiceInput, MultimodalInput.

18 motion elements

FadeIn, ScrollReveal, CountUp, StaggerChildren, Aurora, GridPattern, Beam, Meteors, Ripple, AnimatedGradient.

18 AI app templates

chat-pdf, chat-youtube, ghibli, headshot, deepseek, gemini, interior-design — full pages ready to wire to your LLM.

Live theme builder

Sticky widget on every page. Tune radius, font, gradient, and animation speed at runtime. Persisted to localStorage.

Magic generator + CLI

LLM-powered component generator at /magic. Production-grade CLI: jsn-ui add <name>. MCP server for icon search.

Live, in your browser

No screenshots — these are the real components.

Button
6 variants · 4 sizes · asChild
Agent Card
Running · Done · Error

Research Agent

Running

Looks up sources, synthesizes answers.

Message
User + assistant bubbles
What's the weather in Berlin?
Currently 18°C and partly cloudy in Berlin.
Prompt Input
Auto-grow textarea, tools slot
Code Block
Lightweight syntax highlighting
TypeScript
export function hello() {
  return "world";
}
Stats
CountUp, NumberFlip, etc.

0

42

subscribers & team members

50+ icons · 1.5px stroke · 24×24 · currentColor

Pricing

Simple, transparent

Open source core. Pro for teams. No surprises.

Hobby
Free for individuals. MIT license.
$0
  • All 32 UI primitives
  • All 22 AI components
  • 18 motion elements
  • Community support
Start free
Pro
Most popular
For indie hackers shipping real products.
$19
  • Everything in Hobby
  • 18 AI app templates
  • Magic generator (LLM)
  • Priority support
  • Lifetime updates
Upgrade to Pro
Team
For teams that ship together.
$49
  • Everything in Pro
  • Up to 10 seats
  • SSO + role-based access
  • Custom registry namespace
  • Dedicated Slack
Contact sales
Loved by builders

What people are saying

JSN UI cut our build time in half. The AI components are unreal.
JD
Jane Doe
CTO, Acme
We shipped 4 production AI apps in a weekend with this kit.
JS
John Smith
Founder, Initech
Best Next.js component kit I've used. Period.
SM
Sam Mason
PM, Globex

Ready to ship faster?

Install the kit, drop in the components, deploy in minutes.