Sung Oh demonstrates how to build interactive hypermedia UIs inside MCP Apps using Fixi, Django template partials, and FastMCP. By combining a workout DSL with AI translation and server-rendered HTML fragments, the essay shows how old-fashioned hypermedia techniques work naturally in the new MCP App environment.

HTMX's platform is a resource for web developers, offering insights into building dynamic web applications with HTML, CSS, and JavaScript. Through articles, tutorials, and demos, HTMX offers insights into progressive enhancement techniques, AJAX-driven UIs, and server-side rendering. Readers can learn about using HTMX to add interactivity to their web applications, improve user experience, and simplify frontend development without relying heavily on JavaScript frameworks.

htmx

A developer building a workout scheduling tool for athletes demonstrates how to create interactive UIs inside MCP Apps using hypermedia techniques instead of React. The architecture combines FastMCP with Django template partials and the Fixi library to render server-side HTML fragments inside an MCP App iframe. Fixi's hackability allows routing tool calls through the MCP App Bridge, enabling form interactions, dynamic select updates, and loading indicators without client-side state management. The key insight is that MCP App constraints (no direct server communication from the iframe) actually favor server-rendered hypermedia over client-side frameworks, making the system simpler and less error-prone.

> htmx ~ Hypermedia Friendly Model Context Protocol App Architecture

Model Context Protocol (MCP) and MCP Apps