mastodon-embeds-examples icon indicating copy to clipboard operation
mastodon-embeds-examples copied to clipboard

Examples of different ways to embed Mastodon timelines (and posts/toots) in HTML

Examples of Mastodon embeds

mastodon-embeds-examples

Trying out various means to embed Fediverse content - Mastodon posts and timelines (and combinations of other things, API, buttons, etc), images from Pixelfed, more to come.

Toots are straightforward to embed (Mastodon supports oEmbed, and has an embed code option on the web UI), timelines need a bit more work.

More information

I wrote about this on DEV

Useful links

  • https://github.com/Uden-AI/fediverse-share
  • https://mastofeed.com
  • https://github.com/SamTherapy/fedifeed (fork of mastofeed)
  • https://gitlab.com/idotj/mastodon-embed-timeline
  • https://github.com/grayleonard/mastodon-share
  • https://toot.kytta.dev/
  • https://maplefeed.bihlink.com/
  • https://github.com/sampsyo/emfed
  • https://github.com/DyosTheNerd/MastodonIFrameEmbed
  • https://github.com/DomainDrivenArchitecture/dda-masto-embed
  • https://github.com/justinribeiro/share-to-mastodon

Remix on Glitch

Follow me on Mastodon -> @[email protected]