Tom And Jerry Cartoon Archive (2024)

If you are writing the text yourself, ensure you include these keywords and concepts for SEO and accuracy:

Tom and Jerry cartoon archive represents one of the most prestigious and enduring collections in animation history . Created by William Hanna Joseph Barbera Metro-Goldwyn-Mayer (MGM)

in 1940, the series centers on the iconic, wordless rivalry between a house cat (Tom) and a mouse (Jerry). Historical Eras & Production

The archive is typically categorized into distinct eras based on the studio and lead directors: Hanna-Barbera Era (1940–1958) : Known as the "Golden Age," this period produced 114 theatrical shorts

. These are celebrated for their high-quality hand-drawn animation and intricate musical scores. Gene Deitch Era (1961–1962) : After a brief hiatus, MGM revived the series with produced by Rembrandt Films

in Prague. These are noted for their surreal, experimental style and tighter budgets. Chuck Jones Era (1963–1967) : The series returned to Hollywood with produced by Sib Tower 12 Productions

. These featured a redesigned Tom and a more "wacky," intellectual humor style reminiscent of Jones's work on Looney Tunes Awards and Accolades

The original theatrical run is among the most decorated in history, winning seven Academy Awards for Best Animated Short Film: Tom and Jerry Wiki | Fandom The Yankee Doodle Mouse Mouse Trouble Quiet Please! The Cat Concerto The Little Orphan The Two Mouseketeers Johann Mouse Modern Availability & Legacy

: The entire pre-1986 MGM film library, including the classic Tom and Jerry shorts, is currently owned by Warner Bros. Warner Bros. Entertainment Collections

: The complete archive of classic shorts has been released across various DVD and Blu-ray collections and is often featured on Internet Archive for public research.

It sounds like you’re looking for a specific piece from the Tom and Jerry cartoon archive — possibly a clip, a short film, a soundtrack cue, a cel, or a piece of production artwork.

To help you better, could you clarify which type of “piece” you mean?

If you meant a rare archived short not commonly aired, one well-known piece is The Milky Waif (1946) or The Two Mouseketeers (1952) — both preserved in master archives.

Let me know which direction, and I can point you to the exact archived copy, catalog number, or a direct link.

If you’re looking to dive deep into the chaotic, slapstick world of everyone’s favorite cat and mouse duo, the Tom and Jerry Cartoon Archive

is the ultimate nostalgia trip. It’s more than just a collection; it’s a preservation of animation history. What Makes the Archive Special?

The archive typically focuses on the Hanna-Barbera Era (1940–1958), which is widely considered the "Golden Age" of the series. Here’s why fans flock to these archives:

Uncut Animation: Many modern broadcasts edit out the more "violent" or culturally dated segments. Archives often provide the original, theatrical versions as they were first seen in cinemas.

Orchestral Brilliance: You get to appreciate Scott Bradley’s incredible scores. The music wasn't just background noise; it was literally choreographed to every footstep and frying pan hit.

Evolution of Style: Watching chronologically lets you see Tom evolve from a realistic, fuzzy quadrupedal cat in Puss Gets the Boot (1940) to the sleek, blue-grey bipedal icon we know today. Key Eras You'll Find

The Hanna-Barbera Years (1940–1958): The peak of animation quality and timing. This era won seven Academy Awards.

The Gene Deitch Era (1961–1962): Known for its surreal, slightly eerie atmosphere and unique sound effects. It’s a polarizing but fascinating part of the archive. tom and jerry cartoon archive

The Chuck Jones Era (1963–1967): The Looney Tunes legend brought a more "cool" and stylized look to the pair, giving Tom thicker eyebrows and a more expressive face. Where to Experience It

While various "archive" sites and YouTube channels pop up, the most reliable spots for high-quality viewing are:

The Internet Archive (Archive.org): Often hosts public domain collections and historical uploads of the original shorts.

HBO Max / Boomerang: The current official "living archives" where the library is digitally remastered.

Physical Media: For true collectors, the Golden Collection Blu-rays are the gold standard for archival quality.

