Snippets from Uiverse style global selectors — .card, .button, even body. Rendering dozens of
them on one page would make them fight. Each preview here is a tiny static page
(/embed/<category>/<name>.html) shown in an <iframe>:
<iframe src="/embed/buttons/x.html" loading="lazy" sandbox="allow-scripts allow-same-origin"></iframe>loading="lazy"means previews below the fold aren’t fetched until you scroll near them.- The embed page inlines its CSS, so each preview is one request.
- Being same-origin, the embed reads the parent’s
data-themeand switches its background to match.