Mesa

A build time HTML component framework that compiles reusable components into static, fast, and SEO friendly HTML, no runtime JavaScript required.

Mesa was born out of a desire to keep web pages lean, reactive, and easily maintainable without bloated runtime frameworks. It lets you write declarative HTML components with scoped CSS and dynamic props, compiling everything down at build time. The result? Sites that load fast, render instantly, and stay simple to debug.

Reflections

Creating Mesa has been a crazy rewarding journey. It started as a tiny idea, and now it has over 5,000 installs and a growing user base for it’s VS Code extension. It’s incredibly fun seeing developers use something you’ve built to power real production websites. Plus, it’s taught me a ton about build systems, compiler pipelines, and developer experience.

Extension

Mesa has a dedicated VS Code extension with syntax highlighting and autocomplete. Currently in beta with 75+ users and growing.

Tech stack

Uses a custom build pipeline and integrates with Vite for lightning fast local dev. Pairs beautifully with Alpine.js or HTMX for minimal, reactive hydration.