Whether you're in it for the physics-defying screams or the pure artistry of hand-drawn cels, the Tom and Jerry archive is a masterclass in visual storytelling without a single word of dialogue.

<!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'
</script>
<style>
  ::-webkit-scrollbar  width: 6px; 
  ::-webkit-scrollbar-thumb  background-color: #d1d5db; border-radius: 20px; 
  @keyframes fadeInUp 
    from  opacity: 0; transform: translateY(20px); 
    to  opacity: 1; transform: translateY(0);
.animate-in  animation: fadeInUp 0.5s ease-out forwards; opacity: 0; 
  .card-hover:hover .card-img  transform: scale(1.05); 
  .card-hover:hover .card-overlay  opacity: 1; 
  .card-hover:hover  box-shadow: 0 20px 40px -12px rgba(0,0,0,0.15); 
  .era-btn.active  background-color: #1F1F1F; color: #fff; 
  .toast 
    position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px);
    background: #1F1F1F; color: white; padding: 12px 24px; border-radius: 9999px;
    font-size: 14px; z-index: 100; transition: transform 0.4s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
.toast.show  transform: translateX(-50%) translateY(0); 
  .modal-backdrop 
    position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 90;
    opacity: 0; pointer-events: none; transition: opacity 0.3s ease;
    backdrop-filter: blur(4px);
.modal-backdrop.open  opacity: 1; pointer-events: auto; 
  .modal-panel 
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.95);
    z-index: 91; opacity: 0; pointer-events: none; transition: all 0.3s ease;
    max-height: 90vh; overflow-y: auto; width: 90%; max-width: 640px;
.modal-panel.open  opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); 
  .star-filled  color: #fbbf24; 
  .star-empty  color: #d1d5db; 
</style>
</head>
<body class="bg-archive-bg font-sans text-[#1F1F1F]">
<!-- Toast -->
<div id="toast" class="toast"></div>
<!-- Modal Backdrop -->
<div id="modalBackdrop" class="modal-backdrop" onclick="closeModal()"></div>
<!-- Modal Panel -->
<div id="modalPanel" class="modal-panel bg-white rounded-2xl">
  <div id="modalContent"></div>
</div>
<!-- Navigation -->
<nav class="sticky top-0 z-50 bg-[rgba(249,248,246,0.95)] backdrop-blur-sm border-b border-archive-border">
  <div class="max-w-[1800px] mx-auto px-6 md:px-12 py-4 flex items-center justify-between">
    <div class="flex items-center gap-3">
      <div class="w-10 h-10 bg-tom-blue rounded-xl flex items-center justify-center">
        <span class="text-white font-bold text-sm">T&J</span>
      </div>
      <div>
        <h1 class="font-serif font-bold text-lg leading-tight tracking-tight">Tom & Jerry</h1>
        <p class="text-[10px] uppercase tracking-widest text-gray-400 font-medium">Cartoon Archive</p>
      </div>
    </div>
    <div class="flex items-center gap-4">
      <div class="hidden md:flex items-center bg-white border border-archive-border rounded-full px-4 py-2 gap-2 w-72">
        <i data-lucide="search" class="w-4 h-4 text-gray-400"></i>
        <input id="searchInput" type="text" placeholder="Search episodes..." 
          class="bg-transparent text-sm outline-none w-full placeholder:text-gray-400"
          oninput="filterCards()">
      </div>
      <button onclick="toggleMobileSearch()" class="md:hidden p-2 hover:bg-gray-100 rounded-full transition-colors">
        <i data-lucide="search" class="w-5 h-5"></i>
      </button>
      <button onclick="showToast('🎉 161 theatrical shorts archived!')" class="hidden md:flex items-center gap-2 bg-tom-blue text-white text-xs font-semibold uppercase tracking-wider px-5 py-2.5 rounded-full hover:bg-tom-dark transition-colors">
        <i data-lucide="archive" class="w-3.5 h-3.5"></i>
        Full Archive
      </button>
    </div>
  </div>
  <!-- Mobile Search -->
  <div id="mobileSearch" class="hidden md:hidden px-6 pb-4">
    <div class="flex items-center bg-white border border-archive-border rounded-full px-4 py-2.5 gap-2">
      <i data-lucide="search" class="w-4 h-4 text-gray-400"></i>
      <input id="mobileSearchInput" type="text" placeholder="Search episodes..." 
        class="bg-transparent text-sm outline-none w-full placeholder:text-gray-400"
        oninput="filterCards()">
    </div>
  </div>
