A small tool to view real-world ActivityPub objects as JSON! Enter a URL
or username from Mastodon or a similar service below, and we'll send a
request with
the right
Accept
header
to the server to view the underlying object.
{
"@context": [
"https://www.w3.org/ns/activitystreams",
{
"ostatus": "http://ostatus.org#",
"atomUri": "ostatus:atomUri",
"inReplyToAtomUri": "ostatus:inReplyToAtomUri",
"conversation": "ostatus:conversation",
"sensitive": "as:sensitive",
"toot": "http://joinmastodon.org/ns#",
"votersCount": "toot:votersCount",
"blurhash": "toot:blurhash",
"focalPoint": {
"@container": "@list",
"@id": "toot:focalPoint"
},
"Hashtag": "as:Hashtag"
}
],
"id": "https://mastodon.social/users/anatudor/statuses/113441062330572863",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-11-07T09:54:01Z",
"url": "https://mastodon.social/@anatudor/113441062330572863",
"attributedTo": "https://mastodon.social/users/anatudor",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/anatudor/followers",
"https://fosstodon.org/users/codepen"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/anatudor/statuses/113441062330572863",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2024-11-07:objectId=841973269:objectType=Conversation",
"content": "<p>Putting something beautiful in your timeline: a <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span> demo with <a href=\"https://mastodon.social/tags/3D\" class=\"mention hashtag\" rel=\"tag\">#<span>3D</span></a> text with outline & inner shadow <a href=\"https://codepen.io/thebabydino/pen/YzMMNKE\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/YzM</span><span class=\"invisible\">MNKE</span></a></p><p>No text duplication, no images save for <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> gradients, no JS.</p><p>Just <a href=\"https://mastodon.social/tags/SVG\" class=\"mention hashtag\" rel=\"tag\">#<span>SVG</span></a> <a href=\"https://mastodon.social/tags/flter\" class=\"mention hashtag\" rel=\"tag\">#<span>flter</span></a> magic! 🪄</p><p>Another entry for this week's <a href=\"https://mastodon.social/tags/CodePenChallenge\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePenChallenge</span></a>. </p><p><a href=\"https://mastodon.social/tags/svgFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>svgFilter</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/text\" class=\"mention hashtag\" rel=\"tag\">#<span>text</span></a> <a href=\"https://mastodon.social/tags/textEffects\" class=\"mention hashtag\" rel=\"tag\">#<span>textEffects</span></a> <a href=\"https://mastodon.social/tags/textEffect\" class=\"mention hashtag\" rel=\"tag\">#<span>textEffect</span></a> <a href=\"https://mastodon.social/tags/CodePen\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePen</span></a></p>",
"contentMap": {
"en": "<p>Putting something beautiful in your timeline: a <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span> demo with <a href=\"https://mastodon.social/tags/3D\" class=\"mention hashtag\" rel=\"tag\">#<span>3D</span></a> text with outline & inner shadow <a href=\"https://codepen.io/thebabydino/pen/YzMMNKE\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/YzM</span><span class=\"invisible\">MNKE</span></a></p><p>No text duplication, no images save for <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> gradients, no JS.</p><p>Just <a href=\"https://mastodon.social/tags/SVG\" class=\"mention hashtag\" rel=\"tag\">#<span>SVG</span></a> <a href=\"https://mastodon.social/tags/flter\" class=\"mention hashtag\" rel=\"tag\">#<span>flter</span></a> magic! 🪄</p><p>Another entry for this week's <a href=\"https://mastodon.social/tags/CodePenChallenge\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePenChallenge</span></a>. </p><p><a href=\"https://mastodon.social/tags/svgFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>svgFilter</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/text\" class=\"mention hashtag\" rel=\"tag\">#<span>text</span></a> <a href=\"https://mastodon.social/tags/textEffects\" class=\"mention hashtag\" rel=\"tag\">#<span>textEffects</span></a> <a href=\"https://mastodon.social/tags/textEffect\" class=\"mention hashtag\" rel=\"tag\">#<span>textEffect</span></a> <a href=\"https://mastodon.social/tags/CodePen\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePen</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/113/441/055/250/909/928/original/e8fa44636d13ae1b.png",
"name": "Screenshot. The text \"Beautiful\" in a fancy, cursive font. The text face has a lighter to a darker pink gradient and so does the thin text stroke, which also has an inner shadow. There's a darker pink lateral 3D extrusion effect and a dark pink shadow being cast by the entire 3D text.\n\nDevTools open on the right side to highlight the fact that there's no JS, no text duplication whatsoever, not in the markup and not in any pseudo-element content.",
"blurhash": "U~MO,g}^WUEKa#ofWCoLt5j?j[WCs:oeayaz",
"focalPoint": [
0,
0
],
"width": 1821,
"height": 819
}
],
"tag": [
{
"type": "Mention",
"href": "https://fosstodon.org/users/codepen",
"name": "@codepen@fosstodon.org"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/3d",
"name": "#3d"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/svg",
"name": "#svg"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/flter",
"name": "#flter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/codepenchallenge",
"name": "#codepenchallenge"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/SVGFilter",
"name": "#SVGFilter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/code",
"name": "#code"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/coding",
"name": "#coding"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/frontend",
"name": "#frontend"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/web",
"name": "#web"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/dev",
"name": "#dev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/text",
"name": "#text"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/texteffects",
"name": "#texteffects"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/texteffect",
"name": "#texteffect"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/codepen",
"name": "#codepen"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/113441062330572863/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/113441062330572863/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/113441062330572863/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/113441062330572863/likes",
"type": "Collection",
"totalItems": 9
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/113441062330572863/shares",
"type": "Collection",
"totalItems": 1
}
}