Build Production Sites with JSON & AI
PageJSON is the first schema-driven page language. AI generates validated JSON, you get polished HTML. 18 components, 60+ variants, zero vendor lock-in.
Bootstrap 5 foundation. Schema-validated. SEO built-in.
Why PageJSON?
Traditional HTML generation by AI is unreliable. PageJSON uses a strict schema that AI can follow perfectly—no hallucinations, no broken layouts, just clean, validated JSON that renders into production-ready HTML.
See It In Action
Write JSON (or let AI write it), get polished HTML
Transform Your Business
Innovative solutions that drive real results for modern companies
Get Started Learn More{
"component": "hero",
"variant": "with-image",
"data": {
"heading": "Transform Your Business",
"subheading": "Innovative solutions that drive real results",
"image": "/assets/img/hero-bg.jpg",
"buttons": [
{
"text": "Get Started",
"url": "/contact",
"style": "primary"
},
{
"text": "Learn More",
"url": "/about",
"style": "outline-light"
}
],
"bg": "dark",
"align": "left"
}
}How It Works
From JSON to production in three simple steps
Define Your Page
Write a JSON spec describing your page structure—or let AI (Claude, ChatGPT, Cursor) generate it from a prompt. The schema ensures valid output.
Build & Validate
Run 'npm run build'. PageJSON transforms your JSON into semantic HTML with Bootstrap 5 styling, proper meta tags, and Schema.org markup.
Deploy Anywhere
Upload the static HTML to any host. Netlify, Vercel, Cloudflare Pages, GitHub Pages, or your own server. No runtime, no vendor lock-in.
Built for AI
Traditional HTML generation by AI is fragile. One hallucinated class name breaks your layout. One missing closing tag corrupts your page.
PageJSON solves this with structure:
- AI generates constrained JSON, not freeform HTML
- Schema validation catches errors before build
- Same JSON always produces same output
- Components are tested and production-ready
The result? Reliable AI-generated pages you can actually deploy.
Real Components, Not Raw Bootstrap
PageJSON isn't a Bootstrap wrapper. It's a complete component system with:
- 18 Components: Heroes, CTAs, forms, grids, cards, navigation, footers, and more
- 60+ Variants: Different layouts and styles for each component
- Design Tokens: Configure colors, fonts, spacing in JSON
- SEO Built-In: Meta tags, Schema.org markup, sitemaps generated automatically
Every component is responsive, accessible, and follows modern best practices.
By the Numbers
Components
Production-ready UI blocks
Variants
Different layouts and styles
Open Source
MIT licensed, yours to use
Runtime Deps
Pure static HTML output
Start Building with PageJSON
Explore the component library, read the docs, or dive into the schema reference.