</nav>
<!-- Hero -->
<section class="max-w-[1800px] mx-auto px-6 md:px-12 pt-12 pb-8">
  <div class="grid lg:grid-cols-2 gap-12 items-center">
    <div class="animate-in" style="animation-delay: 0.1s">
      <p class="text-[10px] uppercase tracking-widest text-tom-blue font-semibold mb-4">1940 — Present</p>
      <h2 class="font-serif font-bold text-4xl md:text-5xl lg:text-6xl tracking-tight leading-[0.95] mb-6">
        The Complete<br>
        <span class="text-tom-blue">Tom & Jerry</span><br>
        Collection
      </h2>
      <p class="text-gray-500 text-base md:text-lg leading-relaxed max-w-md mb-8">
        Every theatrical short, TV special, and film from Hollywood's most iconic cat-and-mouse duo. Spanning over eight decades of animation history.
      </p>
      <div class="flex flex-wrap gap-3">
        <div class="bg-white border border-archive-border rounded-2xl px-5 py-3 text-center">
          <p class="font-serif font-bold text-2xl">161</p>
          <p class="text-[10px] uppercase tracking-widest text-gray-400 mt-1">Theatrical Shorts</p>
        </div>
        <div class="bg-white border border-archive-border rounded-2xl px-5 py-3 text-center">
          <p class="font-serif font-bold text-2xl">7</p>
          <p class="text-[10px] uppercase tracking-widest text-gray-400 mt-1">Academy Awards</p>
        </div>
        <div class="bg-white border border-archive-border rounded-2xl px-5 py-3 text-center">
          <p class="font-serif font-bold text-2xl">84</p>
          <p class="text-[10px] uppercase tracking-widest text-gray-400 mt-1">Years of History</p>
        </div>
      </div>
    </div>
    <div class="animate-in relative" style="animation-delay: 0.3s">
      <div class="relative rounded-2xl overflow-hidden aspect-[4/3]">
        <img src="https://picsum.photos/seed/tomjerry-hero/800/600.jpg" alt="Tom & Jerry" class="w-full h-full object-cover">
        <div class="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent"></div>
        <div class="absolute bottom-6 left-6 right-6">
          <p class="text-white/70 text-xs uppercase tracking-widest mb-1">Featured Short</p>
          <p class="text-white font-serif font-bold text-xl">Puss Gets the Boot</p>
          <p class="text-white/60 text-sm">February 10, 1940 · MGM Studios</p>
        </div>
      </div>
      <div class="absolute -bottom-4 -right-4 w-24 h-24 bg-jerry-light rounded-2xl -z-10"></div>
      <div class="absolute -top-4 -left-4 w-16 h-16 bg-tom-blue/10 rounded-full -z-10"></div>
    </div>
  </div>
</section>
<!-- 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>
<!-- Card Grid -->
  <div id="cardGrid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-10">
    <!-- Cards injected by JS -->
  </div>
<!-- Empty State -->
  <div id="emptyState" class="hidden text-center py-20">
    <div class="w-20 h-20 bg-gray-100 rounded-full flex items-center justify-center mx-auto mb-4">
      <i data-lucide="search-x" class="w-8 h-8 text-gray-300"></i>
    </div>
    <p class="font-serif font-semibold text-xl mb-2">No episodes found</p>
    <p class="text-gray-400 text-sm">Try adjusting your search or filter criteria</p>
  </div>
</section>
<!-- Timeline -->
<section class="max-w-[1800px] mx-auto px-6 md:px-12 py-16">
  <h3 class="font-serif font-semibold text-2xl tracking-tight mb-2">Timeline</h3>
  <p class="text-gray-400 text-sm mb-10">Key moments in Tom & Jerry history</p>
  <div class="relative">
    <div class="absolute left-4 md:left-1/2 top-0 bottom-0 w-px bg-archive-border md:-translate-x-px"></div>
    <div class="space-y-8" id="timeline">
      <!-- Timeline items injected by JS -->
    </div>
  </div>
