Examples¶
Live demo pages, simplest first. Each page shows a working preview, the code that produced it, and a Copy button for that code. The demos load the bundle from assets/hrefc.global.min.js on this site.
Open the demo index to browse them, or jump straight to one:
| Demo | What it shows |
|---|---|
| 01 – The one-liner | A link, a class and one function call. |
| 02 – Content toggles | Title, description and favicon. |
| 03 – Thumbnails | og:image, screenshots and the iframe fallback. |
| 04 – Styling | CSS variables, dark mode and a full reskin. |
| 05 – Custom render | Your own card markup through render(). |
| 06 – Proxies and CORS | A custom fetch chain. |
01 – The one-liner¶
05 – Custom render¶
The other demos are embedded on the pages that explain them: Configuration, Thumbnails, Styling and Fetching and CORS.
Note
The previews in these demos fetch live pages through public proxies. If a proxy is slow or rate-limited, a preview may not appear; that is the silent-failure behaviour working as designed.