Real product captures

Running app screens and exported PNGs.

Real app captures, not placeholder art.

Every image on this page comes from the running app or from PNG output exported by KatanA itself.

01

Real app captures

02

Exported PNG output

03

Dark-theme product UI

screens

Core product views

These screenshots show how KatanA looks in normal use across navigation, split reading, and diagram-heavy documents.

Workspace

Workspace tree and README preview

Open a documentation workspace, navigate files from the tree, and read rendered Markdown in the default dark theme.

Split

Split view for source and rendered output

The split mode keeps Markdown source and rendered output visible together with scroll sync controls in the top bar.

Diagrams

Diagram-heavy preview flow

Large Mermaid or PlantUML-rich documents stay inside the normal preview path instead of being treated as edge cases.

Navigation

Table of contents for long documents

Long documents stay navigable with a visible table of contents instead of forcing blind scrolling.

system

System and release views

These captures show that KatanA is more than a basic preview pane. The app includes release visibility, update flows, and theme settings.

Releases

Integrated changelog view

Recent release context is visible from inside the app so users can stay close to shipped behavior changes.

Updates

Native update check flow

The app includes a built-in update check flow, matching the documented auto-updater path in the repository README.

Settings

Theme and appearance settings

Appearance settings include theme presets and live preview, reinforcing that the product already has a deeper desktop surface.

exports

Exported PNG output

KatanA's changelog documents Markdown export to HTML, PDF, PNG, and JPG. These exported PNGs came directly from the app.

Export menu

Export targets are explicit in the UI

The export flow exposes concrete output targets instead of hiding export behind a generic share action.

Exported Markdown

Long-form Markdown export

Rendered Markdown can be exported as a long PNG for sharing documentation outside the app.

Exported diagrams

Diagram-rich export output

The export path also holds up for long diagram-heavy documents instead of only simple text pages.