Series like The Tom and Jerry Show (1975), Tom & Jerry Kids (1990–1993), and The Tom and Jerry Show (2014–2021) adapted the characters for new generations, often softening the classic violence to meet broadcast standards.
If you want, I can:
Before you search for an archive, you must understand the distinct "ages" of Tom and Jerry. A true is not a monolith; it is a layered historical document.
<!-- Era Filters --> <section class="max-w-[1800px] mx-auto px-6 md:px-12 py-6"> <div class="flex items-center justify-between mb-6"> <div> <h3 class="font-serif font-semibold text-xl tracking-tight">Browse by Era</h3> <p class="text-gray-400 text-sm mt-1" id="resultCount">Showing 12 episodes</p> </div> <div class="flex items-center gap-2"> <button onclick="setView('grid')" id="gridBtn" class="p-2 bg-[#1F1F1F] text-white rounded-lg transition-colors"> <i data-lucide="grid-3x3" class="w-4 h-4"></i> </button> <button onclick="setView('list')" id="listBtn" class="p-2 bg-white border border-archive-border rounded-lg transition-colors hover:bg-gray-50"> <i data-lucide="list" class="w-4 h-4"></i> </button> </div> </div> <div class="flex flex-wrap gap-2 mb-8" id="eraFilters"> <button class="era-btn active px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-wider border border-[#1F1F1F] transition-all" data-era="all" onclick="setEra('all', this)">All Eras</button> <button class="era-btn px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-wider border border-archive-border bg-white hover:border-[#1F1F1F] transition-all" data-era="hanna-barbera" onclick="setEra('hanna-barbera', this)">1940–1958 · Hanna-Barbera</button> <button class="era-btn px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-wider border border-archive-border bg-white hover:border-[#1F1F1F] transition-all" data-era="gene-deitch" onclick="setEra('gene-deitch', this)">1961–1962 · Gene Deitch</button> <button class="era-btn px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-wider border border-archive-border bg-white hover:border-[#1F1F1F] transition-all" data-era="chuck-jones" onclick="setEra('chuck-jones', this)">1963–1967 · Chuck Jones</button> <button class="era-btn px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-wider border border-archive-border bg-white hover:border-[#1F1F1F] transition-all" data-era="tv-specials" onclick="setEra('tv-specials', this)">TV Specials</button> <button class="era-btn px-5 py-2 rounded-full text-xs font-semibold uppercase tracking-wider border border-archive-border bg-white hover:border-[#1F1F1F] transition-all" data-era="films" onclick="setEra('films', this)">Films</button> </div>
The Archive isn't just a collection of reels; it is a living, breathing museum of slapstick physics. deep within the digital vaults of Warner Bros. Studios , an experimental AI was tasked with cataloging every trap ever set by Tom.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tom & Jerry Cartoon Archive</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://unpkg.com/lucide@latest"></script> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;900&display=swap" rel="stylesheet"> <script> tailwind.config = theme: extend: fontFamily: sans: ['DM Sans', 'sans-serif'], serif: ['Playfair Display', 'serif'], , colors: tom: blue: '#2563eb', dark: '#1e40af' , jerry: brown: '#92400e', light: '#fbbf24' , archive: bg: '#F9F8F6', card: '#FFFFFF', border: '#E2E0DC'
в цифрах