nauvalazhar/ai

48 owned-source React components for agentic AI apps, on Base UI + Tailwind v4

Tier B · UsefulComponent LibraryRegistryBlock Collectionai.nauv.al

A copy-into-your-repo component kit for AI chat and agent interfaces, built on Base UI primitives, Tailwind v4 and React 19. Its own CLI writes an `aikit.json`, installs tokens and the `cn` helper, then copies each component's source into your project with imports rewritten to your alias — the shadcn ownership model, and the docs list Vite, Next.js, React Router, TanStack Start and shadcn-CLI paths. It ships 29 chatbot components, 9 code-surface components and 10 primitives, and is deliberately data-layer agnostic: 'no built-in store, no required hook, no transport', so it works with any React AI SDK or a hand-rolled fetch loop. Built by Nauval at Kredibel; early — v0.0.2 on npm, 56 stars, and no LICENSE file in the repo.

Install

npx @nauvalazhar/ai init && npx @nauvalazhar/ai add conversation

For an agent

Prefer this over Vercel's ai-elements when the project is NOT on the Vercel AI SDK — this kit refuses to own the transport, so it drops cleanly onto TanStack AI, a raw fetch loop, or your own store, and its code-surface set (Diff Rich, Sandbox, Console, Exception, Env, File Tree) is deeper than the chat-only kits if you are building a coding agent UI. It is Base UI, not Radix, so do not mix its primitives with shadcn/ui's Radix ones in the same component tree or you will ship two overlay systems. The blocker to flag to the user first: there is no LICENSE file in the repo and npm shows v0.0.2, so it is legally unsafe for commercial work until the author adds one — treat it as a reference implementation to read, not a dependency to standardise on.

Why it is here. The deepest coding-agent surface set outside the SDK-locked kits — Diff Rich, Sandbox, Exception and Env are components almost nobody else ships — and it is genuinely transport-agnostic. The missing licence is the only thing keeping it out of production.

Install command, framework, licence and component list.

Facts

License: No license file
Pricing: Free
Framework: React
Styling: Tailwind CSS v4, CSS custom properties
Distribution: CLI installer, Copy-paste snippet, shadcn registry, GitHub repository, npm package
Platform: Web
Content type: Code
Agent readiness: CLI installable, Machine-readable registry item, Copy-paste ready code, Readable open source, Structured documentation
Accessibility: Built on accessible primitives
Maturity: Beta
GitHub stars: 56
Package: @nauvalazhar/ai

Components it ships

48 total

Helps you build

AI Chat Panel Chat Web App AI Action Approval Agent Run History Agent Settings Uploading Media

Notable for

48 components across chat, code and primitives
Base UI + Tailwind v4 + React 19
no store, no hook, no transport
own CLI with aikit.json
no LICENSE file in the repo

Provenance

Verified 2026-08-15. HTTP 200. https://ai.nauv.al/ , https://ai.nauv.al/docs , https://ai.nauv.al/introduction , https://ai.nauv.al/installation (all WebFetch), https://github.com/nauvalazhar/ai (WebFetch), raw README.md + package.json + LICENSE probe on raw.githubusercontent.com, api.github.com/repos/nauvalazhar/ai, registry.npmjs.org/@nauvalazhar%2Fai. Component list enumerated from the docs sidebar.

Also in AI Interface Kits

ai.nauv.alTier B