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/csstricks/statuses/109523939884018582",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2022-12-16T14:58:16Z",
"url": "https://mastodon.social/@csstricks/109523939884018582",
"attributedTo": "https://mastodon.social/users/csstricks",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://mastodon.social/users/csstricks/followers"
],
"sensitive": false,
"atomUri": "https://mastodon.social/users/csstricks/statuses/109523939884018582",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2022-12-16:objectId=357881715:objectType=Conversation",
"content": "<p>CSS Infinite 3D Sliders <a href=\"https://css-tricks.com/css-infinite-3d-sliders/"CSS\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/css-infinite-3d</span><span class=\"invisible\">-sliders/"CSS</span></a> Infinite 3D Sliders"</p><p>In this series, we’ve been making image sliders with nothing but HTML and CSS. The idea is that we can use the same markup but different CSS to get wildly different results, no matter how many images we toss in. We started with a circular slider that rotates infinitely, sort of like a fidget spinner […]</p><p>Read more: <a href=\"https://css-tricks.com/css-infinite-3d-sliders/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/css-infinite-3d</span><span class=\"invisible\">-sliders/</span></a></p><p><a href=\"https://mastodon.social/tags/3d\" class=\"mention hashtag\" rel=\"tag\">#<span>3d</span></a> <a href=\"https://mastodon.social/tags/carousel\" class=\"mention hashtag\" rel=\"tag\">#<span>carousel</span></a> <a href=\"https://mastodon.social/tags/slider\" class=\"mention hashtag\" rel=\"tag\">#<span>slider</span></a> <a href=\"https://mastodon.social/tags/transform\" class=\"mention hashtag\" rel=\"tag\">#<span>transform</span></a></p>",
"contentMap": {
"en": "<p>CSS Infinite 3D Sliders <a href=\"https://css-tricks.com/css-infinite-3d-sliders/"CSS\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/css-infinite-3d</span><span class=\"invisible\">-sliders/"CSS</span></a> Infinite 3D Sliders"</p><p>In this series, we’ve been making image sliders with nothing but HTML and CSS. The idea is that we can use the same markup but different CSS to get wildly different results, no matter how many images we toss in. We started with a circular slider that rotates infinitely, sort of like a fidget spinner […]</p><p>Read more: <a href=\"https://css-tricks.com/css-infinite-3d-sliders/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/css-infinite-3d</span><span class=\"invisible\">-sliders/</span></a></p><p><a href=\"https://mastodon.social/tags/3d\" class=\"mention hashtag\" rel=\"tag\">#<span>3d</span></a> <a href=\"https://mastodon.social/tags/carousel\" class=\"mention hashtag\" rel=\"tag\">#<span>carousel</span></a> <a href=\"https://mastodon.social/tags/slider\" class=\"mention hashtag\" rel=\"tag\">#<span>slider</span></a> <a href=\"https://mastodon.social/tags/transform\" class=\"mention hashtag\" rel=\"tag\">#<span>transform</span></a></p>"
},
"attachment": [
{
"type": "Document",
"mediaType": "image/jpeg",
"url": "https://files.mastodon.social/media_attachments/files/109/523/939/473/500/882/original/ab2ac17989d1473c.jpg",
"name": null,
"blurhash": "UMD^DZ%Lk9M|-.xaj?WB0*WVjat79HM|a$s;",
"width": 1024,
"height": 512
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/523/939/608/222/054/original/b21636c5819c72e3.png",
"name": null,
"blurhash": "UTRMYrog%MxuMxofofaz_Nayt7ay%MWBt7t7",
"width": 983,
"height": 467
},
{
"type": "Document",
"mediaType": "image/png",
"url": "https://files.mastodon.social/media_attachments/files/109/523/939/806/275/186/original/9016c102ad2bcbbe.png",
"name": null,
"blurhash": "USQJWLRj_Naf-=oMxut7?cWBIUoMWCt7V@Rj",
"width": 938,
"height": 482
}
],
"tag": [
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/3d",
"name": "#3d"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/carousel",
"name": "#carousel"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/slider",
"name": "#slider"
},
{
"type": "Hashtag",
"href": "https://mastodon.social/tags/transform",
"name": "#transform"
}
],
"replies": {
"id": "https://mastodon.social/users/csstricks/statuses/109523939884018582/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/csstricks/statuses/109523939884018582/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/csstricks/statuses/109523939884018582/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/csstricks/statuses/109523939884018582/likes",
"type": "Collection",
"totalItems": 2
},
"shares": {
"id": "https://mastodon.social/users/csstricks/statuses/109523939884018582/shares",
"type": "Collection",
"totalItems": 0
}
}