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", "blurhash": "toot:blurhash", "focalPoint": { "@container": "@list", "@id": "toot:focalPoint" }, "Hashtag": "as:Hashtag" } ], "id": "https://mastodon.social/users/anatudor/statuses/114546410180636512/replies", "type": "Collection", "first": { "id": "https://mastodon.social/users/anatudor/statuses/114546410180636512/replies?page=true", "type": "CollectionPage", "next": "https://mastodon.social/users/anatudor/statuses/114546410180636512/replies?only_other_accounts=true&page=true", "partOf": "https://mastodon.social/users/anatudor/statuses/114546410180636512/replies", "items": [ { "id": "https://mastodon.social/users/anatudor/statuses/114558125107291870", "type": "Note", "summary": null, "inReplyTo": "https://mastodon.social/users/anatudor/statuses/114546410180636512", "published": "2025-05-23T16:37:46Z", "url": "https://mastodon.social/@anatudor/114558125107291870", "attributedTo": "https://mastodon.social/users/anatudor", "to": [ "https://www.w3.org/ns/activitystreams#Public" ], "cc": [ "https://mastodon.social/users/anatudor/followers", "https://fosstodon.org/users/codepen" ], "sensitive": false, "atomUri": "https://mastodon.social/users/anatudor/statuses/114558125107291870", "inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/114546410180636512", "conversation": "tag:mastodon.social,2025-05-13:objectId=995719435:objectType=Conversation", "content": "<p>5️⃣ 850 ♥️ No SVG, no image fluid slider <a href=\"https://codepen.io/thebabydino/pen/qByGqOm\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/qBy</span><span class=\"invisible\">GqOm</span></a></p><p><a href=\"https://mastodon.social/tags/JS\" class=\"mention hashtag\" rel=\"tag\">#<span>JS</span></a> used only for<br />a) feature support detection<br />b) updating slider value in --val</p><p>Uses only<br />1 × input[type=range] for actual slider<br />1 × output for current value display<br />1 × datalist for ruler</p><p>One of my best sliders on <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span>. </p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/slider\" class=\"mention hashtag\" rel=\"tag\">#<span>slider</span></a> <a href=\"https://mastodon.social/tags/rangeInput\" class=\"mention hashtag\" rel=\"tag\">#<span>rangeInput</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/cssGrid\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGrid</span></a> <a href=\"https://mastodon.social/tags/cssMask\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMask</span></a> <a href=\"https://mastodon.social/tags/cssGradient\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGradient</span></a></p>", "contentMap": { "en": "<p>5️⃣ 850 ♥️ No SVG, no image fluid slider <a href=\"https://codepen.io/thebabydino/pen/qByGqOm\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">codepen.io/thebabydino/pen/qBy</span><span class=\"invisible\">GqOm</span></a></p><p><a href=\"https://mastodon.social/tags/JS\" class=\"mention hashtag\" rel=\"tag\">#<span>JS</span></a> used only for<br />a) feature support detection<br />b) updating slider value in --val</p><p>Uses only<br />1 × input[type=range] for actual slider<br />1 × output for current value display<br />1 × datalist for ruler</p><p>One of my best sliders on <span class=\"h-card\" translate=\"no\"><a href=\"https://fosstodon.org/@codepen\" class=\"u-url mention\">@<span>codepen</span></a></span>. </p><p><a href=\"https://mastodon.social/tags/CSS\" class=\"mention hashtag\" rel=\"tag\">#<span>CSS</span></a> <a href=\"https://mastodon.social/tags/slider\" class=\"mention hashtag\" rel=\"tag\">#<span>slider</span></a> <a href=\"https://mastodon.social/tags/rangeInput\" class=\"mention hashtag\" rel=\"tag\">#<span>rangeInput</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/dev\" class=\"mention hashtag\" rel=\"tag\">#<span>dev</span></a> <a href=\"https://mastodon.social/tags/webDevelopment\" class=\"mention hashtag\" rel=\"tag\">#<span>webDevelopment</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</span></a> <a href=\"https://mastodon.social/tags/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/cssGrid\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGrid</span></a> <a href=\"https://mastodon.social/tags/cssMask\" class=\"mention hashtag\" rel=\"tag\">#<span>cssMask</span></a> <a href=\"https://mastodon.social/tags/cssGradient\" class=\"mention hashtag\" rel=\"tag\">#<span>cssGradient</span></a></p>" }, "attachment": [ { "type": "Document", "mediaType": "video/mp4", "url": "https://files.mastodon.social/media_attachments/files/114/558/123/282/346/097/original/5130105ca0040c71.mp4", "name": "Fluid vertical slider. Dragging the thumb bends the track and ruller around it. The ruler markings also dynamically fade the further away from the thumb they are. On the right, there is a DevTools panel open to show that this is made with a range input, an output and a datalist with options, all inside a group wrapper.", "blurhash": "U15X=OD#IS?HIot7s.Rjt99G9uM{D*xusoRk", "focalPoint": [ 0, 0 ], "width": 1168, "height": 834 } ], "tag": [ { "type": "Mention", "href": "https://fosstodon.org/users/codepen", "name": "@codepen@fosstodon.org" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/js", "name": "#js" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/css", "name": "#css" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/slider", "name": "#slider" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/rangeinput", "name": "#rangeinput" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/coding", "name": "#coding" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/web", "name": "#web" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/dev", "name": "#dev" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/webdevelopment", "name": "#webdevelopment" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/webdev", "name": "#webdev" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/code", "name": "#code" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/frontend", "name": "#frontend" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/cssgrid", "name": "#cssgrid" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/cssmask", "name": "#cssmask" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/cssgradient", "name": "#cssgradient" } ], "replies": { "id": "https://mastodon.social/users/anatudor/statuses/114558125107291870/replies", "type": "Collection", "first": { "type": "CollectionPage", "next": "https://mastodon.social/users/anatudor/statuses/114558125107291870/replies?min_id=114563211716314983&page=true", "partOf": "https://mastodon.social/users/anatudor/statuses/114558125107291870/replies", "items": [ "https://mastodon.social/users/anatudor/statuses/114563211716314983" ] } }, "likes": { "id": "https://mastodon.social/users/anatudor/statuses/114558125107291870/likes", "type": "Collection", "totalItems": 20 }, "shares": { "id": "https://mastodon.social/users/anatudor/statuses/114558125107291870/shares", "type": "Collection", "totalItems": 7 } } ] } }