Simple copy changes require code changes
Edit content visually on the page
Build editable websites with your coding agent
Camox is a Vite framework with a CMS baked in.
npm create camox@latestWhy Camox
Coding agents need a framework. Not just to render pages, but to manage the site over time.
With standard frameworks
with Camox
Every content update needs a redeploy
Draft and publish content in production
Agents generate code for each new page
Agents build pages by composing your existing blocks
Optimizing assets and SEO is tedious
Assets and metadata are managed automatically
Editing experience
The best features from CMS tools. Get powerful content management workflows, without the complexity.
Visual editing
Edit pages in the UI
Editing content is collaborative and visual. No code or redeploys are needed. Everyone can participate, including non technical users.
Autosave
Works in production
Publishing workflows
Work on drafts, publish when ready
Experiment freely with ideas, directly on your website. Compare the changes to the live version. Visitors only see the updates after you publish them.
Make safe changes
Discard what you don't like
Website focused features
Built for modern websites. Sites have very different needs from apps. Camox is designed to address them.
SEO metadata generation
Camox always watches changes to your page content, and generates new title and description tags optimized for Google when needed.
Optimized images, metadata included
All your assets get compressed and served in the most efficient format. And AI writes the file names and alternative text, ensuring good a11y.
Open Graph image generation
Make your site stand out when shared on the web. All your pages get an OG image out of the box, using a template you can customize.
Serve markdown to agents
When an LLM fetches a page on your site, they don't get HTML but markdown, the most token-efficient language. You define the block-to-markdown template, so nothing is lost in translation.
Developer experience
Designed for type safety
Your Camox code gets strong types inferred directly from schema definitions. Get autocomplete and strict errors, without any visible TS code, even in deeply nested arrays. Inspired by TanStack APIs.
feature.tsx
Edit the highlighted field nameimport { Type, createBlock } from "camox/createBlock";
const feature = createBlock({
content: {
title: Type.String({ default: "A type-safe block" }),
description: Type.String({ default: "Component 🤝 schema" }),
},
component: The component is defined below instead of inline. That is so it can infer types from the block content schema.,
});
function Feature() {
return (
<feature.Field name="">
{(props) => <h2 {...props} />}
</feature.Field>
);
}
“titel” is not a field in this block.
Expected "title" | "description".
Agent workflows
Everything agents need to be autonomous
Skills included
Everything your agent needs to know about Camox. Accessible as a skill that stays in sync with your framework version.
Type-safe APIs
All APIs have strict TypeSript rules derived from your content schemas. This provides agents with a tight feedback loop when they make mistakes.
Powerful CLI
Every operation in Camox can be done in the CLI. Paired with the Camox skill, this lets agents manage your site efficiently.
Human workflows
Not every change needs a prompt. Make quick changes manually, and save your tokens for bigger tasks.
Notion-like UX
Drag-and-drop to organize a page
Think something deserves more attention? Drag it up from the sidebar, and the see change in realtime.
Notion-like UX
No code needed
Block based designed
Assemble pages on the fly
Build new pages in the UI by assembling the page sections your site already has: a hero, a YouTube video, a banner...
No code needed
Consistent designs
STACK
Get a modern and familiar codebase
React-based framework
Server-side rendering for great SEO. Link prefetching on hover. And the biggest packages ecosystem.
Nitro
Support for all runtimes (serverless or not), so you can deploy anywhere.
Vite Plus
Your app comes with the fastest linter, formatter and type checker, based on oxc and tsgo.
Tailwind and shadcn/ui
The best way for AI to manage styles. Change the look of your site by tweaking the theme in a single CSS file.
Base UI
The most modern and well-maintained headless component library. With full shadcn/ui support.
TanStack Query
Server data management, with granular data caching, integrated in the router.