<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>Search math Games | TOP OF GAMES</title>
<link rel="canonical" href="https://topof.games/search/math" />
<meta name="description" content="Search math Games | TOP OF GAMES">
<meta name="color-scheme" content="dark">
<link rel="stylesheet" type="text/css" href="https://topof.games/content/themes/astro/css/tailwindcss.css" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://topof.games/content/themes/astro/css/style.css" />
<link rel="stylesheet" type="text/css" href="https://topof.games/content/themes/astro/css/custom.css" />
<style>
#cookieConsentBanner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #333;
color: white;
padding: 1em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.cookie-consent-msg {
text-align: left;
flex: 1;
}
.cookie-consent-actions {
text-align: right;
}
@media (max-width: 767px) {
#cookieConsentBanner {
flex-direction: column;
align-items: flex-start;
}
.cookie-consent-msg, .cookie-consent-actions {
width: 100%;
text-align: center;
margin-bottom: 0.5em;
}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1879219025914145"
crossorigin="anonymous"></script></head>
<body class="bg-game-dark text-gray-100">
<nav class="bg-game-card/50 backdrop-blur-lg fixed w-full z-50">
<div class="max-w-7xl mx-auto px-4">
<!-- Desktop Layout -->
<div class="hidden md:flex justify-between h-20">
<div class="flex items-center">
<!-- Logo -->
<a href="https://topof.games/" class="flex-shrink-0 flex items-center">
<img class="h-10 w-auto" src="https://topof.games/images/site-logo-020457.png" alt="Play HTML5 Games for Free">
</a>
<!-- Desktop Navigation -->
<div class="ml-10 flex space-x-8">
</div>
</div>
<!-- Desktop Search and Auth -->
<div class="flex items-center space-x-4">
<form action="https://topof.games/" class="relative search-bar">
<input type="hidden" name="viewpage" value="search">
<input type="text" name="slug" minlength="2" required
class="w-64 bg-game-dark/50 px-4 py-2 rounded-full border border-gray-700 focus:outline-none focus:border-game-accent"
placeholder="Search game">
<button type="submit" class="absolute right-3 top-2.5">
<svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
</form>
</div>
</div>
<!-- Mobile Layout -->
<div class="md:hidden" x-data="{ open: false }">
<div class="flex items-center justify-between h-20">
<!-- Mobile Menu Button -->
<button @click="open = !open" class="p-2 text-gray-300 hover:text-white">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path x-show="!open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
<path x-show="open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
<!-- Logo -->
<a href="https://topof.games/" class="flex-shrink-0 flex items-center">
<img class="h-10 w-auto" src="https://topof.games/images/site-logo-020457.png" alt="Play HTML5 Games for Free">
</a>
<!-- Mobile Auth -->
<div>
</div>
</div>
<!-- Mobile Menu -->
<div x-show="open" class="pb-4">
<!-- Mobile Search -->
<div class="px-2 pt-2 pb-3">
<form action="https://topof.games/" class="relative">
<input type="hidden" name="viewpage" value="search" />
<input type="text" name="slug" minlength="2" required
class="w-full bg-game-dark/50 px-4 py-2 rounded-full border border-gray-700 focus:outline-none focus:border-game-accent"
placeholder="Search game">
<button type="submit" class="absolute right-3 top-2.5">
<svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
</form>
</div>
<!-- Mobile Navigation -->
<div class="px-2 pt-2 pb-3">
</div>
</div>
</div>
</div>
</nav>
</body>
</html>
<main class="min-h-screen bg-[#0F1729]">
<!-- Search Results Banner -->
<section class="relative">
<div class="relative max-w-7xl mx-auto px-4 py-18">
<div class="text-center pt-40">
<span class="inline-block text-6xl mb-6 transform hover:scale-110 transition-transform">
🔍
</span>
<h1 class="text-4xl md:text-5xl font-bold text-white mb-4">
Search math Games </h1>
<div class="inline-flex items-center px-4 py-2 rounded-full bg-violet-500/10 text-violet-300">
142 games <span class="mx-2">•</span>
Page 1 of 4 </div>
</div>
</div>
</section>
<!-- Games Grid -->
<section class="py-16 px-4">
<div class="max-w-7xl mx-auto">
<!-- Search Results Grid -->
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
<a href="https://topof.games/game/math-landing-basic-operations"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/math-landing-basic-operations_2.webp"
alt="Math Landing Basic Operations"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Landing Basic Operations </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-boy"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/math-boy_2.webp"
alt="Math Boy"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Boy </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/chill-math-averaging"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/chill-math-averaging_2.webp"
alt="Chill Math Averaging"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Chill Math Averaging </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/chill-math-division"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/chill-math-division_2.webp"
alt="Chill Math Division"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Chill Math Division </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/chill-math-multiplication"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/chill-math-multiplication_2.webp"
alt="Chill Math Multiplication"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Chill Math Multiplication </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/neon-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/neon-math_2.webp"
alt="Neon Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Neon Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/chill-math-addition"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/chill-math-addition_2.webp"
alt="Chill Math Addition"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Chill Math Addition </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/fantasy-math-number"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://topof.games/thumbs/fantasy-math-number_2.webp"
alt="Fantasy Math Number"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Fantasy Math Number </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-game-for-kids-2"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://img.y8.com/cloud/v2-y8-thumbs-small-thumbnails-001/115381/small.gif"
alt="Math Game For Kids 2"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Game For Kids 2 </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-education-for-kids"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://img.y8.com/cloud/v2-y8-thumbs-small-thumbnails-001/115626/small.gif"
alt="Math Education For Kids"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Education For Kids </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/mathematics-line"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201907/Mathematics-Line.jpg"
alt="Mathematics Line"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Mathematics Line </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/kids-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201709/Kids-Math.jpg"
alt="Kids Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Kids Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/crazy-math-game"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201703/Crazy-Math-Game.jpg"
alt="Crazy Math Game"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Crazy Math Game </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-genius-2"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201703/Math-Genius-2.jpg"
alt="Math Genius 2"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Genius 2 </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-game-for-kids"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201702/Math-Game-For-Kids.jpg"
alt="Math Game For Kids"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Game For Kids </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-game-multiple-choice"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201612/Math-Game-Multiple-Choice.jpg"
alt="Math Game: Multiple Choice"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Game: Multiple Choice </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/correct-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201608/Correct-Math.jpg"
alt="Correct Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Correct Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-genius"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201606/Math-Genius.jpg"
alt="Math Genius"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Genius </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/mathematic"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201606/Mathematic.jpg"
alt="Mathematic"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Mathematic </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/feed-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201605/Feed-Math.jpg"
alt="Feed Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Feed Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/solve-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201512/Solve-Math.jpg"
alt="Solve Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Solve Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/freaking-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201512/Freaking-Math.jpg"
alt="Freaking Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Freaking Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-plus"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201512/Math-Plus.jpg"
alt="Math Plus"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Plus </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-block"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202007/Math-Block.jpg"
alt="Math Block"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Block </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/dinosaur-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202006/Dinosaur-Math.jpg"
alt="Dinosaur Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Dinosaur Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/kids-mathematichs-game"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202002/Kids-Mathematichs-Game.jpg"
alt="Kids Mathematichs Game"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Kids Mathematichs Game </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/kids-maths-fun"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202001/Kids-Maths-Fun.jpg"
alt="Kids Maths Fun"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Kids Maths Fun </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/maths-challenge"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201911/Maths-Challenge.jpg"
alt="Maths Challenge"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Maths Challenge </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-vs-bat"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201909/Math-Vs-Bat.jpg"
alt="Math VS Bat"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math VS Bat </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/maths-fun"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201908/Maths-Fun.jpg"
alt="Maths Fun"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Maths Fun </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/easy-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201905/Easy-Math.jpg"
alt="Easy Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Easy Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/multiplication-math-challenge"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201904/Multiplication-Math-Challenge.jpg"
alt="Multiplication Math Challenge"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Multiplication Math Challenge </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/math-contest"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201902/Math-Contest.jpg"
alt="Math Contest"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Math Contest </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/little-miss-inventor-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201901/Little-Miss-Inventor-Math.jpg"
alt="Little Miss Inventor Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Little Miss Inventor Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/rapid-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201806/Rapid-Math.jpg"
alt="Rapid Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Rapid Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://topof.games/game/learn-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://topof.games/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/201803/Learn-Math.jpg"
alt="Learn Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Learn Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a> </div>
<!-- Pagination -->
<div class="mt-12 flex justify-center">
<nav class="flex items-center space-x-2">
<ul class="flex items-center space-x-4"><li class=" current"><a class="px-4 py-2 rounded-md transition-colors bg-violet-500/10 text-violet-300 hover:bg-violet-600 hover:text-white [.current_&]:bg-violet-600 [.current_&]:text-white [.current_&]:cursor-not-allowed text-lg" href="https://topof.games/search/math">1</a></li><li class=" "><a class="px-4 py-2 rounded-md transition-colors bg-violet-500/10 text-violet-300 hover:bg-violet-600 hover:text-white [.current_&]:bg-violet-600 [.current_&]:text-white [.current_&]:cursor-not-allowed text-lg" href="https://topof.games/search/math/2">2</a></li><li class=" "><a class="px-4 py-2 rounded-md transition-colors bg-violet-500/10 text-violet-300 hover:bg-violet-600 hover:text-white [.current_&]:bg-violet-600 [.current_&]:text-white [.current_&]:cursor-not-allowed text-lg" href="https://topof.games/search/math/3">3</a></li><li class=" "><a class="px-4 py-2 rounded-md transition-colors bg-violet-500/10 text-violet-300 hover:bg-violet-600 hover:text-white [.current_&]:bg-violet-600 [.current_&]:text-white [.current_&]:cursor-not-allowed text-lg" href="https://topof.games/search/math/4">4</a></li></ul> </nav>
</div>
</div>
</section>
</main>
<footer class="mt-10">
<div class="max-w-7xl mx-auto py-12 px-4">
<div class="grid grid-cols-2 gap-8 md:grid-cols-4">
<div class="space-y-8">
</div>
<div class="space-y-8">
</div>
<div class="space-y-8">
<a href="https://minecraft.co.com/servers" target="_blank">Minecraft Server List</a><br><a href="https://minecraft.how" target="_blank">Minecraft Forum</a><br><a href="https://roblox.how" target="_blank">Roblox Forum</a><br><a href="https://kal.how" target="_blank">Kal Online Forum</a><br><a href="https://counter-strike.how" target="_blank">Counter Strike Forum</a><br> </div>
<div class="space-y-8">
<a href="https://facebook.com/topofgames" target="_blank">Facebook</a><br><a href="https://www.youtube.com/channel/UCvYO8LDfoOeoEjSLQMootdg" target="_blank">YouTube</a><br><a href="https://discord.gg/nyRyVE76bG">Discord</a><br> </div>
</div>
<div class="border-t border-gray-800 pt-8">
<p class="text-sm text-gray-400 text-center">
<a href="/page/tos" target="_blank">Terms of Service</a><br> </p>
</div>
</div>
</footer>
<script type="text/javascript" src="https://topof.games/content/themes/astro/js/lazysizes.min.js"></script>
<script type="text/javascript" src="https://topof.games/js/comment-system.js"></script>
<script type="text/javascript" src="https://topof.games/content/themes/astro/js/script.js"></script>
<script type="text/javascript" src="https://topof.games/js/stats.js"></script>
<script type="text/javascript" src="https://topof.games/content/themes/astro/js/custom.js"></script>
<div id="cookieConsentBanner" style="z-index: 10;">
<div class="cookie-consent-msg">
This website uses cookies to ensure you get the best experience on our website.
</div>
<div class="cookie-consent-actions">
<button class="btn btn-primary btn-cookie-accept" id="acceptCookies">Accept</button>
<button class="btn btn-secondary btn-cookie-decline" id="declineCookies">Decline</button>
</div>
</div>
<script type="text/javascript">
var c=getCookie("cookieConsent");null===c&&(document.getElementById("cookieConsentBanner").style.display="flex"),document.getElementById("acceptCookies").addEventListener("click",function(){setCookie("cookieConsent","true",365),document.getElementById("cookieConsentBanner").style.display="none"}),document.getElementById("declineCookies").addEventListener("click",function(){setCookie("cookieConsent","false",365),document.getElementById("cookieConsentBanner").style.display="none"});function setCookie(e,t,n){var o="";n&&(o=new Date,o.setTime(o.getTime()+24*n*60*60*1e3),o="; expires="+o.toUTCString()),document.cookie=e+"="+t+o+"; path=/"}function getCookie(e){for(var t=document.cookie.split(";"),n=0;n<t.length;n++){var o=t[n].split("=");if(e==o[0].trim())return o[1]}return null}
</script>
</body>
</html>