- [GitHub](https://github.com/remidej/camox) # Build *editable* websites with your coding agent Camox is a Vite framework with a CMS baked in. ```bash npm create camox@latest ``` Why Camox ## Coding agents need a framework. Not just to render pages, but to manage the site over time. ### With standard frameworks / with Camox - **Without:** Simple copy changes require code changes **With:** Edit content visually on the page - **Without:** Every content update needs a redeploy **With:** Draft and publish content in production - **Without:** Agents generate code for each new page **With:** Agents build pages by composing your existing blocks - **Without:** Optimizing assets and SEO is tedious **With:** Assets and metadata are managed automatically Editing experience ## The best features from CMS tools. Get powerful content management workflows, without the complexity. - ### Edit pages in the UI Visual editing Editing content is collaborative and visual. No code or redeploys are needed. Everyone can participate, including non technical users. [edit-mode-16by9.mp4](https://api.camox.dev/files/serve/15/1788423035181-edit-mode-16by9.mp4) - Autosave - Works in production - ### Work on drafts, publish when ready Publishing workflows Experiment freely with ideas, directly on your website. Compare the changes to the live version. Visitors only see the updates after you publish them. [draft-publish-16by9.mp4](https://api.camox.dev/files/serve/15/1788430004704-draft-publish-16by9.mp4) - Make safe changes - Discard what you don't like SEO and GEO # 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. Search result whose title and description Camox regenerates from the whole page when it changes - **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. Uploaded image that Camox compresses, renames, and gives alt text - **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. Social feed whose link previews show the Open Graph image Camox generates for each page - **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. The same page served to a human as a rendered page and to an agent as Markdown 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. - ### Drag-and-drop to organize a page Notion-like UX Think something deserves more attention? Drag it up from the sidebar, and the see change in realtime. [drag-drop-16by9.mp4](https://api.camox.dev/files/serve/15/1788440833799-drag-drop-16by9.mp4) - Notion-like UX - No code needed - ### Assemble pages on the fly Block based designed Build new pages in the UI by assembling the page sections your site already has: a hero, a YouTube video, a banner... [block-assembly-16by9.mp4](https://api.camox.dev/files/serve/15/1788441993522-block-assembly-16by9.mp4) - 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. - Q: Is Camox free? A: Currently, yes. We may add some usage limits for the biggest projects in the future, which shouldn't affect most users. - Q: Is Camox open-source? A: The entire codebase is public on GitHub, and almost all the project is MIT-licensed. The exception is the API server, which uses the Fair Source License, making each release MIT-licensed two years after its publication. - Q: Is Camox stable? A: Currently, no. You should not use it in production yet. Please submit bug reports so we can make Camox more robust. - Q: Where is the data stored? A: The content for your pages is hosted by Camox in our hosted API. It uses Cloudflare Workers (plus D1 and R2) to ensure that compute and database reads happen where latency is the lowest. - Q: Can I self-host Camox? A: You host your frontend app yourself. For the API, it's not encouraged, but possible. The source of the API powering the Camox SDK is public on our repo, so you're free to create a fork and deploy it. It's meant to be hosted on the Cloudflare Workers platform.  - [GitHub](https://github.com/remidej/camox) - [npm](https://npmx.dev/package/camox) - [About](https://www.linkedin.com/in/remi-de-juvigny/) - [Dashboard](/dashboard) - [Terms](/terms) - [Privacy](/privacy)