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"
}
}
],
"id": "https://front-end.social/users/bramus/statuses/111286294127147693",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2023-10-23T20:48:07Z",
"url": "https://front-end.social/@bramus/111286294127147693",
"attributedTo": "https://front-end.social/users/bramus",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://front-end.social/users/bramus/followers"
],
"sensitive": false,
"atomUri": "https://front-end.social/users/bramus/statuses/111286294127147693",
"inReplyToAtomUri": null,
"conversation": "tag:front-end.social,2023-10-23:objectId=5686573:objectType=Conversation",
"content": "<p>Scroll Detection, that’s something you need JavaScript for, right?</p><p>Guess again! Thanks to Scroll-Driven Animations you can extract the scroll velocity, allowing you to style elements based on the active scroll direction and scroll speed 🤯</p><p>Article with demos: <a href=\"https://brm.us/css-scroll-detection\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">brm.us/css-scroll-detection</span><span class=\"invisible\"></span></a></p>",
"contentMap": {
"en": "<p>Scroll Detection, that’s something you need JavaScript for, right?</p><p>Guess again! Thanks to Scroll-Driven Animations you can extract the scroll velocity, allowing you to style elements based on the active scroll direction and scroll speed 🤯</p><p>Article with demos: <a href=\"https://brm.us/css-scroll-detection\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">brm.us/css-scroll-detection</span><span class=\"invisible\"></span></a></p>"
},
"updated": "2023-10-23T20:54:38Z",
"attachment": [
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://cdn.masto.host/frontendsocial/media_attachments/files/111/286/291/839/075/072/original/1e946f4aa3bdb49f.mp4",
"name": "Promo video for the linked to post, showing off one of the demos in CodePen",
"blurhash": "UMAc-;xGoLSK~qWoj?jb_NNtkBsp~qs:oLWn",
"focalPoint": [
0,
0
],
"width": 1600,
"height": 950
}
],
"tag": [],
"replies": {
"id": "https://front-end.social/users/bramus/statuses/111286294127147693/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://front-end.social/users/bramus/statuses/111286294127147693/replies?min_id=111286338253694789&page=true",
"partOf": "https://front-end.social/users/bramus/statuses/111286294127147693/replies",
"items": [
"https://front-end.social/users/bramus/statuses/111286338253694789"
]
}
},
"likes": {
"id": "https://front-end.social/users/bramus/statuses/111286294127147693/likes",
"type": "Collection",
"totalItems": 101
},
"shares": {
"id": "https://front-end.social/users/bramus/statuses/111286294127147693/shares",
"type": "Collection",
"totalItems": 43
}
}