diff --git a/src/entries/background/main.ts b/src/entries/background/main.ts
index d89642e..08909c2 100644
--- a/src/entries/background/main.ts
+++ b/src/entries/background/main.ts
@@ -68,7 +68,7 @@ browser.runtime.onConnect.addListener((port) => {
 					return await response.json();
 				}
 			}
-		})().then((r) => port.postMessage({ id: parsed.id, content: r }));
+		})().then((r) => port.postMessage({ id: parsed.id, uuid: parsed.uuid, content: r }));
 	});
 });
 
diff --git a/src/entries/contentScript/api.ts b/src/entries/contentScript/api.ts
new file mode 100644
index 0000000..9d899a3
--- /dev/null
+++ b/src/entries/contentScript/api.ts
@@ -0,0 +1,14 @@
+import { JsonRequest, sendMessage } from '~/lib/messages';
+
+export async function anilistApiRequest<T>(query: string): Promise<T> {
+	return await sendMessage(JsonRequest, {
+		url: 'https://graphql.anilist.co',
+		init: {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({ query: query })
+		}
+	});
+}
diff --git a/src/entries/contentScript/render.ts b/src/entries/contentScript/render.ts
index e92bb13..e8ed78a 100644
--- a/src/entries/contentScript/render.ts
+++ b/src/entries/contentScript/render.ts
@@ -11,6 +11,7 @@ export async function render(
 		mode: import.meta.env.MODE === 'development' ? 'open' : 'closed'
 	});
 	const appRoot = document.createElement('div');
