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/114540875766532144",
"type": "Note",
"summary": null,
"inReplyTo": "https://mastodon.social/users/anatudor/statuses/114538885755549901",
"published": "2025-05-20T15:31:02Z",
"url": "https://mastodon.social/@anatudor/114540875766532144",
"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/114540875766532144",
"inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/114538885755549901",
"conversation": "tag:mastodon.social,2025-05-13:objectId=995719435:objectType=Conversation",
"content": "<p>3️⃣ 1044 ♥️ Pure <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> gravity button <a href=\"https://codepen.io/thebabydino/pen/bGzeQrv\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/bGz</span><span class=\"invisible\">eQrv</span></a> - a bit mixed about it, it was just an exercise in getting a certain result - don't use it in the wild!</p><p>My first ever <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span> demo to get to 1K ♥️. And it got copied left and right.<br />¯\\_(ツ)_/¯</p><p><a href=\"https://mastodon.social/tags/cssTransforms\" class=\"mention hashtag\" rel=\"tag\">#<span>cssTransforms</span></a> <a href=\"https://mastodon.social/tags/cssTransform\" class=\"mention hashtag\" rel=\"tag\">#<span>cssTransform</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/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a></p>",
"contentMap": {
"en": "<p>3️⃣ 1044 ♥️ Pure <a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> gravity button <a href=\"https://codepen.io/thebabydino/pen/bGzeQrv\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/bGz</span><span class=\"invisible\">eQrv</span></a> - a bit mixed about it, it was just an exercise in getting a certain result - don't use it in the wild!</p><p>My first ever <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span> demo to get to 1K ♥️. And it got copied left and right.<br />¯\\_(ツ)_/¯</p><p><a href=\"https://mastodon.social/tags/cssTransforms\" class=\"mention hashtag\" rel=\"tag\">#<span>cssTransforms</span></a> <a href=\"https://mastodon.social/tags/cssTransform\" class=\"mention hashtag\" rel=\"tag\">#<span>cssTransform</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/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</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/540/864/208/859/575/original/21df7864ed043a38.png",
"name": "Screenshot of the gravity button. Shows round particles appearing and getting pulled towards the button. As they approach, they accelerate and get stretched before smashing into the button and causing sparks.",
"blurhash": "UgRMh~of?at6xufQayjt~pj@D*fQWCj@offR",
"focalPoint": [
0,
0
],
"width": 1598,
"height": 945
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/114/540/865/673/610/916/original/135d22f88c959417.png",
"name": "August 2024 post showing how I found this demo on a website, wrapped in AI-generated crap that claims to explain what's going on. Except it gets it very wrong. And they don't indicate in any way that someone else (me!) made it.",
"blurhash": "UiH_[OaiRjoe4nt6kCWB4TjYofa#?bRkayof",
"focalPoint": [
0,
0
],
"width": 598,
"height": 756
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/114/540/868/847/701/482/original/1957d486e24e6084.png",
"name": "My post about finding my demo on in a video on the Indiamoon YouTube channel. The video is 90 seconds of auto-typing code and also doesn't credit me.",
"blurhash": "U25E%2_4WBay?at4obofj:WAt8ofoft8oha~",
"focalPoint": [
0,
0
],
"width": 598,
"height": 544
}
],
"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/csstransforms",
"name": "#csstransforms"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/csstransform",
"name": "#csstransform"
},
{
"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/code",
"name": "#code"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/frontend",
"name": "#frontend"
}
],
"replies": {
"id": "https://mastodon.social/users/anatudor/statuses/114540875766532144/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/anatudor/statuses/114540875766532144/replies?min_id=114546410180636512&page=true",
"partOf": "https://mastodon.social/users/anatudor/statuses/114540875766532144/replies",
"items": [
"https://mastodon.social/users/anatudor/statuses/114546410180636512"
]
}
},
"likes": {
"id": "https://mastodon.social/users/anatudor/statuses/114540875766532144/likes",
"type": "Collection",
"totalItems": 2
},
"shares": {
"id": "https://mastodon.social/users/anatudor/statuses/114540875766532144/shares",
"type": "Collection",
"totalItems": 2
}
}