Vibeframe

A full-stack framework built for Claude Code.

Other frameworks scatter features across dozens of directories. Claude Code spends minutes searching, planning, guessing — then gets it wrong.

Vibeframe puts everything for a feature in one directory. Claude reads one folder, gets the full picture, acts immediately.

routes/users/
  page.tsx        what the user sees
  loader.ts       where the data comes from
  action.ts       what happens on submit
  schema.ts       what the data looks like

Get Started

bunx vibeframe create my-app
cd my-app
bun run dev

What's Included

• Preact — 3KB, React-compatible, SSR + hydration
• Drizzle + SQLite — define a schema, get a table, query with types
• Tailwind CSS — no config needed
• Forms with CSRF — built-in protection
• Validation — validate(req, schema) with Zod, typed data, field-level errors
• Static export — vibeframe export renders pages to HTML, host anywhere
• Live reload — edit a file, see it instantly
• Structured errors — every error tells you exactly how to fix it
• One command deploy — docker build -t app . && docker run -p 3000:3000 app

Docs

See CLAUDE.md for full conventions.

Requirements

Bun v1.0+

License

MIT