· 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://www.vanityfair.com/culture/story/madonna-sabrina-carpenter-coachella",
  "canonical": "https://www.vanityfair.com/culture/story/madonna-sabrina-carpenter-coachella",
  "title": "Madonna Joins Sabrina Carpenter at Coachella For “Full Circle Moment”",
  "description": "The Queen of Pop returned to the desert in the same jacket and corset she performed in 20 years ago.",
  "siteName": "Vanity Fair",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/vanityfair.com/9a1b41158dd8dc78bda43e64a11572f448ecfc28.png",
  "favicon": "https://www.vanityfair.com/verso/static/vanityfair-global/assets/favicon.ico",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/da551fe5-bdbb-4dd8-bde6-520532f34187/edfbd5c6107a.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/da551fe5-bdbb-4dd8-bde6-520532f34187/d06e928ed7b5.jpg",
    "origin": "https://media.vanityfair.com/photos/69e3a04f8b28f0997645fb41/16:9/w_1280,c_limit/75888941"
  },
  "provider": null,
  "fetchedAt": "2026-09-17T16:43:28.173Z"
}

2. HTML fragment shape=html

variant=thumbnail (default)

Madonna Joins Sabrina Carpenter at Coachella For “Full Circle Moment”

The Queen of Pop returned to the desert in the same jacket and corset she performed in 20 years ago.

Vanity Fair
variant=hero

Madonna Joins Sabrina Carpenter at Coachella For “Full Circle Moment”

The Queen of Pop returned to the desert in the same jacket and corset she performed in 20 years ago.

Vanity Fair
raw thumbnail HTML 
<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://www.vanityfair.com/culture/story/madonna-sabrina-carpenter-coachella" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/da551fe5-bdbb-4dd8-bde6-520532f34187/edfbd5c6107a.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">Madonna Joins Sabrina Carpenter at Coachella For “Full Circle Moment”</h3><p class="mPreview_description">The Queen of Pop returned to the desert in the same jacket and corset she performed in 20 years ago.</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/vanityfair.com/9a1b41158dd8dc78bda43e64a11572f448ecfc28.png" alt="" loading="lazy"><span class="mPreview_site">Vanity Fair</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.