</section>
<!-- Awards -->
<section class="max-w-[1800px] mx-auto px-6 md:px-12 py-16 border-t border-archive-border">
  <div class="text-center mb-12">
    <p class="text-[10px] uppercase tracking-widest text-jerry-light font-semibold mb-3">Recognition</p>
    <h3 class="font-serif font-bold text-3xl md:text-4xl tracking-tight">Academy Award Winners</h3>
  </div>
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5" id="awardsGrid">
    <!-- Awards injected by JS -->
  </div>
</section>
<!-- Fun Facts -->
<section class="max-w-[1800px] mx-auto px-6 md:px-12 py-16 border-t border-archive-border">
  <div class="bg-[#1F1F1F] rounded-3xl p-8 md:p-12 lg:p-16 text-white relative overflow-hidden">
    <div class="absolute top-0 right-0 w-64 h-64 bg-tom-blue/20 rounded-full blur-3xl"></div>
    <div class="absolute bottom-0 left-0 w-48 h-48 bg-jerry-light/10 rounded-full blur-3xl"></div>
    <div class="relative z-10 max-w-2xl">
      <p class="text-[10px] uppercase tracking-widest text-jerry-light font-semibold mb-4">Did You Know?</p>
      <h3 class="font-serif font-bold text-2xl md:text-3xl tracking-tight mb-6" id="factTitle">Tom was originally named "Jasper"</h3>
      <p class="text-white/60 leading-relaxed mb-8" id="factText">
        In the first short "Puss Gets the Boot" (1940), Tom was called Jasper and Jerry had no name. They were officially named Tom and Jerry in their second short, "The Midnight Snack" (1941).
      </p>
      <button onclick="nextFact()" class="flex items-center gap-2 bg-white/10 hover:bg-white/20 text-white text-xs font-semibold uppercase tracking-wider px-6 py-3 rounded-full transition-colors">
        <i data-lucide="shuffle" class="w-3.5 h-3.5"></i>
        Random Fact
      </button>
    </div>
  </div>
</section>

The Persistence of Slapstick: A Historical and Critical Archive of Tom and Jerry Since its debut in 1940, Tom and Jerry

has served as a cornerstone of theatrical and television animation. Created by William Hanna and Joseph Barbera for Metro-Goldwyn-Mayer (MGM), the series redefined slapstick comedy through its relentless pursuit of visual gags and technical excellence. This paper archives the series' evolution across nearly nine decades, examining its production eras, the innovative use of musical synchronization, and the socio-cultural controversies regarding its depictions of violence and racial stereotypes. 1. Origins and the "Golden Age" (1940–1958)

The franchise began at the MGM cartoon studio, which was struggling to compete with giants like Disney and Warner Bros. : The first short, Puss Gets the Boot

(1940), featured a cat named Jasper and a mouse who would later be known as Jerry. Creative Duo

: William Hanna and Joseph Barbera wrote and directed 114 shorts during this period. Critical Success : This era saw the duo win seven Academy Awards

for Best Animated Short Film, tying a record with Disney’s Silly Symphonies Technical Innovation

: Early shorts utilized the standard Academy ratio, but by 1954, the studio transitioned to CinemaScope and experimented with Perspecta directional audio. 2. Archival Evolution of Animation Styles

The visual and narrative structure of the characters underwent significant transformations across different production eras:

The Tom and Jerry cartoon archive has reached a monumental milestone with the release of the Tom & Jerry: The Golden Era Anthology (1940-1958)

. This collection is widely celebrated as the definitive archive for the legendary cat-and-mouse duo, finally presenting all 114 original shorts produced under William Hanna and Joseph Barbera at MGM. Key Highlights of the Golden Era Anthology Uncut and Uncensored

: This release is a major victory for fans because it includes shorts like Mouse Cleaning Casanova Cat His Mouse Friday

in their original, unedited form—many for the first time on physical media. Massive Visual Overhaul

