ActivityPub Viewer

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.

Open in browser →
{ "@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", "Hashtag": "as:Hashtag" } ], "id": "https://ruby.social/users/kerrick/statuses/113526816652141595", "type": "Note", "summary": null, "inReplyTo": null, "published": "2024-11-22T13:22:28Z", "url": "https://ruby.social/@kerrick/113526816652141595", "attributedTo": "https://ruby.social/users/kerrick", "to": [ "https://www.w3.org/ns/activitystreams#Public" ], "cc": [ "https://ruby.social/users/kerrick/followers" ], "sensitive": false, "atomUri": "https://ruby.social/users/kerrick/statuses/113526816652141595", "inReplyToAtomUri": null, "conversation": "tag:ruby.social,2024-11-22:objectId=59569684:objectType=Conversation", "content": "<p>Is “web designer” a role anybody fills these days? By that I mean someone who conceives the UX and layout and aesthetic, makes and iterates on mockups (on paper, in Figma, with code, doesn’t matter), and whose deliverable is HTML and CSS (complete with transitions &amp; keyframes, media &amp; container queries, custom properties, layers…).</p><p><a href=\"https://ruby.social/tags/design\" class=\"mention hashtag\" rel=\"tag\">#<span>design</span></a> <a href=\"https://ruby.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://ruby.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://ruby.social/tags/ux\" class=\"mention hashtag\" rel=\"tag\">#<span>ux</span></a> <a href=\"https://ruby.social/tags/figma\" class=\"mention hashtag\" rel=\"tag\">#<span>figma</span></a> <a href=\"https://ruby.social/tags/mockup\" class=\"mention hashtag\" rel=\"tag\">#<span>mockup</span></a> <a href=\"https://ruby.social/tags/layout\" class=\"mention hashtag\" rel=\"tag\">#<span>layout</span></a> <a href=\"https://ruby.social/tags/WebApps\" class=\"mention hashtag\" rel=\"tag\">#<span>WebApps</span></a> <a href=\"https://ruby.social/tags/SoftwareDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>SoftwareDevelopment</span></a></p>", "contentMap": { "en": "<p>Is “web designer” a role anybody fills these days? By that I mean someone who conceives the UX and layout and aesthetic, makes and iterates on mockups (on paper, in Figma, with code, doesn’t matter), and whose deliverable is HTML and CSS (complete with transitions &amp; keyframes, media &amp; container queries, custom properties, layers…).</p><p><a href=\"https://ruby.social/tags/design\" class=\"mention hashtag\" rel=\"tag\">#<span>design</span></a> <a href=\"https://ruby.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://ruby.social/tags/css\" class=\"mention hashtag\" rel=\"tag\">#<span>css</span></a> <a href=\"https://ruby.social/tags/ux\" class=\"mention hashtag\" rel=\"tag\">#<span>ux</span></a> <a href=\"https://ruby.social/tags/figma\" class=\"mention hashtag\" rel=\"tag\">#<span>figma</span></a> <a href=\"https://ruby.social/tags/mockup\" class=\"mention hashtag\" rel=\"tag\">#<span>mockup</span></a> <a href=\"https://ruby.social/tags/layout\" class=\"mention hashtag\" rel=\"tag\">#<span>layout</span></a> <a href=\"https://ruby.social/tags/WebApps\" class=\"mention hashtag\" rel=\"tag\">#<span>WebApps</span></a> <a href=\"https://ruby.social/tags/SoftwareDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>SoftwareDevelopment</span></a></p>" }, "attachment": [], "tag": [ { "type": "Hashtag", "href": "https://ruby.social/tags/design", "name": "#design" }, { "type": "Hashtag", "href": "https://ruby.social/tags/web", "name": "#web" }, { "type": "Hashtag", "href": "https://ruby.social/tags/css", "name": "#css" }, { "type": "Hashtag", "href": "https://ruby.social/tags/ux", "name": "#ux" }, { "type": "Hashtag", "href": "https://ruby.social/tags/figma", "name": "#figma" }, { "type": "Hashtag", "href": "https://ruby.social/tags/mockup", "name": "#mockup" }, { "type": "Hashtag", "href": "https://ruby.social/tags/layout", "name": "#layout" }, { "type": "Hashtag", "href": "https://ruby.social/tags/webapps", "name": "#webapps" }, { "type": "Hashtag", "href": "https://ruby.social/tags/softwaredevelopment", "name": "#softwaredevelopment" } ], "replies": { "id": "https://ruby.social/users/kerrick/statuses/113526816652141595/replies", "type": "Collection", "first": { "type": "CollectionPage", "next": "https://ruby.social/users/kerrick/statuses/113526816652141595/replies?only_other_accounts=true&page=true", "partOf": "https://ruby.social/users/kerrick/statuses/113526816652141595/replies", "items": [] } }, "likes": { "id": "https://ruby.social/users/kerrick/statuses/113526816652141595/likes", "type": "Collection", "totalItems": 3 }, "shares": { "id": "https://ruby.social/users/kerrick/statuses/113526816652141595/shares", "type": "Collection", "totalItems": 3 } }