Simon Willison’s Weblog

Subscribe

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

Recent articles

This is a beat by Simon Willison, posted on 7th July 2026.

Monthly briefing

Sponsor me for $10/month and get a curated email digest of the month's most important LLM developments.

Pay me to send you less!

Sponsor & subscribe