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/112512613151160703/replies", "type": "Collection", "first": { "id": "https://mastodon.social/users/anatudor/statuses/112512613151160703/replies?page=true", "type": "CollectionPage", "next": "https://mastodon.social/users/anatudor/statuses/112512613151160703/replies?only_other_accounts=true&page=true", "partOf": "https://mastodon.social/users/anatudor/statuses/112512613151160703/replies", "items": [ { "id": "https://mastodon.social/users/anatudor/statuses/112513582028223028", "type": "Note", "summary": null, "inReplyTo": "https://mastodon.social/users/anatudor/statuses/112512613151160703", "published": "2024-05-27T14:43:34Z", "url": "https://mastodon.social/@anatudor/112513582028223028", "attributedTo": "https://mastodon.social/users/anatudor", "to": [ "https://www.w3.org/ns/activitystreams#Public" ], "cc": [ "https://mastodon.social/users/anatudor/followers" ], "sensitive": false, "atomUri": "https://mastodon.social/users/anatudor/statuses/112513582028223028", "inReplyToAtomUri": "https://mastodon.social/users/anatudor/statuses/112512613151160703", "conversation": "tag:mastodon.social,2024-05-27:objectId=716413452:objectType=Conversation", "content": "<p>5⃣ 723 ❤️ No SVG, no image fluid slider with input[type=range] <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>JS used only for<br />a) feature support detection<br />b) updating slider value in a --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><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/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/control\" class=\"mention hashtag\" rel=\"tag\">#<span>control</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</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></p>", "contentMap": { "en": "<p>5⃣ 723 ❤️ No SVG, no image fluid slider with input[type=range] <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>JS used only for<br />a) feature support detection<br />b) updating slider value in a --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><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/code\" class=\"mention hashtag\" rel=\"tag\">#<span>code</span></a> <a href=\"https://mastodon.social/tags/coding\" class=\"mention hashtag\" rel=\"tag\">#<span>coding</span></a> <a href=\"https://mastodon.social/tags/frontend\" class=\"mention hashtag\" rel=\"tag\">#<span>frontend</span></a> <a href=\"https://mastodon.social/tags/control\" class=\"mention hashtag\" rel=\"tag\">#<span>control</span></a> <a href=\"https://mastodon.social/tags/web\" class=\"mention hashtag\" rel=\"tag\">#<span>web</span></a> <a href=\"https://mastodon.social/tags/webDev\" class=\"mention hashtag\" rel=\"tag\">#<span>webDev</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></p>" }, "attachment": [ { "type": "Document", "mediaType": "video/mp4", "url": "https://files.mastodon.social/media_attachments/files/112/513/576/164/258/734/original/7062189239e29b3a.mp4", "name": "Animated GIF. Shows a fluid vertical slider whose track and ruler get bent by the thumb as it's dragged up and down. A glow is also visible around the track bend and the ruler values are only visible nearby the thumb - the further they are from it, the more transparent they become. The current slider value is displayed on the other side of the thumb and moves along with it up and down.\n\nDevTools panel is open on the right to highlight that the slider itself is created with a single input[type=range], a single output (tied to the range input via the for attribute) is used for the current value display, while the ruler is created with a datalist (whose index is referenced in the list attribute of the input). No SVG and no extra elements used.", "blurhash": "U15q^jM^I8^+%NM{Riof4:D+E2M{f,aeWBWX", "focalPoint": [ 0, 0 ], "width": 800, "height": 610 } ], "tag": [ { "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/code", "name": "#code" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/coding", "name": "#coding" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/frontend", "name": "#frontend" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/control", "name": "#control" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/web", "name": "#web" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/webdev", "name": "#webdev" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/dev", "name": "#dev" }, { "type": "Hashtag", "href": "https://mastodon.social/tags/webdevelopment", "name": "#webdevelopment" } ], "replies": { "id": "https://mastodon.social/users/anatudor/statuses/112513582028223028/replies", "type": "Collection", "first": { "type": "CollectionPage", "next": "https://mastodon.social/users/anatudor/statuses/112513582028223028/replies?min_id=112513716246867602&page=true", "partOf": "https://mastodon.social/users/anatudor/statuses/112513582028223028/replies", "items": [ "https://mastodon.social/users/anatudor/statuses/112513716246867602" ] } }, "likes": { "id": "https://mastodon.social/users/anatudor/statuses/112513582028223028/likes", "type": "Collection", "totalItems": 14 }, "shares": { "id": "https://mastodon.social/users/anatudor/statuses/112513582028223028/shares", "type": "Collection", "totalItems": 6 } } ] } }