: Most cartoons have been newly remastered in 1080p High Definition. Reviewers from Cartoon Research

note that previously blurry or poorly colored shorts now look "fantastic," though a few (like Heavenly Puss ) still suffer from older, darker transfers. Rich Archive Materials

: The 6-disc set features over three hours of bonus content, including vintage featurettes, 20 audio commentaries, and a 28-page collectible booklet. Cinemascope Collection : A separate release, the Tom & Jerry: The Complete Cinemascope Collection If you are writing the text yourself, ensure

, compiles the 23 widescreen shorts from the 1950s, marking the first time these are available in their original theatrical aspect ratio. The "Interesting Review" Perspective

Critics and animation historians have shared nuanced takes on this definitive archive:

Part 1: “Tom & Jerry: The Golden Era Anthology 1940-1958”

Tom and Jerry Cartoon Archive " refers to the legendary collection of animated shorts chronicling the slapstick rivalry between Tom, a determined house cat, and Jerry, a clever mouse Historical Significance & Production Created by William Hanna Joseph Barbera

for Metro-Goldwyn-Mayer (MGM) in 1940, the original archive consists of 114 shorts produced between 1940 and 1958. This "Golden Era" is widely considered the peak of the series, winning seven Academy Awards for Best Animated Short Film Britannica Core Themes & Style Visual Comedy

: The series is famous for its lack of dialogue, relying almost entirely on visual humor and timing. This makes it universally accessible across different cultures and languages. The Pursuit Loop

: Most plots involve Tom attempting to capture Jerry, often at the behest of a human owner, leading to extreme mayhem and destruction. Complex Relationship

: While adversaries, the archive contains several moments of "frenemy" behavior where the two share food, sorrows, or team up against a common threat. Critical Reception & Modern Perspective Celebrated Classic : Reviewers from Common Sense Media note it is one of the most celebrated cartoons of all time. Content Warning

: Modern viewers should be aware that the archive contains slapstick violence and, in some older shorts, dated racial stereotypes that are often prefaced with historical context in modern releases. Darker Tones

: The archive includes surprisingly somber moments, such as the infamous episode "Blue Cat Blues,"

which ends with both characters sitting dejectedly on a train track. Common Sense Media

The characters have remained iconic for over 80 years, leading to various spin-offs, feature films, and a permanent place in pop culture history. or which specific episodes won Academy Awards

The Tom and Jerry Cartoon Archive is a fictionalized vault where the chaotic history of the world's most famous rivals is preserved. Since their debut in the first short, "Puss Gets the Boot," in 1940, the duo has generated decades of slapstick mayhem. The Story of the "Infinite Archive"

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.

The AI quickly encountered a problem: the "Physics of the Archive" didn't match reality.

The Accordion Effect: When Tom is flattened by a piano, he doesn't break; he simply plays a C-major chord and walks away.

The Gravity Delay: Jerry can walk off a cliff and stay suspended in the air, but only until he realizes there is no ground beneath him.

One night, a "glitch" occurred. A digitized version of Jerry from the 1940s—smaller, fluffier, and more mischievous—escaped his folder and began hopping through the eras. He found himself in the 1950s "CinemaScope" era, where the colors were brighter and the houses were more modern.

Hot on his heels was a 1990s-era Tom, who was slightly more "extreme" and faster. The chase spilled out of the film strips and into the archive's interface. They sprinted past the infamous "Blue Cat Blues" reel—the darkest moment in their history—ignoring the gloom in favor of a classic frying pan to the face.

The Archive curator watched in awe as the two characters interacted across decades of animation styles. Finally, after a chase that spanned 85 years of history, the AI realized the truth: you cannot "archive" Tom and Jerry. To categorize them is to stop them, and they are defined by never stopping. The AI simply hit "Play All," letting the cycle of the chase continue forever.

The Tom and Jerry cartoon archive represents one of the most prestigious legacies in animation history. Spanning over eight decades, this collection documents the evolution of a simple cat-and-mouse rivalry into a global cultural phenomenon. The Golden Age: Hanna-Barbera Era (1940–1958) Tom and Jerry cartoon archive represents one of

