1
Paste code
Select language, paste your code in the left panel, and click Display.
2
Select & annotate
Drag to select code text on the canvas. Click the Annotate button that appears.
3
Write descriptions
Type your explanation in the sidebar. Use the toolbar for bold, italic, lists, etc.
4
Customize
Change highlight color, text color, and font size per annotation. Drag cards and arrows freely.
5
Resize
Drag the corner grip on the code block, cards, or the export area border to resize.
6
Export
Click Export PNG to preview, then download your annotated code image.