Embed a Mastodon timeline in your page with just a CSS and JS file.
Demo:
https://codepen.io/ipuntoj/pen/MWppNGL
Steps for installing the timeline in three different ways. Click here
Steps to configure and customize your timeline. Click here
The current version has the following functions that can be performed:
| Function | Description |
|---|---|
mtColorTheme(themeType) |
Apply a theme color. themeType accepts only two values: 'light' or 'dark' |
mtUpdate() |
Reload the timeline by fetching the lastest posts |
The folder examples/ contains different demos of timeline types to play with. Download the full project and open each HTML file in your favorite browser.
If you have any problems loading the examples in your browser (e.g. CORS error), check the documentation CONTRIBUTING.md to run the examples using alternatives such as Docker or Http-server.
Mastodon embed timeline is supported on the latest versions of the following browsers:
- Chrome
- Firefox
- Edge
- Safari
- Vivaldi
- Opera
Feel free to add your features and improvements.
In the file CONTRIBUTING.md you have detailed information that explains how to modify, build and collaborate with this project.
GNU Affero General Public License v3.0
Check the closed issues, you might find your question there.
If nothing matches with your problem, check the open issues or feel free to create a new one.
Looking for a previous version of Mastodon embed timeline?
Check on the tags list to see all the released versions: Tags history
Other projects to embed your Mastodon timeline:
- https://gitlab.com/clvgt12/mastodon-embed-feed-timeline (fork of this project)
- https://github.com/sampsyo/emfed
- https://mastofeed.com
- https://github.com/SamTherapy/fedifeed (fork of mastofeed)
- https://github.com/DomainDrivenArchitecture/dda-masto-embed
- https://github.com/DyosTheNerd/MastodonIFrameEmbed