Tool: Shadow roots, explained with live examples
Simon Willison’s Weblog
Subscribe
23rd September 2026
Tool
Shadow roots, explained with live examples — Learn about shadow DOM through interactive examples that demonstrate style encapsulation, inheritance, slots, parts, and JavaScript access. Explore how shadow roots create isolated DOM trees with private stylesheets and elements that interact with the page DOM in specific, controlled ways.
Prompt to Fable 5.1 Medium:
Build an artifact to explain shadow roots in CSS with interactive examples
Recent articles
Claude Opus 5.5, GPT-6 Sol, GPT-6 Luna, and a new price war - 22nd September 2026
Jev introduces a new shape of LLM - System One, aka Decision Models - 21st September 2026
Generating running routes with GPT-6 Astra and ChatGPT Work - 12th September 2026
This is a beat by Simon Willison, posted on 23rd September 2026.
css 241
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
Disclosures
Colophon
©
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026