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"
}
],
"id": "https://mastodon.social/users/csstricks/statuses/114336363156155232",
"type": "Note",
"summary": null,
"inReplyTo": null,
"published": "2025-04-14T12:40:47Z",
"url": "https://mastodon.social/@csstricks/114336363156155232",
"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/114336363156155232",
"inReplyToAtomUri": null,
"conversation": "tag:mastodon.social,2025-04-14:objectId=971970537:objectType=Conversation",
"content": "<p>Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can use an element as our cursor, which lets us style it however we would anything else.</p><p>This lets us transition between cursor states, place dynamic text within the cursor, apply complex animations, and apply filters.</p><p><a href=\"https://css-tricks.com/next-level-css-styling-for-cursors/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/next-level-css-</span><span class=\"invisible\">styling-for-cursors/</span></a></p>",
"contentMap": {
"en": "<p>Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can use an element as our cursor, which lets us style it however we would anything else.</p><p>This lets us transition between cursor states, place dynamic text within the cursor, apply complex animations, and apply filters.</p><p><a href=\"https://css-tricks.com/next-level-css-styling-for-cursors/\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">css-tricks.com/next-level-css-</span><span class=\"invisible\">styling-for-cursors/</span></a></p>"
},
"attachment": [],
"tag": [],
"replies": {
"id": "https://mastodon.social/users/csstricks/statuses/114336363156155232/replies",
"type": "Collection",
"first": {
"type": "CollectionPage",
"next": "https://mastodon.social/users/csstricks/statuses/114336363156155232/replies?only_other_accounts=true&page=true",
"partOf": "https://mastodon.social/users/csstricks/statuses/114336363156155232/replies",
"items": []
}
},
"likes": {
"id": "https://mastodon.social/users/csstricks/statuses/114336363156155232/likes",
"type": "Collection",
"totalItems": 4
},
"shares": {
"id": "https://mastodon.social/users/csstricks/statuses/114336363156155232/shares",
"type": "Collection",
"totalItems": 0
}
}