Introduction

What is Manh?

Manh is a deterministic, AI-friendly, full-stack framework for building internal tools and admin apps.

The directory tree defines the application — no route tables, no config files.
Every project ships with a React frontend, a Hono backend on Cloudflare Workers, its own SQLite database (inside a Durable Object), and auto-generated OpenAPI docs.
Adding a feature = adding a file.

The Stack

Layer	Status	Technology
Frontend	🔒 Locked	React + antd + @ant-design/pro-components + @ant-design/x (+ x-markdown, x-sdk) + @ant-design/charts + @ant-design/graphs + @ant-design/icons (+ @xyflow/react, @dnd-kit, @monaco-editor/react) + axios + dayjs
Backend	🟢 Open	Hono + Zod (`@hono/zod-openapi`) by default — any npm / JSR / HTTPS module is importable
Database	🟢 Open	Drizzle ORM + SQLite (Durable Object) pre-wired
Runtime	—	Cloudflare Workers (standard Workers code)

Frontend is locked to antd. Tailwind utility classes work in className (compiled for you; antd tokens are Tailwind colours — bg-surface, text-fg-secondary, border-line — so dark mode and the brand follow); do not pull in shadcn, MUI, Vue, Tailwind UI kits, etc.

Backend is open. Any module is importable at the top of a handler file:


import { z } from "@hono/zod-openapi";
import { Hono } from "hono"; // bare name, version from manh.run's allowlist
import { other } from "jsr:@scope/pkg";
import { thing } from "https://esm.sh/anything@2";