· 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://anilist.co/anime/21/ONE-PIECE/",
  "canonical": "https://anilist.co/anime/21/ONE-PIECE",
  "title": "ONE PIECE",
  "description": "Gold Roger was known as the Pirate King, the strongest and most infamous being to have sailed the Grand Line. The capture and death of Roger by the World Government brought a change throughout the world. His last words before his death revealed the location of the greatest treasure in the world, On…",
  "siteName": "AniList",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/anilist.co/e9910b852b209116615b5409881698a7801752e3.png",
  "favicon": "https://anilist.co/img/icons/favicon-32x32.png",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/d5430573-4d7f-4035-8fae-c54ac805e101/2a1eb5cbb82e.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/d5430573-4d7f-4035-8fae-c54ac805e101/34f0bdd44942.jpg",
    "origin": "https://img.anili.st/media/21"
  },
  "provider": null,
  "fetchedAt": "2026-10-13T15:35:27.699Z"
}

2. HTML fragment shape=html

variant=thumbnail (default)

ONE PIECE

Gold Roger was known as the Pirate King, the strongest and most infamous being to have sailed the Grand Line. The capture and death of Roger by the World Government brought a change throughout the world. His last words before his death revealed the location of the greatest treasure in the world, On…

AniList
variant=hero

ONE PIECE

Gold Roger was known as the Pirate King, the strongest and most infamous being to have sailed the Grand Line. The capture and death of Roger by the World Government brought a change throughout the world. His last words before his death revealed the location of the greatest treasure in the world, On…

AniList
raw thumbnail HTML 
<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://anilist.co/anime/21/ONE-PIECE" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/d5430573-4d7f-4035-8fae-c54ac805e101/2a1eb5cbb82e.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">ONE PIECE</h3><p class="mPreview_description">Gold Roger was known as the Pirate King, the strongest and most infamous being to have sailed the Grand Line. The capture and death of Roger by the World Government brought a change throughout the world. His last words before his death revealed the location of the greatest treasure in the world, On…</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/anilist.co/e9910b852b209116615b5409881698a7801752e3.png" alt="" loading="lazy"><span class="mPreview_site">AniList</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.