Tools for your site
Manga release badge
The badge shows the next English volume of a series and the day it comes out. It changes on its own when a publisher announces a date.
It is an SVG image. It works wherever an image works: a web page, a GitHub README, a forum post or a Notion page.
Preview
- Default
![[Oshi no Ko]: the next English volume is volume 14 on 24 November 2026. Data from Mangainfo.](https://mangainfo.com/badge/oshi-no-ko.svg)
- type=latest
![[Oshi no Ko]: the latest English volume is volume 13, out on 28 April 2026. Data from Mangainfo.](https://mangainfo.com/badge/oshi-no-ko.svg?type=latest)
- type=status
![[Oshi no Ko]: finished in Japan with 16 volumes. English is at volume 13. Data from Mangainfo.](https://mangainfo.com/badge/oshi-no-ko.svg?type=status)
- type=behind
![[Oshi no Ko]: English is 3 volumes behind Japan. Data from Mangainfo.](https://mangainfo.com/badge/oshi-no-ko.svg?type=behind)
Data from the [Oshi no Ko] page.
Code
HTML
<a href="https://mangainfo.com/series/oshi-no-ko"><img src="https://mangainfo.com/badge/oshi-no-ko.svg" alt="[Oshi no Ko]: next English volume" height="20"></a>Markdown
For a GitHub README, an issue, a wiki or a Markdown blog.
[![[Oshi no Ko]: next English volume](https://mangainfo.com/badge/oshi-no-ko.svg)](https://mangainfo.com/series/oshi-no-ko)BBCode
For forums that use BBCode.
[url=https://mangainfo.com/series/oshi-no-ko][img]https://mangainfo.com/badge/oshi-no-ko.svg[/img][/url]React
<a href="https://mangainfo.com/series/oshi-no-ko">
<img src="https://mangainfo.com/badge/oshi-no-ko.svg" alt="[Oshi no Ko]: next English volume" height={20} />
</a>Vue
<template>
<a href="https://mangainfo.com/series/oshi-no-ko"><img src="https://mangainfo.com/badge/oshi-no-ko.svg" alt="[Oshi no Ko]: next English volume" height="20"></a>
</template>Svelte
<a href="https://mangainfo.com/series/oshi-no-ko"><img src="https://mangainfo.com/badge/oshi-no-ko.svg" alt="[Oshi no Ko]: next English volume" height="20"></a>WordPress
Paste it into a Custom HTML block. An Image block with "Insert from URL" takes the image address alone.
<a href="https://mangainfo.com/series/oshi-no-ko"><img src="https://mangainfo.com/badge/oshi-no-ko.svg" alt="[Oshi no Ko]: next English volume" height="20"></a>Notion
Type /image, choose Embed link and paste this address.
https://mangainfo.com/badge/oshi-no-ko.svgAddresses
| Address | Shows |
|---|---|
https://mangainfo.com/badge/{series}.svg | The next English volume and its date. The default. |
https://mangainfo.com/badge/{series}.svg?type=latest | The latest English volume and the day it came out. |
https://mangainfo.com/badge/{series}.svg?type=status | Complete in English, caught up with Japan or how far English is. |
https://mangainfo.com/badge/{series}.svg?type=behind | How many volumes English is behind Japan. |
The name of a series is the last part of its address on Mangainfo: mangainfo.com/series/blue-lock is blue-lock.
Questions
How do I show the next manga volume on my website?
Pick the series above and copy the HTML. It is one image in a link. The image always shows the next English volume with its date.
How often does the badge change?
Mangainfo checks its sources every morning. A badge follows within a few hours of a new date. Your page needs no change.
Can I use the badge on GitHub?
Yes. Use the Markdown code. GitHub shows SVG images in a README, in issues and in discussions.
Does the badge cost anything?
No. There is no account and no key. The one condition is the link back to Mangainfo that the code already holds.
Which series have a badge?
Every series with a page on Mangainfo: manga with an English edition that has a date. Adult series have none.