Open source framework

Agentic Applications You Own

Start with a chat-first app and the app-agent loop. Add actions, screens, jobs, and workflows as your agent grows.

The framework for agent-native apps

Agent-Native is an open-source framework for building agents as real software: start with chat or headless agents, then add UI, jobs, and collaboration around the same actions.

Bring your own database, hosting provider, model stack, and app code.

Read the framework guide
// One action powers the agent, UI, HTTP, MCP, A2A, and CLI.
export default defineAction({
  description: "Say hello from the local app-agent loop.",
  schema: z.object({
    name: z.string().default("world"),
  }),
  http: { method: "GET" },
  readOnly: true,
  run: async ({ name }) => ({ message: `Hello, ${name}!` }),
});

Actions

Define work once. Use it from agent, UI, API, MCP, and A2A.

Shared state

SQL-backed app state keeps humans, agents, and sessions in sync.

Agent runtime

The app-agent loop, tools, skills, memory, jobs, and observability ship together.

Backend agnostic

Plug in any Drizzle-supported SQL database and Nitro-compatible host.

Fork and customize a fully-featured app

100% free and open source

When an action needs screens, start from a vetted app you can customize. Chat is the minimal app scaffold; domain templates add product workflows, example data, and agent-ready actions.

Clips template screenshot

Clips

Replaces or augments Loom, Granola, and Wisprflow

Screen recordings with browser debug capture, calendar-synced meeting notes, and Fn-hold voice dictation — all transcribed, summarized, and searchable, with an agent that can edit any of it.

Try It
View Docs
Plans template screenshot

Plans

Visual plan mode for Codex, Claude Code, and coding agents

Install visual planning as an app-backed skill. Your coding agent can open structured plans with diagrams, wireframes, prototypes, annotations, comments, and shareable review links.

Try It
View Docs
Design template screenshot

Design

Replaces or augments design prototyping tools

Agent-native HTML prototyping studio. Generate interactive Alpine/Tailwind designs, compare variants, refine live tweak controls, and export the result.

Try It
View Docs
Content template screenshot

Content

Replaces or augments Obsidian for MDX, Notion, Google Docs

Edit local Markdown/MDX files like Obsidian, generate rich interactive custom blocks, and use an AI agent to draft, rewrite, and publish.

Try It
View Docs
Slides template screenshot

Slides

Replaces or augments Google Slides, Pitch

Generate full presentations from a prompt. Edit visually or conversationally. AI image generation, 8 layouts, and presentation mode built in.

Try It
View Docs
Analytics template screenshot

Analytics

Replaces or augments Amplitude, Mixpanel, Looker

Connect any data source, prompt for any chart, build reusable dashboards. The agent writes SQL, generates visualizations, and evolves the app.

Try It
View Docs

Try it with a skill

Add visual planning and PR recaps to Claude Code, Codex, Cursor, Pi, OpenCode, or VS Code with one command.

# Add agent-native planning to a coding agent you already use
npx @agent-native/core@latest skills add visual-plan

/visual-plan

Reviewable plans with diagrams, wireframes, file maps, and comments before code changes.

/visual-recap

A visual summary of a PR or diff so reviewers see the shape before the raw lines.

Agents and UIs — fully connected

The agent and the UI are equal citizens of the same system. Every action works both ways — click it or ask for it.

The best of both worlds

SaaS tools are rigid and bolting AI on as an afterthought. Raw AI agents are powerful but have no UI. Agent-native apps combine both.

SaaS ToolsRaw AI AgentsInternal ToolsAgent-Native
UIPolished but rigidNoneMixed qualityFull UI, fork & go
AIBolted onPowerfulShallowly connectedAgent-first, integrated
CustomizationCan'tInstructions and skillsFull, but high maintenanceAgent modifies the app
OwnershipRentedSomewhat yoursYou own the codeYou own the code

Start with Chat

One command creates a local chat app backed by actions, durable threads, and SQLite. Use `--headless` instead when you want no browser UI yet.

# Start with a chat-first app
npx @agent-native/core@latest create my-chat-app --template chat
cd my-chat-app
pnpm install
pnpm action hello --name Builder
pnpm agent "Call hello for Builder"

Software you own, built for the agentic era

Start with chat or a durable action, run it through the app-agent loop, then grow it into UI, jobs, and collaboration without rewriting the operation. Open source. Forkable. Yours.