· Home

myframely /api/v1 demo

Exercises all three response shapes (JSON / HTML fragment / web component) against a single URL. Server-loads via the authenticated path; web-component live-fetch uses /demo/proxy as a stand-in for a consumer's backend proxy.

1. JSON shape=json

{
  "url": "https://spectator.com/article/gen-zs-faith-in-democracy-is-fraying/",
  "canonical": "https://spectator.com/article/gen-zs-faith-in-democracy-is-fraying/",
  "title": "Gen Z’s faith in democracy is fraying",
  "description": "Despite everything, this generation of young people continue to hope and want to serve – it is time the rest of the country follow their lead",
  "siteName": "The Spectator",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/spectator.com/c1986af3c26609b8b7d8933f99c51c1a89e9ea6b.png",
  "favicon": "https://spectator.com/wp-content/themes/spectator-theme/dist/images/favicon-16x16.png",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/064d7179-e290-48e5-99c1-1ead73513f92/fadc6556d3e8.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/064d7179-e290-48e5-99c1-1ead73513f92/90b612538708.jpg",
    "origin": "https://spectator.com/wp-content/uploads/2026/04/GettyImages-2159959361.jpg"
  },
  "provider": null,
  "fetchedAt": "2026-10-13T15:37:32.134Z"
}

2. HTML fragment shape=html

variant=thumbnail (default)

Gen Z’s faith in democracy is fraying

Despite everything, this generation of young people continue to hope and want to serve – it is time the rest of the country follow their lead

The Spectator
variant=hero

Gen Z’s faith in democracy is fraying

Despite everything, this generation of young people continue to hope and want to serve – it is time the rest of the country follow their lead

The Spectator
raw thumbnail HTML 
<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://spectator.com/article/gen-zs-faith-in-democracy-is-fraying/" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/064d7179-e290-48e5-99c1-1ead73513f92/fadc6556d3e8.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">Gen Z’s faith in democracy is fraying</h3><p class="mPreview_description">Despite everything, this generation of young people continue to hope and want to serve – it is time the rest of the country follow their lead</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/spectator.com/c1986af3c26609b8b7d8933f99c51c1a89e9ea6b.png" alt="" loading="lazy"><span class="mPreview_site">The Spectator</span></div></div></a></div>

3. Web component (pre-fetched) <myframely-card preview=...>

default
theme="dark"
variant="hero"
themed via --mPreview-* (small/tight)

4. Web component (live-fetch) <myframely-card url=... endpoint=/demo/proxy>

This component fetches the preview from /demo/proxy on mount, no pre-serialized attribute. Simulates the pattern a consumer would use if they proxy the preview call through their own backend.