This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
WebJs is built for AI agents. It features native web components, server actions, and streaming SSR, all on web standards with no-build. At ~10k lines of code, it’s 95% smaller than Nextjs with a similar DX. Its minimal surface area and no-build architecture let AI agents read the framework source directly from node_modules, allowing them to understand and build without needing an MCP.
I wanted to experiment with building a full-stack framework small enough for AI to read end-to-end without needing an MCP. What if the source code, both yours and the framework's in node_modules, was uncompiled, browseable, and readable? What if the browser console showed the exact code the AI wrote, with no transpiler in between?
Built on Web Standards Instead of a new component model, Webjs uses native Web Components. They are a browser standard and work everywhere. By default, they use Light DOM so your Tailwind classes just work, but you can opt into Shadow DOM with proper SSR via a single flag. Because 95% of the work is handled by the browser, the framework code is tiny: about 5% the size of Nextjs. You get power without the bloat.
The Tech Stack I didn't want to reinvent the wheel, so Webjs plugs into tools with amazing DX: - Prisma ORM for type-safe database management. - Tailwind CSS for styling via the CLI. - esbuild for millisecond-fast type stripping. - superjson for server actions that support Date, Map, and Set.
NextJs Conventions We use the file-tree routing people already know. Page, layout, route, error, middleware, and param folders all work exactly like the Nextjs app router. If you’ve used Nextjs, you already know Webjs.
Why AI Agents Love It? AGENTS.md & CONVENTIONS.md: Every scaffold includes pre-defined guardrails and instructions so agents know exactly how to build and where to find the source code.
Readable Source: When an agent needs to understand the framework, it reads the actual JS in node_modules/@webjskit/core and node_modules/@webjskit/server. No minified soup.
No Build Step: .ts files are transformed in-memory by esbuild on the fly. Inline sourcemaps mean stack traces and breakpoints point straight at the source file, no separate build artifacts, no sourcemap pipeline to configure, hence making it easier for AI agents to debug.
End-to-end Type Safety: AI agents write fewer bugs because TypeScript catches errors across the server-client boundary.
Guardrail Enforcement: We include custom hooks for Claude Code and others to ensure agents can't bypass your rules.
The Journey I built this for myself, since I've always advocated for staying close to web standards, but I can't compromise on Developer Experience! So, here's WebJs with 96% code coverage and 1000+ tests. It was a challenge to get Light DOM and Shadow DOM working perfectly with hydration, but the result is a framework that lets agents ship production features without guessing.
Get Started npm i -g @webjskit/cli webjs create my-app cd my-app && npm install && npm run dev
Give it a try! I'd love to hear your thoughts. If you find it useful, a star on GitHub would mean a lot.
No comment highlights available yet. Please check back later!
About WebJs on Product Hunt
“The web framework built for AI agents”
WebJs was submitted on Product Hunt and earned 5 upvotes and 1 comments, placing #93 on the daily leaderboard. WebJs is built for AI agents. It features native web components, server actions, and streaming SSR, all on web standards with no-build. At ~10k lines of code, it’s 95% smaller than Nextjs with a similar DX. Its minimal surface area and no-build architecture let AI agents read the framework source directly from node_modules, allowing them to understand and build without needing an MCP.
WebJs was featured in Website Builder (9.5k followers), Developer Tools (512.8k followers), GitHub (41.2k followers) and Web Design (8.9k followers) on Product Hunt. Together, these topics include over 96.2k products, making this a competitive space to launch in.
Who hunted WebJs?
WebJs was hunted by Vivek. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how WebJs stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Vivek
I wanted to experiment with building a full-stack framework small enough for AI to read end-to-end without needing an MCP. What if the source code, both yours and the framework's in node_modules, was uncompiled, browseable, and readable? What if the browser console showed the exact code the AI wrote, with no transpiler in between?
That's the idea behind WebJs. It's live now at https://webjs.dev.
Built on Web Standards
Instead of a new component model, Webjs uses native Web Components. They are a browser standard and work everywhere. By default, they use Light DOM so your Tailwind classes just work, but you can opt into Shadow DOM with proper SSR via a single flag. Because 95% of the work is handled by the browser, the framework code is tiny: about 5% the size of Nextjs. You get power without the bloat.
The Tech Stack
I didn't want to reinvent the wheel, so Webjs plugs into tools with amazing DX:
- Prisma ORM for type-safe database management.
- Tailwind CSS for styling via the CLI.
- esbuild for millisecond-fast type stripping.
- superjson for server actions that support Date, Map, and Set.
NextJs Conventions
We use the file-tree routing people already know. Page, layout, route, error, middleware, and param folders all work exactly like the Nextjs app router. If you’ve used Nextjs, you already know Webjs.
Why AI Agents Love It?
AGENTS.md & CONVENTIONS.md: Every scaffold includes pre-defined guardrails and instructions so agents know exactly how to build and where to find the source code.
Readable Source: When an agent needs to understand the framework, it reads the actual JS in node_modules/@webjskit/core and node_modules/@webjskit/server. No minified soup.
No Build Step: .ts files are transformed in-memory by esbuild on the fly. Inline sourcemaps mean stack traces and breakpoints point straight at the source file, no separate build artifacts, no sourcemap pipeline to configure, hence making it easier for AI agents to debug.
End-to-end Type Safety: AI agents write fewer bugs because TypeScript catches errors across the server-client boundary.
Guardrail Enforcement: We include custom hooks for Claude Code and others to ensure agents can't bypass your rules.
The Journey
I built this for myself, since I've always advocated for staying close to web standards, but I can't compromise on Developer Experience! So, here's WebJs with 96% code coverage and 1000+ tests. It was a challenge to get Light DOM and Shadow DOM working perfectly with hydration, but the result is a framework that lets agents ship production features without guessing.
Get Started
npm i -g @webjskit/cli
webjs create my-app
cd my-app && npm install && npm run dev
Give it a try! I'd love to hear your thoughts. If you find it useful, a star on GitHub would mean a lot.
Links:
https://webjs.dev
https://github.com/vivek7405/webjs
https://www.npmjs.com/package/@w...