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/collections/featured",
"type": "OrderedCollection",
"totalItems": 3,
"orderedItems": [
{
"id": "https://front-end.social/users/bramus/statuses/112395897817784312",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-05-06T19:54:56Z",
"url": "https://front-end.social/@bramus/112395897817784312",
"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/112395897817784312",
"inReplyToAtomUri": null,
"conversation": "tag:front-end.social,2024-05-06:objectId=9183076:objectType=Conversation",
"content": "<p>📣 Introducing “Unleash the Power of Scroll-Driven Animations”</p><p>I built a thing: a 10-part video course that teaches you all there is to know about scroll-driven animations with CSS or JavaScript.</p><p><a href=\"https://developer.chrome.com/blog/scroll-driven-animations-video-course?hl=en\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">developer.chrome.com/blog/scro</span><span class=\"invisible\">ll-driven-animations-video-course?hl=en</span></a></p>",
"contentMap": {
"en": "<p>📣 Introducing “Unleash the Power of Scroll-Driven Animations”</p><p>I built a thing: a 10-part video course that teaches you all there is to know about scroll-driven animations with CSS or JavaScript.</p><p><a href=\"https://developer.chrome.com/blog/scroll-driven-animations-video-course?hl=en\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">developer.chrome.com/blog/scro</span><span class=\"invisible\">ll-driven-animations-video-course?hl=en</span></a></p>"
},
"attachment": [],
"tag": [],
"replies": {
"id": "https://front-end.social/users/bramus/statuses/112395897817784312/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://front-end.social/users/bramus/statuses/112395897817784312/replies?only_other_accounts=true&page=true",
"partOf": "https://front-end.social/users/bramus/statuses/112395897817784312/replies",
"items": []
}
},
"likes": {
"id": "https://front-end.social/users/bramus/statuses/112395897817784312/likes",
"type": "Collection",
"totalItems": 22
},
"shares": {
"id": "https://front-end.social/users/bramus/statuses/112395897817784312/shares",
"type": "Collection",
"totalItems": 17
}
},
{
"id": "https://front-end.social/users/bramus/statuses/111800601352108818",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2024-01-22T16:43:13Z",
"url": "https://front-end.social/@bramus/111800601352108818",
"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/111800601352108818",
"inReplyToAtomUri": null,
"conversation": "tag:front-end.social,2024-01-22:objectId=7263465:objectType=Conversation",
"content": "<p>Want to see something cool? Here it is: it’s a Scroll-Driven View Transition.</p><p>Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …</p>",
"contentMap": {
"en": "<p>Want to see something cool? Here it is: it’s a Scroll-Driven View Transition.</p><p>Yep, you read that right: the View Transition is controlled by you scrolling! There’s a lot to tell about this one, so let’s take a look …</p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "video/mp4",
"url": "https://cdn.masto.host/frontendsocial/media_attachments/files/111/800/598/706/079/180/original/edb87660659432f9.mp4",
"name": "Video of the thing I have built. It’s an header that expands/grows in an animated manner.",
"blurhash": "U+MaR{j@~qj]IVj[jZayo#jsIUj[M|j[WBay",
"focalPoint": [
0,
0
],
"width": 1134,
"height": 1152
}
],
"tag": [],
"replies": {
"id": "https://front-end.social/users/bramus/statuses/111800601352108818/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://front-end.social/users/bramus/statuses/111800601352108818/replies?min_id=111800602196820376&page=true",
"partOf": "https://front-end.social/users/bramus/statuses/111800601352108818/replies",
"items": [
"https://front-end.social/users/bramus/statuses/111800602196820376"
]
}
},
"likes": {
"id": "https://front-end.social/users/bramus/statuses/111800601352108818/likes",
"type": "Collection",
"totalItems": 49
},
"shares": {
"id": "https://front-end.social/users/bramus/statuses/111800601352108818/shares",
"type": "Collection",
"totalItems": 17
}
},
{
"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": 102
},
"shares": {
"id": "https://front-end.social/users/bramus/statuses/111286294127147693/shares",
"type": "Collection",
"totalItems": 43
}
}
]
}