UNPKG

grapes-andrewdingus

Version:

GRAPES OS static site — CDN-ready via unpkg

816 lines (783 loc) 30.3 kB
<!DOCTYPE html> <html lang="en"> <head> <link rel="canonical" href="https://grapes-os.org/" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <meta charset="UTF-8" /> <script> (function () { var base = "/"; var path = location.pathname; if (location.hostname === "unpkg.com") { var m = path.match(/^(\/[^/]+(?:@[^/]+)?)\//); if (m) base = m[1] + "/"; } else if (location.hostname === "cdn.jsdelivr.net") { var j = path.match(/^(\/npm\/[^/]+(?:@[^/]+)?)\//); if (j) base = j[1] + "/"; } if (base !== "/") { var el = document.createElement("base"); el.href = base; document.head.insertBefore(el, document.head.firstChild); } })(); </script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="title" content="GRAPES OS's Unblocked Games" /> <meta name="description" content="Play 250+ unblocked games at school on the school chromebook. Best Unblocked Games Website including proxy integrations, cloaking tools, leaderboards and more." /> <meta name="keywords" content="unblocked games, school games, Steal-A-Brainrot, Grow-A-Garden, Slope, Retro-Bowl-College, Minecraft, Deltarune, Clash-Royale, free games, browser games, school chromebook" /> <meta name="language" content="English" /> <meta name="robots" content="index, follow" /> <meta name="author" content="GRAPES OS" /> <meta name="publisher" content="GRAPES OS" /> <meta name="coverage" content="Worldwide" /> <meta name="distribution" content="Global" /> <meta name="rating" content="General" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="GRAPES OS" /> <meta property="og:title" content="GRAPES OS — Unblocked Games at School | Steal-A-Brainrot, Slope, Minecraft & More" /> <meta property="og:description" content="Play 250+ unblocked games including Steal-A-Brainrot, Grow-A-Garden, Slope, Retro-Bowl-College, Minecraft, Deltarune, and Clash-Royale. Best games website for school chromebooks with proxy tools." /> <meta property="og:url" content="https://grapes-os.org/" /> <meta property="og:image" content="https://grapes-os.org/assets/img/og-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="GRAPES OS Unblocked Games - Play free games at school" /> <meta property="og:locale" content="en_US" /> <meta property="article:section" content="Games" /> <meta property="article:tag" content="Steal-A-Brainrot" /> <meta property="article:tag" content="Grow-A-Garden" /> <meta property="article:tag" content="Slope" /> <meta property="article:tag" content="Retro-Bowl-College" /> <meta property="article:tag" content="Minecraft" /> <meta property="article:tag" content="Deltarune" /> <meta property="article:tag" content="Clash-Royale" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@GrapesOS" /> <meta name="twitter:creator" content="@GrapesOS" /> <meta name="twitter:title" content="GRAPES OS — Unblocked Games | Steal-A-Brainrot, Slope, Minecraft & More" /> <meta name="twitter:description" content="Play 250+ unblocked games including Steal-A-Brainrot, Grow-A-Garden, Slope, Retro-Bowl-College, Minecraft, Deltarune, and Clash-Royale. Best games website for school chromebooks." /> <meta name="twitter:image" content="https://grapes-os.org/assets/img/og-image.png" /> <meta name="twitter:image:alt" content="GRAPES OS Unblocked Games - Play free games at school" /> <title data-lock="true">GRAPES OS's Unblocked Games</title> <link rel="stylesheet" href="./assets/css/text_styles.css" /> <link rel="stylesheet" href="./assets/css/topnav.css" /> <link rel="stylesheet" href="./assets/css/main.css" /> <link rel="stylesheet" href="./assets/css/gabes.css" /> <link rel="stylesheet" href="./assets/css/home.css" /> <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin /> <link rel="preload" href="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2" as="script" crossorigin /> <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script> <script src="./assets/js/main.js"></script> <script src="./assets/js/app_functions.js" type="text/javascript"></script> <script src="./assets/js/index.js" type="text/javascript" defer></script> <link rel="icon" type="image/x-icon" href="./assets/img/grapes_mascot.png" /> <link rel="mask-icon" type="" href="./assets/img/grapes_mascot.png" color="#111" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "GRAPES OS", "alternateName": "GRAPES OS Unblocked Games", "url": "https://grapes-os.org/", "description": "Play 250+ unblocked games at school on the school chromebook. Best Unblocked Games Website including proxy integrations, cloaking tools, leaderboards and more.", "publisher": { "@type": "Organization", "@id": "https://grapes-os.org/#organization", "name": "GRAPES OS", "url": "https://grapes-os.org/", "logo": { "@type": "ImageObject", "url": "https://grapes-os.org/assets/img/grapes_mascot.png", "width": 512, "height": 512 }, "sameAs": ["https://github.com/grapes-os/grapes-os.github.io"] }, "mainEntity": { "@type": "ItemList", "name": "Popular Unblocked Games", "itemListElement": [ { "@type": "VideoGame", "position": 1, "name": "Steal A Brainrot", "url": "https://grapes-os.org/g4m3s/?title=Steal-A-Brainrot", "description": "Popular unblocked roblox game available on GRAPES OS.", "image": "https://play-lh.googleusercontent.com/iR1JNfTr0W_fDN8zAfuZYPYHdVjI1UzNSVFkbAyXwN8e3jEuKsyu73zqjVdHDxNEfQqLhC78EaPzZPtWNL-X", "genre": "Action", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "SinglePlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "ratingCount": "180" } }, { "@type": "VideoGame", "position": 2, "name": "Grow A Garden", "url": "https://grapes-os.org/g4m3s/?title=Grow-A-Garden", "description": "Gardening simulation game unblocked for school.", "image": "https://www.spectator.co.uk/wp-content/uploads/2025/07/5Julygamer.png", "genre": "Simulation", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "SinglePlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.7", "ratingCount": "250" } }, { "@type": "VideoGame", "position": 3, "name": "Slope", "url": "https://grapes-os.org/g4m3s/?title=Slope", "description": "Fast-paced 3D running game unblocked.", "image": "https://raw.githubusercontent.com/grapes-os/icons/refs/heads/main/slope.webp", "genre": "Arcade", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "SinglePlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "ratingCount": "1200" } }, { "@type": "VideoGame", "position": 4, "name": "Retro Bowl College", "url": "https://grapes-os.org/g4m3s/?title=Retro-Bowl-College", "description": "College football management game unblocked.", "image": "https://img.poki-cdn.com/cdn-cgi/image/quality=100,width=314,height=314,fit=cover,f=auto/d98547374c4129bf441b754d495e41aa.png", "genre": "Sports", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "SinglePlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.9", "ratingCount": "950" } }, { "@type": "VideoGame", "position": 5, "name": "Minecraft", "url": "https://grapes-os.org/g4m3s/?title=Minecraft", "description": "Block-building sandbox game unblocked for school.", "image": "https://images.icon-icons.com/2699/PNG/512/minecraft_logo_icon_168974.png", "genre": "Sandbox", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "MultiPlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.9", "ratingCount": "2100" } }, { "@type": "VideoGame", "position": 6, "name": "Deltarune", "url": "https://grapes-os.org/g4m3s/?title=Deltarune", "description": "RPG adventure game unblocked.", "image": "https://image.api.playstation.com/vulcan/ap/rnd/202504/1011/35bfbfc8cd3fbff2cbdedf2da91412e44161f195824502f8.png", "genre": "RPG", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "SinglePlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "ratingCount": "750" } }, { "@type": "VideoGame", "position": 7, "name": "Clash Royale", "url": "https://grapes-os.org/g4m3s/?title=Clash-Royale", "description": "Strategy card battle game unblocked.", "image": "https://play-lh.googleusercontent.com/gnSC6s8-6Tjc4uhvDW7nfrSJxpbhllzYhgX8y374N1LYvWBStn2YhozS9XXaz1T_Pi2q", "genre": "Strategy", "applicationCategory": "GameApplication", "gamePlatform": "Web Browser", "playMode": "MultiPlayer", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.6", "ratingCount": "1500" } } ] } } </script> </head> <body> <!-- ── Hero ──────────────────────────────────────────────────────────── --> <section class="page-hero"> <div class="page-hero-inner"> <h1 class="hero-title">Unblocked Games</h1> <p class="hero-subtitle">250+ free browser games — fast, clean, always on</p> <div class="group hero-search"> <svg viewBox="0 0 24 24" aria-hidden="true" class="search-icon"> <path d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"/> </svg> <input oninput="showall();searchbar1();" onclick="showall();searchbar1();" id="query" class="input" type="search" placeholder="Search games..." name="searchbar" /> </div> </div> </section> <!-- ── Game grid wrapper ──────────────────────────────────────────────── --> <div class="games-section"> <div class="sorters-wrap"> <button id="All" class="button2 sorter" onclick="showall();sorterbuttons(this);" > All </button> <button id="Multiplayer" class="button1 sorter" onclick="sorter('Multiplayer');sorterbuttons(this);" > Multiplayer </button> <button id="Flash" class="button1 sorter" onclick="sorter('Flash');sorterbuttons(this);" > Flash </button> <button id="Emulator" class="button1 sorter" onclick="sorter('Emulator');sorterbuttons(this);" > Emulator </button> <button id="Platformer" class="button1 sorter" onclick="sorter('Platformer');sorterbuttons(this);" > Platformer </button> <button id="Puzzle" class="button1 sorter" onclick="sorter('Puzzle');sorterbuttons(this);" > Puzzle </button> <button id="Sports" class="button1 sorter" onclick="sorter('Sports');sorterbuttons(this);" > Sports </button> <button id="Driving" class="button1 sorter" onclick="sorter('Driving');sorterbuttons(this);" > Driving </button> <button id="Fighting" class="button1 sorter" onclick="sorter('Fighting');sorterbuttons(this);" > Fighting </button> <button id="Horror" class="button1 sorter" onclick="sorter('Horror');sorterbuttons(this);" > Horror </button> <button id="2D" class="button1 sorter" onclick="sorter('2D');sorterbuttons(this);" > 2D </button> <button id="Other" class="button1 sorter" onclick="sorter('Other');sorterbuttons(this);" > Other </button> <button id="New" class="button3 sorter" onclick="sorter('New');sorterbuttons(this);" > New </button> </div><!-- /sorters-wrap --> <div class="icon_image" id="icon_image"> <!-- Skeleton loading icons --> <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > <a class="skeleton-app" ><img class="skeleton-img" loading="lazy" /> <figcaption class="skeleton-text">Loading...</figcaption></a > </div><!-- /icon_image --> </div><!-- /games-section --> <main id="content" class="home" role="main"> <section class="features" aria-label="Highlights"> <div class="feature"> <h3>Actually Unblocked</h3> <p> Cloaking tools & 20+ links in our discord to bypass restrictive networks responsibly. </p> </div> <div class="feature"> <h3>Fast & Reliable</h3> <p> Lightweight pages, instant search, frequent updates, all so grapes-os works on your school chromebook. </p> </div> <div class="feature"> <h3>Best Game Selection</h3> <p> Hand‑picked hits like Omori (unblocked), Deltarune, Roblox, and more — curated for performance and reliability. </p> </div> </section> <section class="popular" id="popular" aria-label="Popular games"> <h2>Popular Right Now</h2> <div id="popular" class="popular-grid"> <a class="card" href="g4m3s/?title=retro-bowl" aria-label="Search Retro Bowl" > <img src="./assets/img/icons/retro_bowl_icon.webp" alt="Retro Bowl icon" loading="lazy" width="120" height="120" /> <span>Retro Bowl</span> </a> <a class="card" href="g4m3s/?title=slope" aria-label="Search Slope"> <img src="./assets/img/icons/slope.webp" alt="Slope game icon" loading="lazy" width="120" height="120" /> <span>Slope</span> </a> <a class="card" href="g4m3s/?title=1v1.lol" aria-label="Search 1v1.lol" > <img src="./assets/img/icons/1v1.webp" alt="1v1.lol icon" loading="lazy" width="120" height="120" /> <span>1v1.lol</span> </a> <a class="card" href="g4m3s/?title=tunnel-rush-2" aria-label="Search Tunnel Rush" > <img src="./assets/img/icons/tunnelrush.webp" alt="Tunnel Rush icon" loading="lazy" width="120" height="120" /> <span>Tunnel Rush</span> </a> <a class="card" href="g4m3s/?title=smash-karts" aria-label="Search Smash Karts" > <img src="./assets/img/icons/smashkarts.webp" alt="Smash Karts icon" loading="lazy" width="120" height="120" /> <span>Smash Karts</span> </a> <a class="card" href="g4m3s/?title=friday-night-funkin" aria-label="Search Friday Night Funkin" > <img src="./assets/img/icons/friday.webp" alt="Friday Night Funkin icon" loading="lazy" width="120" height="120" /> <span>FNF</span> </a> </div> </section> <section class="seo-copy" aria-label="About GRAPES OS"> <h2>Play Unblocked Games at School and Work</h2> <p> GRAPES OS is your hub for <strong>unblocked games</strong>: action, puzzle, sports, platformers, and more. Browse <a href="./">250+ games</a>, try our <a href="./more/apps.html">apps & unblockers</a>, and climb the <a href="./leaderboard.html">leaderboard</a>. We update frequently and prioritize speed, access, and safety. </p> </section> <section class="faq" aria-label="FAQ"> <h2>Frequently Asked Questions</h2> <details> <summary>What are unblocked games?</summary> <p> Games that work through restrictive networks like schools or workplaces, often via proxies or network-friendly hosting. </p> </details> <details> <summary>How do I access games if my school blocks them?</summary> <p> Use our <a href="./more/apps.html">apps & unblockers</a>. If GRAPES OS is blocked, join our <a href="./more/discord.html">Discord</a> for mirror links and tips. Always follow your local rules and be responsible. </p> </details> <details> <summary>Is GRAPES OS free?</summary> <p> Yes. The site is free to use and supported by minimal, non-intrusive ads. </p> </details> <details> <summary>Is this grapes-os.org's Main Site?</summary> <p> Yes! However most of our goodies like leaderboards, accounts, battlepass, coins, and more are on our other sites. Join the discord to get those links! </p> </details> </section> </main> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What are unblocked games?", "acceptedAnswer": { "@type": "Answer", "text": "Games that work through restrictive networks like schools or workplaces, often via proxies or network-friendly hosting." } }, { "@type": "Question", "name": "How do I access games if my school blocks them?", "acceptedAnswer": { "@type": "Answer", "text": "Use our proxy and cloaking tools. If GRAPES OS is blocked, join our Discord for mirror links and tips. Always follow your local rules and be responsible." } }, { "@type": "Question", "name": "Is GRAPES OS free?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. The site is free to use and free to use." } }, { "@type": "Question", "name": "Is this grapes-os.org's Main Site?", "acceptedAnswer": { "@type": "Answer", "text": "Yes! However most of our goodies like leaderboards, accounts, battlepass, coins, and more are on our other sites. Join the discord to get those links!" } } ] } </script> <noscript >Your browser doesn't have JavaScript enabled. Please enable JavaScript or switch to a browser that supports it.</noscript > </body> </html>