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/112405346932496714",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/112404568370119212",
"published": "2024-05-08T11:57:58Z",
"url": "https://mastodon.social/@anatudor/112405346932496714",
"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/112405346932496714",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/112404568370119212",
"conversation": "tag:mastodon.social,2024-05-07:objectId=702338870:objectType=Conversation",
"content": "<p>A `linear-gradient()` pattern coupled with a `linear-gradient()` map is what's behind this retro wave <a href=\"https://mastodon.social/tags/CodePen\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePen</span></a> demo <a href=\"https://codepen.io/thebabydino/pen/jOvMQMO\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/jOv</span><span class=\"invisible\">MQMO</span></a></p><p>And animating the map's `background-position` is how we get this progressive close/ open blinds effect <a href=\"https://mastodon.social/@anatudor/110153344888593740\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mastodon.social/@anatudor/1101</span><span class=\"invisible\">53344888593740</span></a></p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/cssFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>cssFilter</span></a> <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/halftone\" class=\"mention hashtag\" rel=\"tag\">#<span>halftone</span></a> <a href=\"https://mastodon.social/tags/cssAnimation\" class=\"mention hashtag\" rel=\"tag\">#<span>cssAnimation</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/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/cssTricks\" class=\"mention hashtag\" rel=\"tag\">#<span>cssTricks</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a></p>",
"contentMap": {
"en": "<p>A `linear-gradient()` pattern coupled with a `linear-gradient()` map is what's behind this retro wave <a href=\"https://mastodon.social/tags/CodePen\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePen</span></a> demo <a href=\"https://codepen.io/thebabydino/pen/jOvMQMO\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/jOv</span><span class=\"invisible\">MQMO</span></a></p><p>And animating the map's `background-position` is how we get this progressive close/ open blinds effect <a href=\"https://mastodon.social/@anatudor/110153344888593740\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mastodon.social/@anatudor/1101</span><span class=\"invisible\">53344888593740</span></a></p><p><a href=\"https://mastodon.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://mastodon.social/tags/filter\" class=\"mention hashtag\" rel=\"tag\">#<span>filter</span></a> <a href=\"https://mastodon.social/tags/cssFilter\" class=\"mention hashtag\" rel=\"tag\">#<span>cssFilter</span></a> <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/halftone\" class=\"mention hashtag\" rel=\"tag\">#<span>halftone</span></a> <a href=\"https://mastodon.social/tags/cssAnimation\" class=\"mention hashtag\" rel=\"tag\">#<span>cssAnimation</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/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/cssTricks\" class=\"mention hashtag\" rel=\"tag\">#<span>cssTricks</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/112/405/330/428/096/434/original/76f3fecc5fc506fd.png",
"name": "A gradient sun with progressively wider linear gaps towards the bottom.",
"blurhash": "UK9}m5Nc1Z-8whWpSdsBAVs-$jNcOAo1sDSM",
"focalPoint": [
0,
0
],
"width": 923,
"height": 574
},
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://files.mastodon.social/media_attachments/files/112/405/331/753/046/599/original/a047316cebc422f3.mp4",
"name": "Animated gif. Starts out with the image of a cat. From the bottom of the image, white horizontal stripes (16 in total from one end to the other of the image) start to grow vertically until they full cover the cat image. Those at the bottom are the first to start growing and fusing to cover the cat, those at the top the last.",
"blurhash": "UCE{5_M|0$%2-pt7E1Io?vfkt7Rj9ZR*-pt6",
"focalPoint": [
0,
0
],
"width": 520,
"height": 520
}
],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/codepen",
"name": "#codepen"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/filter",
"name": "#filter"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssfilter",
"name": "#cssfilter"
},
{
"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/halftone",
"name": "#halftone"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssanimation",
"name": "#cssanimation"
},
{
"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/webdev",
"name": "#webdev"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/csstricks",
"name": "#csstricks"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/webdevelopment",
"name": "#webdevelopment"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/112405346932496714/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/112405346932496714/replies?min_id=112405452665977605&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/112405346932496714/replies",
"items": [
"https://mastodon.social/users/anatudor/statuses/112405452665977605"
]
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/112405346932496714/likes",
"type": "Collection",
"totalItems": 5
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/112405346932496714/shares",
"type": "Collection",
"totalItems": 2
}
}