+	appRoot.style.display = 'unset';
 
 	if (import.meta.hot) {
 		const { addViteStyleTarget } = await import('@samrum/vite-plugin-web-extension/client');
@@ -36,9 +37,15 @@ export async function render(
 export class MountComponent {
 	static elems: Map<string, HTMLElement> = new Map();
 
-	static mount(component: typeof SvelteComponent, cssPaths: string[], target: HTMLElement) {
+	static mount(
+		component: typeof SvelteComponent,
+		cssPaths: string[],
+		target: HTMLElement,
+		props?: Record<string, any>
+	) {
 		render(cssPaths, target, (app) => {
 			new component({
+				props: props,
 				target: app
 			});
 		}).then((e) => this.elems.set(component.name, e));
diff --git a/src/entries/contentScript/website/series/elements/AnimeListLinks.svelte b/src/entries/contentScript/website/series/elements/AnimeListLinks.svelte
new file mode 100644
index 0000000..c62dab0
--- /dev/null
+++ b/src/entries/contentScript/website/series/elements/AnimeListLinks.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+	import { anilistApiRequest } from '~/entries/contentScript/api';
+
+	export let seasonName: string;
+	export let anilist: boolean;
+	export let mal: boolean;
+
+	let anilistId: number;
+	let malId: number;
+
+	(async () => {
+		const externalIdsQuery = `
+		query {
+			Media(search: "${seasonName}", type: ANIME) {
+				id
+				idMal
+			}
+		}
+		`;
+
+		const json: { data: { Media: { id: number; idMal: number } } } =
+			await anilistApiRequest(externalIdsQuery);
+
+		anilistId = json.data.Media.id;
+		malId = json.data.Media.idMal;
+	})();
+</script>
+
+<div>
+	{#if anilist && anilistId}
+		<a href="https://anilist.co/anime/{anilistId}" target="_blank">
+			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 1024 1024"
+				><path fill="#1e2630" d="M0 0h1024v1024H0" style="stroke-width:2" /><path
+					fill="#02a9ff"
+					d="M643.84 646.54V273.199c0-21.395-11.773-33.203-33.116-33.203h-72.865c-21.344 0-33.123 11.808-33.123 33.203v177.303c0 4.993 47.992 28.178 49.245 33.082 36.565 143.219 7.945 257.84-26.717 263.2 56.675 2.81 62.91 30.128 20.696 11.462 6.458-76.418 31.656-76.269 104.098-2.812.62.634 14.854 30.564 15.74 30.564h171.09c21.344 0 33.116-11.8 33.116-33.2v-73.048c0-21.396-11.772-33.203-33.116-33.203z"
+					style="stroke-width:2"
+				/><path
+					fill="#fefefe"
+					d="M341.36 240 149.999 786h148.676l32.384-94.444h161.92L524.63 786h147.936L481.938 240Zm23.553 330.56 46.365-151.258 50.785 151.258z"
+					style="stroke-width:2"
+				/></svg
+			>
+		</a>
+	{/if}
+	{#if mal && malId}
+		<a href="https://myanimelist.net/anime/{malId}" target="_blank">
+			<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"
+				><path d="M0 0h1024v1024H0Z" style="fill:#2e51a2;stroke-width:.99968" /><path
+					d="M387.56 353.284v281.231l-70.21-.094v-174.1l-67.784 80.273-66.407-82.073-.673 176.464h-71.149V353.347h73.56l62.274 84.969 67.3-85zm288.07 69.083.83 211.522H597.5l-.265-95.862h-93.483c2.332 16.669 7.012 42.258 13.93 59.474 5.18 12.724 9.953 25.041 19.469 37.656l-56.922 37.562c-11.66-21.238-20.769-44.636-29.314-69.521a310.373 310.373 0 0 1-16.935-72.761c-2.833-25.042-3.24-49.113 3.569-73.857a130.481 130.481 0 0 1 38.767-62.306c10.455-9.782 25.041-16.7 36.733-22.944 11.69-6.245 24.806-8.812 36.967-11.989a247.284 247.284 0 0 1 39.769-6.104c13.287-1.142 36.967-2.206 79.82-.939l18.201 58.394H595.81c-19.798.266-29.314 0-44.777 6.98a74.655 74.655 0 0 0-42.664 64.169l88.913 1.095 1.267-60.428h77.097zm133.299-70.037v221.225l103.734 1.017-14.352 59.27h-160.5V351.281Z"
+					style="fill:#fff;stroke-width:1.56459;stroke-dasharray:none"
+				/></svg
+			>
+		</a>
+	{/if}
+</div>
+
+<style lang="scss">
+	div {
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+
+		height: 100%;
+		margin-left: 0.75rem;
+	}
+
+	a {
+		width: 20px;
+		height: 20px;
+
+		& svg {
+			border-radius: 2px;
+		}
+	}
+</style>
diff --git a/src/entries/contentScript/website/series/elements/NextEpisodeAirDate.svelte b/src/entries/contentScript/website/series/elements/NextEpisodeAirDate.svelte
index 529c9f8..8f4f548 100644
--- a/src/entries/contentScript/website/series/elements/NextEpisodeAirDate.svelte
+++ b/src/entries/contentScript/website/series/elements/NextEpisodeAirDate.svelte
@@ -1,33 +1,24 @@
 <script lang="ts">
-	import { JsonRequest, sendMessage } from '~/lib/messages';
+	import { anilistApiRequest } from '~/entries/contentScript/api';
 
 	let airingDate: Date | null = null;
 
 	(async () => {
 		const nextAiringEpisodeQuery = `
-      query {
-        Media(search: "${
-					document.location.pathname.split('/').slice(-1)[0]
-				}", type: ANIME, status: RELEASING) {
-          nextAiringEpisode {
-            airingAt
-          }
-        }
-      }
-      `;
-
-		const json: { data: { Media: { nextAiringEpisode: { airingAt: number } | null } } } =
-			await sendMessage(JsonRequest, {
-				url: 'https://graphql.anilist.co',
-				init: {
-					method: 'POST',
-					headers: {
-						'Content-Type': 'application/json'
-					},
-					body: JSON.stringify({ query: nextAiringEpisodeQuery })
+		query {
+			Media(search: "${
+				document.location.pathname.split('/').slice(-1)[0]
+			}", type: ANIME, status: RELEASING) {
+				nextAiringEpisode {
+				airingAt
 				}
-			});
-		if (json.data.Media.nextAiringEpisode?.airingAt) {
+			}
+		}
+		`;
+
+		const json: { data: { Media?: { nextAiringEpisode: { airingAt: number } | null } } } =
+			await anilistApiRequest(nextAiringEpisodeQuery);
+		if (json.data.Media?.nextAiringEpisode?.airingAt) {
 			airingDate = new Date(json.data.Media.nextAiringEpisode.airingAt * 1000);
 		}
 	})();
diff --git a/src/entries/contentScript/website/series/settings.ts b/src/entries/contentScript/website/series/settings.ts
index a95b83e..14e1aa4 100644
--- a/src/entries/contentScript/website/series/settings.ts
+++ b/src/entries/contentScript/website/series/settings.ts
@@ -2,36 +2,96 @@ import { getElementMounted } from '~/entries/contentScript/player/utils';
 import { SeriesSettings, subscribeSettings } from '~/lib/settings';
 import NextEpisodeAirDate from '~/entries/contentScript/website/series/elements/NextEpisodeAirDate.svelte';
 import { MountComponent } from '~/entries/contentScript/render';
+import AnimeListLinks from '~/entries/contentScript/website/series/elements/AnimeListLinks.svelte';
 
-export async function settings() {
-	const seriesRatingContainer: HTMLDivElement = await getElementMounted(
-		(p) => p.querySelector('.action-buttons'),
-		document.getElementById('content'),
+const DomElements = {
+	seriesRatingContainer: async (): Promise<HTMLDivElement> => {
+		return await getElementMounted(
+			(p) => p.querySelector('.action-buttons'),
+			document.getElementById('content'),
+			true
+		);
+	},
+	seasonSelectContainer: async (): Promise<HTMLDivElement> => {
+		return await getElementMounted(
+			(p) => p.querySelector('.seasons-select'),
+			document.getElementById('content'),
+			true
+		);
+	}
+};
+
+async function nextEpisodeAirDateSetting(enable: boolean) {
+	if (!enable) {
+		MountComponent.unmount(NextEpisodeAirDate);
+		return;
+	}
+
+	const seriesRatingContainer = await DomElements.seriesRatingContainer();
+	const container = document.createElement('div');
+	seriesRatingContainer.parentElement.insertBefore(container, seriesRatingContainer.nextSibling);
+	MountComponent.mount(NextEpisodeAirDate, import.meta.PLUGIN_WEB_EXT_CHUNK_CSS_PATHS, container);
+}
+
+let animeListLinkSeasonNameObserver: MutationObserver;
+async function animeListLinkSetting(value: { anilist: boolean; mal: boolean }) {
+	MountComponent.unmount(AnimeListLinks);
+	if (!value.anilist && !value.mal) return;
+
+	if (animeListLinkSeasonNameObserver) animeListLinkSeasonNameObserver.disconnect();
+
+	const seasonSelectContainer = await DomElements.seasonSelectContainer();
+	const seasonNameContainer = await getElementMounted(
+		(p) => p.querySelector('h4'),
+		seasonSelectContainer,
 		true
 	);
 
-	const subscriptionSettings = [SeriesSettings.NextEpisodeAirDate];
+	const mountFunction = () => {
+		MountComponent.unmount(AnimeListLinks);
+
+		let seasonName = seasonNameContainer.innerText;
+		// remove the season number prefix ('S1:', 'S2:', ...)
+		seasonName = seasonName.replace(/^S\d+\s*[:-]\s*/, '');
+		// remove the dub or episode indicator that some season have ('(German Dub)', '(English Dub)', '(25+)', ...)
+		seasonName = seasonName.replace(/\([\w\s+-]+\)/, '');
+		seasonName = seasonName.trim();
+
+		MountComponent.mount(
+			AnimeListLinks,
+			import.meta.PLUGIN_WEB_EXT_CHUNK_CSS_PATHS,
+			seasonSelectContainer,
+			{
+				seasonName: seasonName,
+				anilist: value.anilist,
+				mal: value.mal
+			}
+		);
+	};
+	animeListLinkSeasonNameObserver = new MutationObserver(() => {
+		mountFunction();
+	});
+	animeListLinkSeasonNameObserver.observe(seasonNameContainer, {
+		characterData: true,
+		childList: true,
+		subtree: true
+	});
+
+	mountFunction();
+}
+
+export async function settings() {
+	const subscriptionSettings = [SeriesSettings.NextEpisodeAirDate, SeriesSettings.AnimeListLinks];
 	subscribeSettings(
 		subscriptionSettings,
 		(key, value) => {
 			switch (key) {
-				case SeriesSettings.NextEpisodeAirDate.key: {
-					if (value) {
-						const container = document.createElement('div');
-						seriesRatingContainer.parentElement.insertBefore(
-							container,
-							seriesRatingContainer.nextSibling
-						);
-						MountComponent.mount(
-							NextEpisodeAirDate,
-							import.meta.PLUGIN_WEB_EXT_CHUNK_CSS_PATHS,
-							container
-						);
-					} else {
-						MountComponent.unmount(NextEpisodeAirDate);
-					}
+				case SeriesSettings.NextEpisodeAirDate.key:
+					nextEpisodeAirDateSetting(value);
+					break;
+				case SeriesSettings.AnimeListLinks.key:
+					animeListLinkSetting(value);
 					break;
-				}
 			}
 		},
 		true
diff --git a/src/entries/popup/pages/settings/Settings.svelte b/src/entries/popup/pages/settings/Settings.svelte
index 080fe1f..8830a6c 100644
--- a/src/entries/popup/pages/settings/Settings.svelte
+++ b/src/entries/popup/pages/settings/Settings.svelte
@@ -22,7 +22,17 @@
 		return store;
 	}
 
-	let sections = [];
+	let sections: {
+		name: string;
+		open: boolean;
+		entries: {
+			name: string;
+			details: string;
+			setting: Setting<any>;
+			value: any;
+			values?: { name: string; key: string }[];
+		}[];
+	}[] = [];
 	(async () => {
 		sections = [
 			{
@@ -58,6 +68,16 @@
 						details: 'Show the date when the next episode of a series airs',
 						setting: SeriesSettings.NextEpisodeAirDate,
 						value: await settingStoreProxy(SeriesSettings.NextEpisodeAirDate)
+					},
+					{
+						name: 'External anime list links',
+						details: 'Show links to external anime list/tracking websites',
+						setting: SeriesSettings.AnimeListLinks,
+						value: await settingStoreProxy(SeriesSettings.AnimeListLinks),
+						values: [
+							{ name: 'AniList', key: 'anilist' },
+							{ name: 'MyAnimeList', key: 'mal' }
+						]
 					}
 				]
 			},
@@ -81,13 +101,9 @@
 	{#each sections as section}
 		<div>
 			<Section title={section.name} open={section.open}>
-				<table style="width: 100%">
-					<colgroup>
-						<col style="width: 75%" />
-						<col style="width: 25%" />
-					</colgroup>
+				<table>
 					{#each section.entries as entry}
-						<tr>
+						<tr class:subtable-label={!(typeof entry.setting.default === 'boolean')}>
 							<td>
 								<label for={entry.setting.key} title={entry.details}>{entry.name}</label>
 							</td>
@@ -102,6 +118,28 @@
 								{/if}
 							</td>
 						</tr>
+						{#if typeof entry.setting.default === 'object'}
+							<tr class="subtable">
+								<table>
+									{#each entry.values || [] as value}
+										<tr>
+											<td>
+												<label for={`${entry.setting.key}-${value.key}`}>{value.name}</label>
+											</td>
+											<td>
+												<input
+													id={`${entry.setting.key}-${value.key}`}
+													type="checkbox"
+													checked={get(entry.value)[value.key]}
+													on:change={(e) =>
+														entry.value.set({ ...get(entry.value), [value.key]: e.target.checked })}
+												/>
+											</td>
+										</tr>
+									{/each}
+								</table>
+							</tr>
+						{/if}
 					{/each}
 				</table>
 			</Section>
@@ -118,17 +156,35 @@
 
 	table {
 		border-spacing: 0 0.5rem;
+		table-layout: fixed;
+		width: 100%;
 
 		tr {
 			transition: color 0.2s ease;
 
-			&:hover {
-				color: #2abdbb;
+			&:not(.subtable):not(.subtable-label) {
+				&:hover {
+					color: #2abdbb;
+				}
+
+				& td > * {
+					display: block;
+				}
 			}
 		}
 
-		td > * {
-			display: block;
+		td {
+			&:nth-child(1) {
+				width: 75%;
+			}
+			&:nth-child(2) {
+				width: 25%;
+			}
 		}
 	}
+
+	.subtable {
+		display: block;
+		margin: -0.675rem 0 0 2rem;
+	}
 </style>
diff --git a/src/lib/messages.ts b/src/lib/messages.ts
index 49baf99..3a228fa 100644
--- a/src/lib/messages.ts
+++ b/src/lib/messages.ts
@@ -10,6 +10,7 @@ export type MessageReqType<Type> = Type extends Message<infer Req, any> ? Req :
 export type MessageResType<Type> = Type extends Message<any, infer Res> ? Res : never;
 
 export type MessageRequest<M extends Message<any, any>> = M & {
+	uuid: string;
 	content: MessageReqType<M>;
 };
 
@@ -33,15 +34,17 @@ export async function sendMessage<Req, Res>(
 ): Promise<Res> {
 	if (!port) port = browser.runtime.connect();
 
+	const messageUuid = crypto.randomUUID();
+
 	let resolve: (value: Res) => void;
 	const promise = new Promise<Res>((r) => (resolve = r));
 
-	const responseListener = (msg: { id: string; content: any }) => {
-		if (msg.id == message.id) resolve(msg.content as unknown as Res);
+	const responseListener = (msg: { id: string; uuid: string; content: any }) => {
+		if (msg.id == message.id && msg.uuid == messageUuid) resolve(msg.content as unknown as Res);
 	};
 	port.onMessage.addListener(responseListener);
 
-	port.postMessage({ ...message, content: content });
+	port.postMessage({ ...message, uuid: messageUuid, content: content });
 
 	const response = await promise;
 	port.onMessage.removeListener(responseListener);
diff --git a/src/lib/settings.ts b/src/lib/settings.ts
index f8a1634..25d75f7 100644
--- a/src/lib/settings.ts
+++ b/src/lib/settings.ts
@@ -5,13 +5,20 @@ export interface Setting<T> {
 	default: T;
 }
 
+async function allSettings(): Promise<{ [key: string]: any }> {
+	return JSON.parse((await browser.storage.local.get('settings'))['settings'] || '{}');
+}
+
 export async function getSetting<T>(setting: Setting<T>): Promise<T> {
-	const res = await browser.storage.local.get(setting.key);
-	return res[setting.key] === undefined ? setting.default : res[setting.key];
+	const settings = await allSettings();
+	return settings[setting.key] === undefined ? setting.default : settings[setting.key];
 }
 
 export async function setSetting<T>(setting: Setting<T>, value: T) {
-	await browser.storage.local.set({ [setting.key]: value });
+	const settings = await allSettings();
+	await browser.storage.local.set({
+		settings: JSON.stringify({ ...settings, [setting.key]: value })
+	});
 }
 
 export function subscribeSetting<T>(
@@ -20,16 +27,21 @@ export function subscribeSetting<T>(
 	initialRead?: boolean
 ): () => void {
 	const subscribeCallback = (changes: { [key: string]: browser.Storage.StorageChange }) => {
-		const subscribed = changes[setting.key];
-		if (subscribed !== undefined) {
-			callback(subscribed.newValue, subscribed.oldValue);
+		const settingsChanges = changes['settings'];
+		if (!settingsChanges) return;
+
+		const oldValue = JSON.parse(settingsChanges.oldValue || '{}')[setting.key];
+		const newValue = JSON.parse(settingsChanges.newValue || '{}')[setting.key];
+
+		if (oldValue !== newValue) {
+			callback(newValue, oldValue);
 		}
 	};
 
 	browser.storage.local.onChanged.addListener(subscribeCallback);
 
 	if (initialRead === true) {
-		browser.storage.local.get(setting.key).then((v) => {
+		allSettings().then((v) => {
 			const value = v[setting.key] === undefined ? setting.default : v[setting.key];
 			callback(value, value);
 		});
@@ -44,10 +56,15 @@ export function subscribeSettings(
 	initialRead?: boolean
 ): () => void {
 	const subscribeCallback = (changes: { [key: string]: browser.Storage.StorageChange }) => {
+		const settingsChanges = changes['settings'];
+		if (!settingsChanges) return;
+
 		for (const setting of settings) {
-			const change = changes[setting.key];
-			if (change !== undefined) {
-				callback(setting.key, change.newValue, change.oldValue);
+			const oldValue = JSON.parse(settingsChanges.oldValue || '{}')[setting.key];
+			const newValue = JSON.parse(settingsChanges.newValue || '{}')[setting.key];
+
+			if (oldValue !== newValue) {
+				callback(setting.key, newValue, oldValue);
 			}
 		}
 	};
@@ -55,7 +72,7 @@ export function subscribeSettings(
 	browser.storage.local.onChanged.addListener(subscribeCallback);
 
 	if (initialRead === true) {
-		browser.storage.local.get(settings.map((v) => v.key)).then((v) => {
+		allSettings().then((v) => {
 			for (const setting of settings) {
 				const value = v[setting.key] === undefined ? setting.default : v[setting.key];
 				callback(setting.key, value, value);
@@ -85,7 +102,11 @@ export const SeriesSettings = {
 	NextEpisodeAirDate: {
 		key: 'nextEpisodeAirDate',
 		default: true
-	} satisfies Setting<boolean>
+	} satisfies Setting<boolean>,
+	AnimeListLinks: {
+		key: 'animeListLinks',
+		default: { anilist: false, mal: false }
+	} satisfies Setting<{ anilist: boolean; mal: boolean }>
 };
 
 export const DebugSettings = {