· 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://aeon.co/essays/frank-lloyd-wright-as-a-mirror-of-the-american-condition",
  "canonical": "https://aeon.co/essays/frank-lloyd-wright-as-a-mirror-of-the-american-condition",
  "title": "Frank Lloyd Wright as a mirror of the American condition | Aeon Essays",
  "description": "Frank Lloyd Wright exalted the individual and made ordinary life beautiful. But his life was marked by scandal and grief",
  "siteName": "aeon.co",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/aeon.co/a6ca29725deaecbbfff054019ec28c87b37a3827.ico",
  "favicon": "https://aeon.co/favicon.ico?favicon.1hwawo4wxq5ma.ico",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/1899fd58-99ce-4328-89a4-ee86eba3ba8a/ecccb0a96f66.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/1899fd58-99ce-4328-89a4-ee86eba3ba8a/ed88856b7111.jpg",
    "origin": "https://images.aeonmedia.co/images/38ec910f-8938-4496-8861-3bbaf9420bd1/essay-master-pnp-highsm-04200-04261u.jpg?width=1200&quality=75&format=jpeg"
  },
  "provider": null,
  "fetchedAt": "2026-10-13T15:37:56.032Z"
}

2. HTML fragment shape=html

raw thumbnail HTML

<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://aeon.co/essays/frank-lloyd-wright-as-a-mirror-of-the-american-condition" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/1899fd58-99ce-4328-89a4-ee86eba3ba8a/ecccb0a96f66.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">Frank Lloyd Wright as a mirror of the American condition | Aeon Essays</h3><p class="mPreview_description">Frank Lloyd Wright exalted the individual and made ordinary life beautiful. But his life was marked by scandal and grief</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/aeon.co/a6ca29725deaecbbfff054019ec28c87b37a3827.ico" alt="" loading="lazy"><span class="mPreview_site">aeon.co</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.