Welcome to OnePageKit
A stable, AI-generateable template for building beautiful single-page websites with vanilla HTML, CSS, and JavaScript.
Built for Stability & AI Generation
OnePageKit provides a predictable foundation that AI can reliably generate and modify. Every component follows consistent patterns and naming conventions.
Design Tokens
CSS variables for colors, spacing, typography, and more. Easy theming and consistent design.
Utility Classes
Hand-rolled micro-CSS utilities that reference design tokens. No framework bloat.
Layout Primitives
Every-Layout inspired components: stack, cluster, switcher, cover, and grid.
Block System
Semantic HTML enhanced progressively. Register new blocks with the runtime.
This template demonstrates the core architecture with a minimal set of blocks. You can extend it by registering new block types or customizing the design tokens to match your brand.
About OnePageKit
OnePageKit is designed to be a stable, long-lived foundation for single-page websites that can be reliably generated and modified by AI systems.
No Build Step
Works directly in the browser with native ES modules. No bundlers, no transpilation, no complexity.
AI-Friendly
Predictable patterns, consistent naming, and clear extension points make it perfect for AI generation.
Fully Customizable
Design tokens, utility classes, and block system give you complete control over appearance and behavior.
The template follows modern web standards while maintaining backward compatibility and accessibility. It's built to last and evolve gracefully.