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/112438774660196368/replies",
"type": "Collection",
"first": {
"id": "https://mastodon.social/users/anatudor/statuses/112438774660196368/replies?page=true",
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/112438774660196368/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/112438774660196368/replies",
"items": [
{
"id": "https://mastodon.social/users/anatudor/statuses/112438848603111150",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/112438774660196368",
"published": "2024-05-14T09:57:53Z",
"url": "https://mastodon.social/@anatudor/112438848603111150",
"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/112438848603111150",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/112438774660196368",
"conversation": "tag:mastodon.social,2024-05-13:objectId=706695871:objectType=Conversation",
"content": "<p>A really cool bonus with this <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> method is that it also works on non-rectangular shapes! 🥳🎉</p><p>See this <a href=\"https://mastodon.social/tags/CodePen\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePen</span></a> demo <a href=\"https://codepen.io/thebabydino/pen/abVgQJB/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/abV</span><span class=\"invisible\">gQJB/</span></a> - also an entry for this week's <a href=\"https://mastodon.social/tags/CodePenChallenge\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePenChallenge</span></a></p><p>This can help with sliders such as these <a href=\"https://codepen.io/thebabydino/pen/PwaGLM\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/Pwa</span><span class=\"invisible\">GLM</span></a></p><p><a href=\"https://mastodon.social/tags/filterEffect\" class=\"mention hashtag\" rel=\"tag\">#<span>filterEffect</span></a> <a href=\"https://mastodon.social/tags/mask\" class=\"mention hashtag\" rel=\"tag\">#<span>mask</span></a> <a href=\"https://mastodon.social/tags/masking\" class=\"mention hashtag\" rel=\"tag\">#<span>masking</span></a> <a href=\"https://mastodon.social/tags/cssMask\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMask</span></a> <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</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/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/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/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a></p>",
"contentMap": {
"en": "<p>A really cool bonus with this <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> method is that it also works on non-rectangular shapes! 🥳🎉</p><p>See this <a href=\"https://mastodon.social/tags/CodePen\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePen</span></a> demo <a href=\"https://codepen.io/thebabydino/pen/abVgQJB/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/abV</span><span class=\"invisible\">gQJB/</span></a> - also an entry for this week's <a href=\"https://mastodon.social/tags/CodePenChallenge\" class=\"mention hashtag\" rel=\"tag\">#<span>CodePenChallenge</span></a></p><p>This can help with sliders such as these <a href=\"https://codepen.io/thebabydino/pen/PwaGLM\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/Pwa</span><span class=\"invisible\">GLM</span></a></p><p><a href=\"https://mastodon.social/tags/filterEffect\" class=\"mention hashtag\" rel=\"tag\">#<span>filterEffect</span></a> <a href=\"https://mastodon.social/tags/mask\" class=\"mention hashtag\" rel=\"tag\">#<span>mask</span></a> <a href=\"https://mastodon.social/tags/masking\" class=\"mention hashtag\" rel=\"tag\">#<span>masking</span></a> <a href=\"https://mastodon.social/tags/cssMask\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMask</span></a> <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</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/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/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/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/112/438/837/910/578/876/original/85cffcb64bf8a294.png",
"name": "Screenshot of first linked demo, which uses an SVG filter that subtracts an offset and blurred version of the input out of the input's alpha to get an inner black shadow.",
"blurhash": "U~J@|9j[f6a}01jsjuayjFj@fQfQ-;a|j[jt",
"focalPoint": [
0,
0
],
"width": 880,
"height": 715
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/112/438/838/372/987/952/original/cd0b3aac9be5ae3d.png",
"name": "Screenshot of the second linked demo, showing how a non-rectangular shape such as the previous one can be used for a range input.",
"blurhash": "U6PGjV$^xJbeC6OT#Rnm9JrsxASdxga7nzX4",
"focalPoint": [
0,
0
],
"width": 810,
"height": 864
}
],
"tag": [
{
"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/codepen",
"name": "#codepen"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/codepenchallenge",
"name": "#codepenchallenge"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/filtereffect",
"name": "#filtereffect"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/mask",
"name": "#mask"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/masking",
"name": "#masking"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/cssmask",
"name": "#cssmask"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/css",
"name": "#css"
},
{
"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/web",
"name": "#web"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/dev",
"name": "#dev"
},
{
"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/frontend",
"name": "#frontend"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/112438848603111150/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/112438848603111150/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/112438848603111150/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/112438848603111150/likes",
"type": "Collection",
"totalItems": 7
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/112438848603111150/shares",
"type": "Collection",
"totalItems": 3
}
}
]
}
}