Tool: github-code Web Component

7th July 2026

Tool github-code Web Component — Embed code snippets from GitHub files directly into web pages using the github-code web component. Enter a GitHub URL with a line fragment (e.g., `#L33-L54`) to preview and generate embed code that displays the specified lines without syntax highlighting. Bookmarked URLs are preserved in the page fragment for easy sharing.

An experimental Web Component built using GPT-5.5 and the following prompt:

let's build a Web Component for embedding code from GitHub

<github-code href="https://github.com/simonw/sqlite-ast/blob/437c759129154f05296324a7f82aa1246340dd14/sqlite_ast/parser.py#L9-L18"></github-code>

It takes URLs like that, converts them to https://raw.githubusercontent.com/simonw/sqlite-ast/437c759129154f05296324a7f82aa1246340dd14/sqlite_ast/parser.py, then uses fetch() to fetch them and displays the specified range of lines - with line numbers, no syntax highlighting though

Show me a preview web browser so I can see your work

Here's what it looks like embedded on this page:

Posted 7th July 2026 at 4:18 pm

Simon Willison’s Weblog

Recent articles

Monthly briefing