XCON Viewer
Render UI code blocks in Markdown as real interface previews
Start new thread
xcon

XCON Viewer - Render UI code blocks in Markdown as real interface previews

by•
Write UI inside Markdown. XCON Viewer helps you add cards, charts, grids, dashboards, reports, and screen concepts to Markdown documents and preview them as real interfaces. It is useful for product specs, technical docs, data reports, lightweight prototypes, and AI-generated UI review.

Add a comment

Replies

Best
xcon
Maker

Hey Product Hunt — maker of XCON Viewer here.

I built XCON Viewer because Markdown is great for writing specs, docs, and product notes, but it is still limited when you want to describe an actual interface.

With XCON Viewer, you can write structured UI blocks inside Markdown and preview them as interface-like screens. Cards, charts, grids, dashboards, reports, and product screen ideas can live directly next to the text that explains them.

The goal is not to replace frontend development. It is to make early UI ideas easier to write, review, share, and version before they become full apps.

I think this can be useful for makers, technical writers, product teams, AI workflows, and anyone who uses Markdown to explain product ideas.

I’d love feedback on three things:

• Would you use Markdown to describe UI ideas?

• What UI blocks would be most useful: cards, charts, grids, forms, dashboards, or mobile screens?

• Should this lean more toward documentation, prototyping, or reviewing AI-generated UI?

Thanks for checking it out.