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/114324947175191657",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/114318455113623919",
"published": "2025-04-12T12:17:33Z",
"url": "https://mastodon.social/@anatudor/114324947175191657",
"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/114324947175191657",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/114318455113623919",
"conversation": "tag:mastodon.social,2025-04-09:objectId=967693973:objectType=Conversation",
"content": "<p>And here are cards with gradual left to right inversion: from no inversion at all on the left, to full inversion on the right. Again, minimal code, single div, no pseudos necessary, 2 <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> declarations.</p><p>Live demos on <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span> </p><p>✳️ <a href=\"https://codepen.io/thebabydino/pen/mdOzLxE\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/mdO</span><span class=\"invisible\">zLxE</span></a></p><p>✳️ <a href=\"https://codepen.io/thebabydino/pen/dyOVgeR\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/dyO</span><span class=\"invisible\">VgeR</span></a></p><p><a href=\"https://mastodon.social/tags/blending\" class=\"mention hashtag\" rel=\"tag\">#<span>blending</span></a> <a href=\"https://mastodon.social/tags/blendMode\" class=\"mention hashtag\" rel=\"tag\">#<span>blendMode</span></a> <a href=\"https://mastodon.social/tags/cssGradient\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGradient</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</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/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</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></p>",
"contentMap": {
"en": "<p>And here are cards with gradual left to right inversion: from no inversion at all on the left, to full inversion on the right. Again, minimal code, single div, no pseudos necessary, 2 <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> declarations.</p><p>Live demos on <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span> </p><p>✳️ <a href=\"https://codepen.io/thebabydino/pen/mdOzLxE\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/mdO</span><span class=\"invisible\">zLxE</span></a></p><p>✳️ <a href=\"https://codepen.io/thebabydino/pen/dyOVgeR\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/dyO</span><span class=\"invisible\">VgeR</span></a></p><p><a href=\"https://mastodon.social/tags/blending\" class=\"mention hashtag\" rel=\"tag\">#<span>blending</span></a> <a href=\"https://mastodon.social/tags/blendMode\" class=\"mention hashtag\" rel=\"tag\">#<span>blendMode</span></a> <a href=\"https://mastodon.social/tags/cssGradient\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGradient</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</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/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</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></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/114/324/928/597/607/503/original/cf24ae4d1e7a05e2.png",
"name": ".card {\n background:\n\t\turl(image.jpg) 50%/ cover, \n\t\tlinear-gradient(90deg, #000, #fff);\n /* or the difference blend mode */\n\tbackground-blend-mode: exclusion\n}",
"blurhash": "UFAR|r^4$zxDXNK1oeoJ}X$gbFW;$zW.a|oL",
"focalPoint": [
0,
0
],
"width": 2080,
"height": 1304
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/114/324/929/340/860/933/original/ef8bc38ca3b85c6a.png",
"name": "Original image: blue butterfly.",
"blurhash": "UTE|6f-Q-oS$Nfv}K6j?.-v}SOnhE2OZn4V[",
"focalPoint": [
0,
0
],
"width": 670,
"height": 521
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/114/324/932/871/137/110/original/2b166008940c1853.png",
"name": "Inverted image using the exclusion blend mode. The butterfly goes from its original blue on the left to red on the right, passing through a 50% grey.",
"blurhash": "UFEyMXlQ$%-T#kkqwIS$8w+GrWXTOsROSinO",
"focalPoint": [
0,
0
],
"width": 610,
"height": 519
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/114/324/933/651/817/401/original/f55baaf5fd5b010e.png",
"name": "Pseudo-inversion of image using the difference blend mode. The butterfly goes from its original blue on the left to red on the right, this time passing through other hues rather than through a 50% grey.",
"blurhash": "UBBfz?p@~q^O#Qo~waOYHq:QiHXTKPMxS%rr",
"focalPoint": [
0,
0
],
"width": 615,
"height": 521
}
],
"tag": [
{
"type": "Mention",
"href": "https://fosstodon.org/users/codepen",
"name": "@codepen@fosstodon.org"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/blending",
"name": "#blending"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/blendmode",
"name": "#blendmode"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssgradient",
"name": "#cssgradient"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/code",
"name": "#code"
},
{
"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/webdevelopment",
"name": "#webdevelopment"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/dev",
"name": "#dev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/coding",
"name": "#coding"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/frontend",
"name": "#frontend"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/114324947175191657/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/114324947175191657/replies?min_id=114324962816970879&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/114324947175191657/replies",
"items": [
"https://mastodon.social/users/anatudor/statuses/114324962816970879"
]
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/114324947175191657/likes",
"type": "Collection",
"totalItems": 3
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/114324947175191657/shares",
"type": "Collection",
"totalItems": 0
}
}