See AppKit in Action

Watch how easy it is to build a full-stack SaaS application with Cloudflare AppKit.

From defining models to deploying production-ready APIs and UI - all in minutes.

Start Interactive Demo Get Started

What You'll Build

A complete task management app with real-time sync, authentication, and notifications

Data Models

Define your data structure once with JSON schemas

Auto APIs

Get CRUD APIs automatically generated

Real-time Sync

See changes instantly across all clients

Authentication

User sessions and API keys built-in

Interactive Demo

Try it yourself - no installation required

Define Your Model

{
  "Task": {
    "id": "string",
    "title": "string",
    "description": "string",
    "completed": "boolean",
    "createdAt": "datetime",
    "userId": "string"
  }
}

Generated API

GET /api/tasks List all tasks

POST /api/tasks Create new task

PUT /api/tasks/:id Update task

DELETE /api/tasks/:id Delete task

Live Demo App

A working task management app built with AppKit

No tasks yet. Add one above to get started!

Code Examples

See how simple it is to integrate AppKit into your app

Backend (Worker)

// Define your model
const Task = {
  id: 'string',
  title: 'string',
  completed: 'boolean',
  userId: 'string'
};

// AppKit generates these automatically:
// GET /api/tasks
// POST /api/tasks
// PUT /api/tasks/:id
// DELETE /api/tasks/:id

// Plus real-time sync, auth, logging...

Frontend (React/Vue/HTML)

// Connect to your API
const tasks = await fetch('/api/tasks').then(r => r.json());

// Real-time updates
const ws = new WebSocket('wss://your-app.workers.dev/ws');
ws.onmessage = (event) => {
  const update = JSON.parse(event.data);
  // Update UI automatically
};

// That's it! No complex state management needed.