Introducing WebJs: an AI first, no build, web components first framework

[vivek7405]

Introducing WebJs

WebJs is an AI-first, web-components-first, no-build full-stack web framework. It takes the best ideas from Next.js (file-based routing, layouts, server actions), Lit (a familiar reactive web-component API), and Rails (sensible, overridable defaults), and ships them with zero build step.

It's "AI-first" in a concrete way: predictable file conventions, one function per file, an explicit .server.ts boundary, an AGENTS.md contract, and a component API that mirrors Lit, so coding agents (and people) can read, write, and ship WebJs code without loading the whole codebase into context.

What you get

• No build step. .ts files are served as native ES modules; types are stripped by Node 24+ (module.stripTypeScriptTypes). Edit, refresh, done.
• Web components, light DOM by default. html / css tagged templates, reactive properties, signals, and the full lit-html directive set. Shadow DOM is opt-in.
• Real SSR + progressive enhancement. Pages and components render to HTML on the server. Links navigate and forms submit with JS disabled; interactivity is opt-in per behavior.
• Server actions with rich types. Import a .server.ts function from a component and it becomes a typed RPC stub. Date, Map, Set, BigInt, File, FormData, and reference cycles round-trip on the wire.
• Batteries included. Auth, sessions, caching, rate limiting, and WebSocket broadcast, all sharing one pluggable store (memory by default, Redis with one line).
• File-based routing + a Turbo-style client router. Layouts persist across navigations; only the page content swaps.
• An AI-first component kit. WebJs UI: class-helper functions for visuals plus a small set of stateful custom elements. Source-copied into your project, so you own it.

Try it in one command

npm create webjs@latest my-app
cd my-app && npm run dev
# server runs on http://localhost:8080

Backend-only API or a SaaS starter with auth:

npm create webjs@latest my-api  -- --template api
npm create webjs@latest my-saas -- --template saas

Where things live

• Docs: https://docs.webjs.com
• Component library: https://ui.webjs.dev
• Packages on npm: @webjsdev/cli, @webjsdev/core, @webjsdev/server, @webjsdev/ui

Say hello

What are you building, and what brought you to WebJs? Whether you're here from the AI-tooling angle or just want a no-build full-stack framework, you're welcome.