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/114308055372746063",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/114281022654106239",
"published": "2025-04-09T12:41:45Z",
"url": "https://mastodon.social/@anatudor/114308055372746063",
"attributedTo": "https://mastodon.social/users/anatudor",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/anatudor/followers"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/anatudor/statuses/114308055372746063",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/114281022654106239",
"conversation": "tag:mastodon.social,2025-04-04:objectId=963980349:objectType=Conversation",
"content": "<p>By the way, the code is heavily commented <a href=\"https://codepen.io/thebabydino/pen/MYWxeew\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/MYW</span><span class=\"invisible\">xeew</span></a></p><p>So you can see how it works without JS, without wrapping individual elements into spans, just letting it wrap naturally. And without covers that wouldn't allow for an image backdrop behind the text.</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/SVG\" class=\"mention hashtag\" rel=\"tag\">#<span>SVG</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/svgFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>svgFilter</span></a> <a href=\"https://mastodon.social/tags/blendMode\" class=\"mention hashtag\" rel=\"tag\">#<span>blendMode</span></a> <a href=\"https://mastodon.social/tags/blending\" class=\"mention hashtag\" rel=\"tag\">#<span>blending</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/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/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a></p>",
"contentMap": {
"en": "<p>By the way, the code is heavily commented <a href=\"https://codepen.io/thebabydino/pen/MYWxeew\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/MYW</span><span class=\"invisible\">xeew</span></a></p><p>So you can see how it works without JS, without wrapping individual elements into spans, just letting it wrap naturally. And without covers that wouldn't allow for an image backdrop behind the text.</p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/SVG\" class=\"mention hashtag\" rel=\"tag\">#<span>SVG</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/svgFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>svgFilter</span></a> <a href=\"https://mastodon.social/tags/blendMode\" class=\"mention hashtag\" rel=\"tag\">#<span>blendMode</span></a> <a href=\"https://mastodon.social/tags/blending\" class=\"mention hashtag\" rel=\"tag\">#<span>blending</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/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/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/114/308/053/323/997/069/original/e57671526aef6c95.mp4",
"name": "Recording of resizing the viewport and letting the text wrap naturally.",
"blurhash": "UTJH8m9Zo~r^8yIUV@t7Tb%Mj?X50dR*k8j=",
"focalPoint": [
0,
0
],
"width": 946,
"height": 866
}
],
"tag": [
{
"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/filter",
"name": "#filter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/SVGFilter",
"name": "#SVGFilter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/blendmode",
"name": "#blendmode"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/blending",
"name": "#blending"
},
{
"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/dev",
"name": "#dev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdev",
"name": "#webdev"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/114308055372746063/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/114308055372746063/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/114308055372746063/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/114308055372746063/likes",
"type": "Collection",
"totalItems": 3
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/114308055372746063/shares",
"type": "Collection",
"totalItems": 1
}
}