https://github.com/ghall89/astro-mastodon-embed
A component for Astro to embed Mastodon posts in your website.
https://github.com/ghall89/astro-mastodon-embed
astro mastodon
Last synced: 27 days ago
JSON representation
A component for Astro to embed Mastodon posts in your website.
- Host: GitHub
- URL: https://github.com/ghall89/astro-mastodon-embed
- Owner: ghall89
- License: mit
- Archived: true
- Created: 2023-01-26T03:17:42.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-14T05:10:42.000Z (about 2 years ago)
- Last Synced: 2025-04-10T05:13:46.901Z (27 days ago)
- Topics: astro, mastodon
- Language: Astro
- Homepage:
- Size: 267 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# astro-mastodon-embed
## About
An Astro component for embedding Mastodon posts in your website.
This is very much a work in progress, and not at all ready for production.
## Install
In your Astro project, run the following command:
`npm i astro-mastodon-embed`
## Importing & Usage
### Import
In your Astro or MDX file:
`import MastodonEmbed from 'astro-mastodon-embed'`
### Use Component
The MastodonEmbed component just needs a URL for the post you want to embed.
``
By default, the component is in light mode. You can enable dark mode by passing the prop `variant="dark"`:
``
## Dependencies
- [astro-remote](https://github.com/natemoo-re/astro-remote)
## Acknowledgments
- [Roboto](https://fonts.google.com/specimen/Roboto) - Used under the [Apache 2.0 license](./src/fonts/LICENSE.txt)