· 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.threads.com/@bestoffootball/post/DXZcDO9iJiL",
  "canonical": "https://www.threads.com/@bestoffootball/post/DXZcDO9iJiL",
  "title": "Best of Football (@bestoffootball) on Threads",
  "description": "Arne Slot is expected to continue as Liverpool head coach next season, Sky Sports News understands, as the club close in on Champions League qualification.",
  "siteName": "Threads",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/threads.com/c61ed990a88c9224d5f763751beefb64fc1a1952.ico",
  "favicon": "https://static.cdninstagram.com/rsrc.php/yP/r/0Qa-AOmHi0c.ico",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/ce40ea8c-2391-43a5-98b2-dbc25667e420/1c1b364ceb30.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/ce40ea8c-2391-43a5-98b2-dbc25667e420/f003a94111df.jpg",
    "origin": "https://scontent.cdninstagram.com/v/t51.82787-15/671211169_18595423729015909_5614825890804202258_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=108&ig_cache_key=Mzg4MDI1NTkyMTQ4MTg4MTczOQ%3D%3D.3-ccb7-5&ccb=7-5&_nc_sid=58cdad&efg=eyJ2ZW5jb2RlX3RhZyI6IkZFRUQueHBpZHMuMTM1MC5zZHIucmVndWxhcl9waG90by5DMyJ9&_nc_ohc=N59Q6721r-UQ7kNvwG_AfSa&_nc_oc=Adpjvur5owqjKby_UBfi7E2hI3RdFN1gTtATH8Z1Vo8Ht56XZaDz0ky5AfxBAYJfaSE&_nc_ad=z-m&_nc_cid=0&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&_nc_gid=803-JrB6m2h4TaF1TFb1EQ&_nc_ss=7a22e&oh=00_AQMaDMxEpWUBGWMhXJXBkBmP5N_1KuWRLoCSYImJr1L9_g&oe=6AD42B37"
  },
  "provider": null,
  "fetchedAt": "2026-10-13T15:39:28.300Z"
}

2. HTML fragment shape=html

variant=thumbnail (default)
variant=hero

Best of Football (@bestoffootball) on Threads

Arne Slot is expected to continue as Liverpool head coach next season, Sky Sports News understands, as the club close in on Champions League qualification.

Threads
raw thumbnail HTML
<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://www.threads.com/@bestoffootball/post/DXZcDO9iJiL" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/ce40ea8c-2391-43a5-98b2-dbc25667e420/1c1b364ceb30.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">Best of Football (@bestoffootball) on Threads</h3><p class="mPreview_description">Arne Slot is expected to continue as Liverpool head coach next season, Sky Sports News understands, as the club close in on Champions League qualification.</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/threads.com/c61ed990a88c9224d5f763751beefb64fc1a1952.ico" alt="" loading="lazy"><span class="mPreview_site">Threads</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.