Agent-Native
The framework for agentic apps
Agent-Native is an open-source framework for rapidly building robust applications with agents at their core.
// One action powers every app surface: UI, agent, HTTP, MCP, A2A, and CLI.
export default defineAction({
schema: z.object({
emailId: z.string(),
body: z.string(),
}),
run: async ({ emailId, body }) => {
await db.insert(replies).values({ emailId, body });
},
});
- Actions: Define work once. Use it from every app surface: UI, agent, HTTP, MCP, A2A, and CLI.
- Agent runtime: Chat, tools, skills, memory, jobs, observability, and handoffs ship together.
- Backend agnostic: Plug in any Drizzle-supported SQL database and Nitro-compatible host.
- Toolkits: Reusable building blocks for collaboration, sharing, settings, teams, and observability.
Don't pick between apps or agents.
Agent-native apps are both
| SaaS Tools | Raw AI Agents | Internal Tools | Agent-Native App |
|---|
| UI | Polished but rigid | None | Mixed quality | Full UI, fork & go |
| AI | Bolted on | Powerful | Shallowly connected | Agent-first, integrated |
| Customization | Can't | Instructions and skills | Full, but high maintenance | Agent modifies the app |
| Ownership | Rented | Somewhat yours | You own the code | You own the code |
Try an Agent-Native app
Fork a working app and let the agent evolve it. You can customize everything.
|
Clips
Agent-Native Loom
Record your screen with auto-transcripts and captured browser debug logs, share a link, and let an agent read the transcript, see timestamped frames, and fix the bug.
|
Plans
Visual plan mode for coding agents
Install /visual-plan and /visual-recap so your coding agent can plan before it builds and recap changes after they land. High-level code reviews with diagrams, wireframes, annotations, and review links.
|
Design
Agent-Native Figma
Generate interactive HTML prototypes, compare variants, refine controls, and export the result.
|
|
Content
Agent-Native Notion/Obsidian
Edit local Markdown/MDX files, generate rich interactive custom blocks, and draft, rewrite, or publish with an agent.
|
Analytics
Agent-Native Amplitude, Fullstory
Connect analytics data sources, prompt for real charts, and build reusable dashboards.
|
Chat
A minimal ChatGPT-style app for your own agent
Chat-first app scaffold with durable threads, actions, auth, live sync, and a clean path to add screens or plug in your own agent backend.
|
View the full app gallery at agent-native.com/apps, or build from scratch with the framework guide.
Quick Start
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