The archive begins with "Puss Gets the Boot" (1940), where the duo was originally known as Jasper and Jinx. Created by William Hanna and Joseph Barbera for MGM, this era is widely considered the peak of theatrical animation.

Oscar Legacy: This period earned the franchise seven Academy Awards for Best Animated Short Film, a record that ties with Walt Disney’s Silly Symphonies.

Visual Evolution: Tom transitioned from a realistic, shaggy-furred quadrupedal cat to a more expressive, bipedal design.

Music and Sound: Scott Bradley’s intricate scores were essential, providing a "silent film" quality where music and sound effects replaced dialogue. Experimental and Revived Eras (1961–1967)

After MGM closed its initial cartoon studio in 1957, the archive expanded through distinct, often experimental, directorial shifts.

Tom and Jerry cartoon archive spans over 80 years of slapstick history, encompassing 166 theatrical shorts and multiple television revivals. Created by William Hanna Joseph Barbera

, the series is famously divided into distinct production eras, each with its own visual style and tone. The Original Archive (Theatrical Eras)

The core of the archive consists of the theatrical shorts produced between 1940 and 1967, totaling 161 classic films. Hanna-Barbera Era (1940–1958):

The "Golden Age" of the series, consisting of 114 shorts produced for MGM. This era is celebrated for its lush animation, Scott Bradley’s orchestral scores, and high critical acclaim, winning seven Academy Awards for Best Animated Short Film. Gene Deitch Era (1961–1962):

After MGM closed its in-house studio, 13 shorts were produced by Rembrandt Films in Prague. This era is known for its surreal, minimalist visual style, eerie sound effects, and more experimental—often darker—tone. Chuck Jones Era (1963–1967):

The creator of Wile E. Coyote took over for 34 shorts, bringing a more stylized, "Looney Tunes-esque" appearance to Tom and Jerry, characterized by exaggerated expressions and more anthropomorphic humor. Television and Feature Film Archive

The franchise evolved significantly after moving to television in 1965.


While much of the raw archival material is restricted to researchers and vaults, the public can access significant portions:

Title: A Journey Through the Tom and Jerry Archive

Few cartoon rivalries have stood the test of time quite like Tom and Jerry. Since their debut in 1940, the chaotic cat-and-mouse dynamic has entertained generations, transcending language barriers through the universal language of slapstick comedy. A Tom and Jerry cartoon archive is more than just a collection of episodes; it is a historical timeline of American animation.

Within such an archive, one can trace the evolution of the industry—from the lush, detailed backgrounds and expressive animation of the William Hanna and Joseph Barbera era to the stylized, artistic direction of Gene Deitch and the zany humor of Chuck Jones. Preserving these works allows future generations to appreciate the artistry, timing, and musical genius (thanks to composer Scott Bradley) that went into creating seven decades of laughter.


The legendary Looney Tunes director brought his own style. Look for:

The 34 Jones shorts are a bridge between theatrical slapstick and television animation.

Warner Bros. Discovery currently holds the definitive digital archive. As of 2025, Max streams:

Pro-tip: Use the “Classic Collection” playlist. It arranges the shorts by release date, not popularity.

Some Tom and Jerry shorts are believed to be in the public domain because MGM failed to renew the copyright in the 1960s. For example, The Night Before Christmas (the same one!) had a copyright lapse. Consequently, you can legally download this short from the Internet Archive. However, the character designs are still trademarked by Warner Bros. It’s a legal gray zone.

The Tom and Jerry Cartoon Archive is more than a nostalgic vault—it is a living, breathing historical collection that safeguards the artistry, innovation, and occasional controversy of one of animation’s greatest achievements. From original nitrate reels in climate-controlled vaults to 4K scans streamed to smartphones, the archive ensures that Tom’s endless schemes and Jerry’s clever escapes will continue to educate and entertain for generations to come. As digital preservation advances, the hope is that every frame, scribble, and note of Scott Bradley’s jazz scores will survive the next eighty years of technological change.

Here are a few options for the text, depending on where you intend to use it (e.g., a website description, an article, or an introduction).