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

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

Compact Badge

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

Full Badge

Sodium
<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)

Server vs Client Components

Choose between server components (better for SEO and initial load) or client components (better for dynamic updates and loading states).

Server Component

Iris Shaders icon

Iris Shaders

by IrisShaders

A modern shader pack loader for Minecraft intended to be compatible with existing OptiFine shader packs

Downloads: 32M
Latest: 1.8.11+1.21.5-neoforge
View on Modrinth →

Client Component