Modrinth Embed

A modern way to embed Modrinth projects on your website, powered by the Modrinth API.
Choose between server and client components, or use the compact badge format.

Project Badges

Choose from three different badge styles: Default, Compact, and Full. Each style can be customized with various options.

Default Badge

<img src="https://modrinth-embed.vercel.app/AANobbMI.png" alt="Modrinth Project" width="340" height="80" />

Compact Badge

<img src="https://modrinth-embed.vercel.app/AANobbMI.png?variant=compact" alt="Modrinth Project" height="32" />

Full Badge

<img src="https://modrinth-embed.vercel.app/AANobbMI.png?variant=full" alt="Modrinth Project" width="900" height="400" />

<!-- Basic usage -->
<img 
  src="https://modrinth-embed.vercel.app/AANobbMI.png"
  alt="Modrinth Project"
  width="340"
  height="80"
/>

<!-- Optional URL parameters -->
?variant=default|compact|full    # Change badge style
?theme=dark|light               # Change color theme
?showDownloads=true|false      # Show/hide download count
?showVersion=true|false        # Show/hide version number
?showButton=true|false         # Show/hide download button (full variant only)
?showPadding=true|false        # Show/hide padding (full variant only)