<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chris Pirillo's Vibe Coding Arcade: AI-Generated Web Apps & Games</title>
    <meta name="description" content="Explore Chris Pirillo's Vibe Coding Arcade, a collection of AI-generated web apps, retro games, and interactive tools. Learn to vibe code software with AI, join live workshops, and play for free.">
    <meta name="keywords" content="Chris Pirillo, Vibe Coding, AI Apps, AI Games, Web Arcade, Cursor AI, Windsurf, Generative AI, Coding Workshops, Retro Gaming, JavaScript Tools, No-Code, Low-Code, Tech Community">
    <link rel="canonical" href="https://arcade.pirillo.com/">
    <link rel="alternate" type="application/rss+xml" title="Chris Pirillo's Vibe Coding Arcade RSS Feed" href="https://arcade.pirillo.com/index.xml">

    <!-- JSON-LD SEO Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "CollectionPage",
      "name": "Chris Pirillo's Vibe Coding Arcade",
      "description": "A curated arcade of AI-generated web applications, games, and digital toys created by Chris Pirillo using Vibe Coding techniques.",
      "url": "https://arcade.pirillo.com/",
      "author": {
        "@type": "Person",
        "name": "Chris Pirillo",
        "url": "https://chris.pirillo.com/"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Lockergnome",
        "logo": {
          "@type": "ImageObject",
          "url": "https://arcade.pirillo.com/images/arcade.webp"
        }
      },
      "audience": {
        "@type": "Audience",
        "audienceType": "Developers, Gamers, AI Enthusiasts"
      },
      "mainEntity": {
        "@type": "ItemList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Free Browser Games"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Generative Art & Shaders"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "3D Worlds & Simulations"
          },
          {
            "@type": "ListItem",
            "position": 4,
            "name": "Ambient & Relaxing Visuals"
          },
          {
            "@type": "ListItem",
            "position": 5,
            "name": "Art & Design Tools"
          },
          {
            "@type": "ListItem",
            "position": 6,
            "name": "Maker & 3D Print Tools"
          },
          {
            "@type": "ListItem",
            "position": 7,
            "name": "Media Converters & Capture"
          },
          {
            "@type": "ListItem",
            "position": 8,
            "name": "Productivity Tools & Utilities"
          },
          {
            "@type": "ListItem",
            "position": 9,
            "name": "Retro Computing & Simulators"
          },
          {
            "@type": "ListItem",
            "position": 10,
            "name": "Music & Sound Apps"
          }
        ]
      }
    }
    </script>

    <!-- Person Schema - connects Chris Pirillo's identity across platforms for Google Knowledge Panel -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Chris Pirillo",
      "url": "https://chris.pirillo.com/",
      "image": "https://arcade.pirillo.com/images/arcade.jpg",
      "jobTitle": "Creator & Entrepreneur",
      "sameAs": [
        "https://youtube.com/chrispirillo",
        "https://twitter.com/ChrisPirillo",
        "https://mastodon.social/@ChrisPirillo",
        "https://www.instagram.com/chrispirillo/",
        "https://github.com/ChrisPirillo",
        "https://www.linkedin.com/in/chrispirillo/",
        "https://www.tiktok.com/@chrispirillo",
        "https://twitch.tv/ChrisPirillo",
        "https://patreon.com/ChrisPirillo",
        "https://discord.gg/XRBTM8sAMX",
        "https://ctrlaltcreate.live/"
      ]
    }
    </script>

    <!-- Event Schema - April 25 In-Person Event -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "Ctrl+Alt+Create: Vibe Coding Workshop",
      "description": "Join Chris Pirillo for a hands-on vibe coding workshop. Learn to build browser-based apps with AI — no coding experience required.",
      "startDate": "2026-04-25",
      "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
      "eventStatus": "https://schema.org/EventScheduled",
      "organizer": {
        "@type": "Person",
        "name": "Chris Pirillo",
        "url": "https://chris.pirillo.com/"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://luma.com/ctrlaltcreatelive",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>

    <!-- Recurring Virtual Event Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "Ctrl+Alt+Create: Live Vibe Coding Stream",
      "description": "Weekly live stream where Chris Pirillo builds browser apps with AI in real-time. Watch, learn, and ask questions every Thursday at 6PM Pacific.",
      "startDate": "2026-04-16T18:00:00-07:00",
      "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
      "eventStatus": "https://schema.org/EventScheduled",
      "location": {
        "@type": "VirtualLocation",
        "url": "https://youtube.com/chrispirillo/live"
      },
      "organizer": {
        "@type": "Person",
        "name": "Chris Pirillo",
        "url": "https://chris.pirillo.com/"
      }
    }
    </script>

    <!-- BreadcrumbList Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Chris Pirillo",
          "item": "https://chris.pirillo.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Vibe Coding Arcade",
          "item": "https://arcade.pirillo.com/"
        }
      ]
    }
    </script>
    <meta property="og:title" content="Chris Pirillo's Vibe Coding Arcade | AI-Generated Apps & Games">
    <meta property="og:description" content="Explore Chris Pirillo's Vibe Coding Arcade, a collection of AI-generated web apps, retro games, and interactive tools. Learn to vibe code software with AI, join live workshops, and play for free.">
    <meta property="og:image" content="https://arcade.pirillo.com/images/arcade.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:url" content="https://arcade.pirillo.com/">
    <meta property="og:type" content="website">

    <!-- Twitter Card Data -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Chris Pirillo's Vibe Coding Arcade | AI-Generated Apps & Games">
    <meta name="twitter:description" content="Explore Chris Pirillo's Vibe Coding Arcade, a collection of AI-generated web apps, retro games, and interactive tools. Learn to vibe code software with AI, join live workshops, and play for free.">
    <meta name="twitter:image" content="https://arcade.pirillo.com/images/arcade.jpg">
    <meta name="twitter:creator" content="@ChrisPirillo">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800;900&family=Press+Start+2P&display=swap" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tone/14.8.49/Tone.js"></script>

    <script>
        if (typeof tailwind !== 'undefined') {
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'neon-pink': '#ec4899',
                        'neon-cyan': '#06b6d4',
                        'neon-green': '#34d399',
                        'neon-purple': '#8b5cf6',
                        'neon-orange': '#f97316',
                        'dark-bg': '#030308',
                        'panel-bg': '#0a0a15',
                        'border-dim': '#27273a'
                    },
                    fontFamily: {
                        'sans': ['"Inter"', 'sans-serif'],
                        'heading': ['"Montserrat"', 'sans-serif'],
                        'arcade': ['"Press Start 2P"', '"Montserrat"', 'sans-serif'],
                    },
                    animation: {
                        'scanline': 'scanline 8s linear infinite',
                        'holo-glitch': 'holoGlitch 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both',
                    },
                    keyframes: {
                        scanline: {
                            '0%': { transform: 'translateY(-100%)' },
                            '100%': { transform: 'translateY(100%)' }
                        },
                        holoGlitch: {
                            '0%': { opacity: '1', transform: 'scale(1)', filter: 'none' },
                            '50%': { opacity: '0.6', transform: 'scale(0.99)', filter: 'brightness(1.5) blur(2px)' },
                            '100%': { opacity: '1', transform: 'scale(1)', filter: 'none' }
                        }
                    }
                }
            }
        }
        }
    </script>

    <style>
        /* === Tailwind CDN fallbacks — critical layout when cdn.tailwindcss.com is blocked === */
        #grid-container {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
            padding-bottom: 3rem;
        }
        @media (min-width: 640px) { #grid-container { grid-template-columns: repeat(2, 1fr); } }
        @media (min-width: 1024px) { #grid-container { grid-template-columns: repeat(3, 1fr); } }

        .arcade-cabinet a { display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; color: inherit; position: relative; }
        .arcade-cabinet h3 { font-family: 'Montserrat', sans-serif; font-weight: 900; color: #fff; font-size: 0.85rem; margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: -0.025em; }
        .arcade-cabinet p { font-family: 'Inter', sans-serif; font-size: 0.75rem; color: #9ca3af; font-weight: 500; line-height: 1.625; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
        .arcade-cabinet .p-5 { padding: 1.25rem; flex-grow: 1; background: rgba(17,24,39,0.4); }

        body {
            background-color: #020205; /* Darkened slightly for more contrast with cards */
            color: #e5e7eb;
            overflow-x: hidden;
            font-family: 'Inter', sans-serif;
        }

        #background-canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; opacity: 0.15; pointer-events: none; }

        /* Navigation */
        .nav-link {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            color: #9ca3af;
            transition: all 0.2s;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            white-space: nowrap; /* Prevent line breaks */
        }
        .nav-link:hover { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,0.4); }
        .nav-link.highlight { color: #06b6d4; }

        /* Sidebar Modules */
        /* Changed: Removed fixed background so we can use utility classes for tinting */
        .module {
            border: 1px solid #27273a;
            border-radius: 0.75rem;
            padding: 1.25rem;
            margin-bottom: 1.25rem;
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
            /* Transition for subtle hover effects if we want them */
            transition: border-color 0.3s ease;
        }
        
        .module-header {
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            text-transform: uppercase;
            font-size: 0.75rem;
            margin-bottom: 0.75rem;
            letter-spacing: 0.05em;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #e5e7eb;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            padding-bottom: 0.5rem;
        }
        
        .sidebar-btn {
            font-family: 'Montserrat', sans-serif;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.7rem;
            padding: 0.75rem 0.5rem;
            border-radius: 0.5rem;
            transition: all 0.2s;
            border: 1px solid transparent;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            line-height: 1.1;
        }
        .sidebar-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.5rem;
        }

        /* App Cards */
        .arcade-cabinet {
            background: #0d0d16; /* Slightly lighter than bg to pop out */
            border: 1px solid #27273a;
            border-radius: 0.75rem;
            overflow: hidden;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            flex-direction: column;
            position: relative;
            height: 100%;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5); /* Deep shadow */
        }
        .arcade-cabinet:hover {
            transform: translateY(-4px);
            border-color: #ec4899;
            box-shadow: 0 0 20px rgba(236, 72, 153, 0.15);
            z-index: 10;
        }
        .screen-area {
            position: relative;
            aspect-ratio: 16/9;
            overflow: hidden;
            border-bottom: 1px solid #27273a;
        }
        .screen-area img {
            width: 100%; height: 100%; object-fit: cover;
            transition: transform 0.4s ease, filter 0.4s ease;
        }
        .arcade-cabinet:hover .screen-area img {
            transform: scale(1.05);
            filter: brightness(0.8);
        }
        
        /* Launch Button Overlay */
        .launch-btn {
            position: absolute;
            bottom: 0; right: 0;
            background: #ec4899;
            color: #fff;
            font-family: 'Press Start 2P', 'Montserrat', sans-serif;
            font-size: 0.5rem;
            padding: 8px 12px 6px 12px;
            border-top-left-radius: 6px;
            opacity: 0;
            transform: translate(0, 100%);
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            font-weight: 900;
            text-transform: uppercase;
            display: flex; align-items: center; gap: 6px;
            box-shadow: -2px -2px 10px rgba(0,0,0,0.5);
        }
        .arcade-cabinet:hover .launch-btn {
            opacity: 1;
            transform: translate(0, 0);
        }

        /* Control Bar */
        .control-bar {
            background: #080810;
            border: 1px solid #27273a;
            border-radius: 0.75rem; /* Rounded specifically for separation */
            margin-bottom: 1.5rem;
            padding: 0.5rem 1rem;
        }
        
        .cat-tab {
            font-family: 'Montserrat', sans-serif;
            font-weight: 800;
            font-size: 0.8rem;
            padding: 0.5rem 1.25rem;
            margin-right: 0.5rem;
            border-radius: 99px; /* Pill shape */
            color: #6b7280;
            border: 1px solid transparent;
            background: transparent;
            transition: all 0.2s;
            text-transform: uppercase;
            white-space: nowrap;
        }
        .cat-tab:hover { color: #fff; background: rgba(255,255,255,0.05); }
        .cat-tab.active {
            color: #000;
            background: #06b6d4;
            border-color: #06b6d4;
            text-shadow: none;
            box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);
        }
        
        /* Mobile Tab Specifics */
        @media (max-width: 640px) {
            .cat-tab {
                padding: 0.5rem 1rem;
                font-size: 0.75rem;
            }
        }

        /* Category scroll — chevron arrows over an edge scrim clearly signal (and perform) horizontal scroll */
        .cat-scroll-wrap { position: relative; flex: 1 1 auto; min-width: 0; }
        .cat-arrow {
            position: absolute; top: 0; bottom: 0; width: 52px; z-index: 6;
            display: flex; align-items: center; border: none; cursor: pointer; padding: 0;
            color: #fff; opacity: 0; pointer-events: none; transition: opacity 0.18s ease;
        }
        .cat-arrow.show { opacity: 1; pointer-events: auto; }
        .cat-arrow-right { right: 0; justify-content: flex-end; padding-right: 2px;
            background: linear-gradient(to right, rgba(8,8,16,0) 0%, #080810 60%); }
        .cat-arrow-left  { left: 0; justify-content: flex-start; padding-left: 2px;
            background: linear-gradient(to left, rgba(8,8,16,0) 0%, #080810 60%); }
        .cat-arrow-chip {
            display: flex; align-items: center; justify-content: center;
            width: 30px; height: 30px; border-radius: 50%;
            background: #06b6d4; color: #000;
            box-shadow: 0 0 14px rgba(6,182,212,0.55), 0 2px 6px rgba(0,0,0,0.6);
        }
        .cat-arrow:hover .cat-arrow-chip { background: #22d3ee; }
        .cat-arrow-chip svg { width: 18px; height: 18px; }

        /* Desktop sort control — distinct chip so it doesn't read as a selectable category */
        #sort-trigger {
            background: #12121f;
            border: 1px solid #2b2b40;
            border-radius: 0.6rem;
            padding: 0 0.85rem;
            height: 34px;
            font-size: 0.72rem !important;
            letter-spacing: 0.04em;
        }
        #sort-trigger:hover { border-color: #3a3a52; background: #16162a; color: #fff; }
        #sort-trigger .sort-label { font-weight: 800; }

        /* Search — command-bar hero (desktop + mobile): filled gradient icon chip, raised surface. Height matches ? Lucky. */
        .search-hero {
            display: flex; align-items: stretch;
            height: 48px; border-radius: 0.6rem; overflow: hidden;
            border: 2px solid transparent;
            background-image: linear-gradient(#12121f, #12121f), linear-gradient(135deg, #06b6d4, #8b5cf6, #ec4899);
            background-origin: border-box; background-clip: padding-box, border-box;
            box-shadow: 0 8px 22px rgba(0,0,0,0.5), 0 0 0 4px rgba(6,182,212,0.08);
            transition: box-shadow 0.25s ease;
        }
        .search-hero:focus-within {
            box-shadow: 0 10px 28px rgba(0,0,0,0.6), 0 0 0 4px rgba(139,92,246,0.25), 0 0 40px rgba(6,182,212,0.35);
        }
        .search-hero-icon {
            display: flex; align-items: center; justify-content: center;
            width: 46px; flex-shrink: 0; color: #fff;
            background: linear-gradient(135deg, #06b6d4, #8b5cf6 55%, #ec4899);
        }
        .search-hero-icon svg { width: 20px; height: 20px; }
        .search-hero-input {
            flex: 1; min-width: 0; height: 100%;
            background: #12121f; border: none; outline: none;
            color: #fff; font-family: 'Inter', sans-serif; font-weight: 600;
            font-size: 0.95rem; padding: 0 0.9rem;
        }
        .search-hero-input::placeholder { color: #8892b0; font-weight: 500; }
        .search-hero-clear {
            display: flex; align-items: center; justify-content: center;
            width: 44px; flex-shrink: 0; background: #12121f; border: none;
            color: #8892b0; cursor: pointer; transition: color 0.2s;
        }
        .search-hero-clear:hover { color: #fff; }

        /* Sticky Logic */
        .sticky-wrapper {
            position: sticky;
            top: 6rem; 
            height: fit-content;
        }

        /* Featured Area */
        .featured-area {
            background: #000;
            border: 1px solid #1a1a2e;
            border-radius: 0.75rem;
            overflow: hidden;
            box-shadow: 0 0 30px rgba(6,182,212,0.15), 0 0 60px rgba(139,92,246,0.12), 0 0 100px rgba(6,182,212,0.08);
        }
        .scanlines {
            background: linear-gradient(
                to bottom,
                rgba(255,255,255,0),
                rgba(255,255,255,0) 50%,
                rgba(0,0,0,0.2) 50%,
                rgba(0,0,0,0.2)
            );
            background-size: 100% 4px;
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            pointer-events: none;
            z-index: 10;
        }

        .lucky-btn {
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            text-transform: uppercase;
            font-size: 0.75rem;
            background: #ec4899;
            color: #fff;
            padding: 0 1.5rem;
            border-radius: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.2s;
            box-shadow: 0 4px 0 #be185d; 
            letter-spacing: 0.05em;
            /* Height is 44px + 4px shadow = 48px visual to match input */
            height: 44px;
        }
        .lucky-btn:hover { transform: translateY(2px); box-shadow: 0 2px 0 #be185d; filter: brightness(1.1); }
        .lucky-btn:active { transform: translateY(4px); box-shadow: none; }
        
        /* Custom Scrollbar for horizontal tabs */
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        #back-to-top {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            background: #ec4899;
            color: white;
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            transition: all 0.3s;
            pointer-events: none;
            z-index: 100;
            box-shadow: 0 4px 10px rgba(0,0,0,0.5);
        }
        #back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
        #back-to-top:hover { transform: translateY(-4px); }
        
        /* Mobile Menu */
        #mobile-menu {
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        #mobile-menu.open {
            max-height: 300px;
            opacity: 1;
        }

        /* Mobile Quick Links — colored primary buttons + tap-to-open dropdown (mobile only; block is lg:hidden) */
        .ql-primary {
            display: flex; align-items: center; justify-content: center; gap: 0.4rem;
            height: 44px; border-radius: 0.5rem;
            font-family: 'Montserrat', sans-serif; font-weight: 800;
            font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em;
            white-space: nowrap; cursor: pointer;
            transition: background 0.2s, border-color 0.2s, filter 0.2s;
        }
        .ql-live    { background: rgba(236,72,153,0.15); border: 1px solid rgba(236,72,153,0.5); color: #f9a8d4; }
        .ql-howto   { background: rgba(249,115,22,0.15); border: 1px solid rgba(249,115,22,0.5); color: #fdba74; }
        .ql-support { background: rgba(52,211,153,0.15); border: 1px solid rgba(52,211,153,0.5); color: #6ee7b7; }
        .ql-primary:hover { filter: brightness(1.22); }
        .ql-primary.active.ql-live    { background: rgba(236,72,153,0.32); border-color: #ec4899; }
        .ql-primary.active.ql-howto   { background: rgba(249,115,22,0.32); border-color: #f97316; }
        .ql-primary.active.ql-support { background: rgba(52,211,153,0.32); border-color: #34d399; }
        .ql-caret { width: 11px; height: 11px; flex-shrink: 0; opacity: 0.75; transition: transform 0.2s; }
        .ql-primary.active .ql-caret { transform: rotate(180deg); }
        .ql-dropdown {
            position: absolute; left: 0; right: 0; top: calc(44px + 6px); z-index: 40;
            background: #0d0d16; border: 1px solid #27273a; border-radius: 0.6rem;
            padding: 0.4rem; box-shadow: 0 14px 34px rgba(0,0,0,0.6);
        }
        .ql-links { display: flex; flex-direction: column; gap: 0.35rem; }
        .ql-sub {
            display: flex; flex-direction: column; justify-content: center; gap: 0.12rem;
            min-height: 52px; padding: 0.5rem 0.9rem; border-radius: 0.45rem;
            text-decoration: none; transition: background 0.2s, color 0.2s;
        }
        .ql-sub-main {
            display: flex; align-items: center; gap: 0.45rem;
            font-family: 'Montserrat', sans-serif; font-weight: 800;
            font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.02em;
        }
        .ql-sub-desc {
            font-family: 'Inter', sans-serif; font-weight: 500;
            font-size: 0.66rem; letter-spacing: 0.01em; opacity: 0.72; text-transform: none;
        }
        .ql-live-sub    { background: rgba(236,72,153,0.12); color: #f9a8d4; }
        .ql-live-sub:hover    { background: #ec4899; color: #fff; }
        .ql-howto-sub   { background: rgba(249,115,22,0.12); color: #fdba74; }
        .ql-howto-sub:hover   { background: #f97316; color: #fff; }
        .ql-support-sub { background: rgba(52,211,153,0.12); color: #6ee7b7; }
        .ql-support-sub:hover { background: #34d399; color: #000; }
        .ql-dot { width: 6px; height: 6px; border-radius: 50%; background: #ec4899; flex-shrink: 0; }
    </style>
</head>
<body class="min-h-screen flex flex-col">

    <canvas id="background-canvas"></canvas>

    <!-- Header -->
    <header class="sticky top-0 z-50 bg-[#05050a]/95 backdrop-blur-md border-b border-gray-800 shadow-2xl h-16">
        <div class="container mx-auto px-4 h-full flex flex-col justify-center">
            <div class="flex items-center justify-between h-full gap-4">
                <!-- Logo -->
                <div class="flex flex-col group justify-center flex-shrink-0">
                    <h1 class="font-heading font-black text-white text-lg sm:text-xl lg:text-2xl leading-none uppercase tracking-tighter whitespace-nowrap">
                        <a href="/" class="no-underline text-white hover:text-white transition-colors">Chris Pirillo's</a> 
                        <span onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="text-neon-cyan group-hover:text-neon-pink transition-colors cursor-pointer">Vibe Arcade</span>
                    </h1>
                </div>

                <!-- Support Buttons (Midway Between Logo and Nav) -->
                <div class="flex items-center gap-2 flex-shrink-0">
                    <!-- Donate Button -->
                    <a href="https://www.paypal.com/donate/?hosted_button_id=UMWCDWGVXVHZU" target="_blank" 
                       class="group flex items-center gap-2 border border-blue-500/50 hover:border-blue-400 text-blue-400 hover:text-blue-300 px-3 h-8 rounded-lg hover:bg-blue-900/20 transition-all shadow-[0_0_10px_rgba(59,130,246,0.1)] hover:shadow-[0_0_15px_rgba(59,130,246,0.3)]" title="Donate via PayPal">
                        <!-- Heart Icon -->
                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
                        <span class="hidden md:inline font-heading font-bold text-xs tracking-widest">DONATE</span>
                    </a>

                    <!-- Patreon Button -->
                    <a href="https://patreon.com/ChrisPirillo" target="_blank" 
                       class="group flex items-center justify-center border border-orange-600/50 hover:border-orange-500 text-neon-orange hover:text-orange-300 w-8 h-8 rounded-lg hover:bg-orange-900/20 transition-all shadow-[0_0_10px_rgba(249,115,22,0.1)] hover:shadow-[0_0_15px_rgba(249,115,22,0.3)]" title="Support on Patreon">
                       <!-- Patreon Icon -->
                       <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 27 24"><path d="M2.857 0v24h4.629V0H2.857z M16.714 0c-5.286 0-9.59 4.304-9.59 9.59 0 5.286 4.304 9.59 9.59 9.59 5.286 0 9.59-4.304 9.59-9.59C26.304 4.304 22 0 16.714 0z"/></svg>
                    </a>
                </div>

                <!-- Right Side Wrapper (Nav & Menu) -->
                <div class="flex items-center gap-2 sm:gap-4 lg:gap-6 flex-shrink min-w-0">
                    
                    <!-- Desktop Nav -->
                    <nav class="hidden lg:flex items-center gap-3 xl:gap-8 flex-shrink">
                        <a href="https://ctrlaltcreate.live/" class="nav-link highlight text-[0.65rem] lg:text-xs xl:text-sm">Learn Vibe Coding</a>
                        <a href="https://discord.gg/XRBTM8sAMX" class="nav-link text-[0.65rem] lg:text-xs xl:text-sm">Join Discord</a>
                        <a href="https://chris.pirillo.com/" class="nav-link text-[0.65rem] lg:text-xs xl:text-sm">Follow Chris</a>
                        <a href="https://arcade.pirillo.com/index.xml" class="text-gray-500 hover:text-orange-500 transition-colors" title="RSS">
                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
                        </a>
                    </nav>
                    
                    <!-- Mobile Menu Button -->
                    <button id="menu-toggle" class="lg:hidden text-gray-400 hover:text-white transition-colors"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button>
                </div>
            </div>
            
            <!-- Mobile Menu Dropdown -->
            <div id="mobile-menu" class="lg:hidden bg-[#0a0a15] border-t border-gray-800 absolute top-16 left-0 w-full shadow-xl">
                <nav class="flex flex-col p-4 space-y-4">
                    <a href="https://ctrlaltcreate.live/" class="nav-link highlight text-sm">Learn Vibe Coding</a>
                    <a href="https://discord.gg/XRBTM8sAMX" class="nav-link text-sm">Join Discord</a>
                    <a href="https://chris.pirillo.com/" class="nav-link text-sm">Follow Chris</a>
                    <a href="https://arcade.pirillo.com/index.xml" class="nav-link text-sm">RSS Feed</a>
                </nav>
            </div>
        </div>
    </header>

    <main class="container mx-auto px-4 py-8 flex-grow">
        <div class="flex flex-col lg:flex-row gap-8 relative">
            
            <!-- LEFT SIDEBAR (Desktop) -->
            <aside class="w-full lg:w-72 flex-shrink-0 hidden lg:block">
                <div class="sticky-wrapper space-y-6">
                    
                    <!-- Quote Module -->
                    <!-- Added bg-cyan-900/10 for distinct tinting -->
                    <div class="module border-l-2 border-l-neon-cyan bg-cyan-900/20">
                         <div class="text-xs font-medium text-gray-300 leading-relaxed italic">
                            The internet used to be fun. I'm creating these apps to bring that sense of playfulness back to software.
                        </div>
                    </div>

                    <!-- Live Stream -->
                    <!-- Added bg-pink-900/10 for distinct tinting -->
                    <div class="module border-l-2 border-l-neon-pink bg-pink-900/20">
                        <div class="module-header text-neon-pink border-pink-500/20">
                            <span>NEXT LIVE STREAM</span>
                            <span class="w-2 h-2 bg-neon-pink rounded-full animate-pulse"></span>
                        </div>
                        
                        <div class="sidebar-grid mb-3">
                            <a href="https://twitch.tv/ChrisPirillo" target="_blank" class="sidebar-btn bg-[#6441a5] text-white hover:bg-white hover:text-[#6441a5]">Twitch</a>
                            <a href="https://youtube.com/ChrisPirillo/live" target="_blank" class="sidebar-btn bg-[#ff0000] text-white hover:bg-white hover:text-[#ff0000]">YouTube</a>
                        </div>
                        <div class="text-center">
                            <p class="text-[10px] font-heading font-black text-gray-500 uppercase tracking-widest">Thursdays @ 6PM PT</p>
                        </div>
                    </div>

                    <!-- Upcoming Events -->
                    <!-- Added bg-orange-900/10 for distinct tinting -->
                    <div class="module border-l-2 border-l-neon-orange bg-orange-900/20">
                        <div class="module-header text-neon-orange border-orange-500/20">
                            Upcoming Events
                        </div>
                        <div class="sidebar-grid">
                            <a href="https://youtube.com/chrispirillo/live" target="_blank" class="sidebar-btn flex-col bg-orange-900/40 border border-orange-500/30 text-orange-200 hover:bg-orange-500 hover:text-white group">
                                <span class="block font-black text-[0.8rem]">WEEKLY</span>
                                <span class="block text-[0.6rem] opacity-70 group-hover:opacity-100">Thu 6PM PT</span>
                            </a>
                            <a href="https://luma.com/ctrlaltcreatelive" target="_blank" class="sidebar-btn flex-col bg-pink-900/40 border border-pink-500/30 text-pink-200 hover:bg-pink-500 hover:text-white group">
                                <span class="block font-black text-[0.8rem]">MONTHLY</span>
                                <span class="block text-[0.6rem] opacity-70 group-hover:opacity-100">In Person</span>
                            </a>
                        </div>
                        <div class="mt-3 text-center">
                            <a href="https://ctrlaltcreate.live/" target="_blank" class="text-[10px] font-heading font-black text-gray-500 hover:text-neon-cyan transition-colors uppercase tracking-widest cursor-pointer">Vibe Coding Workshops</a>
                        </div>
                    </div>

                    <!-- Sponsors -->
                    <!-- Added bg-green-900/10 for distinct tinting -->
                    <div class="module border-l-2 border-l-neon-green bg-green-900/20">
                        <div class="module-header text-neon-green border-green-500/20">
                            Supported By
                        </div>
                        <div class="sidebar-grid">
                            <a href="https://www.every.io/" target="_blank" style="grid-column: 1 / -1;" class="sidebar-btn bg-green-900/40 border border-green-500/30 text-green-200 hover:bg-green-500 hover:text-white">Every</a>
                        </div>
                        <div class="mt-3 text-center">
                            <a href="/cdn-cgi/l/email-protection#ccafa4bea5bf8cbca5bea5a0a0a3e2afa3a1" class="text-[10px] font-heading font-black text-gray-500 hover:text-white transition-colors uppercase tracking-widest">Become a Sponsor</a>
                        </div>
                    </div>

                </div>
            </aside>

            <!-- RIGHT COLUMN: Main Interface -->
            <div class="flex-grow w-full min-w-0">
                
                <!-- Mobile Title (Hidden on desktop) -->
                <div class="lg:hidden text-center mb-3">
                    <h2 class="text-sm font-heading font-bold text-gray-400 uppercase tracking-widest">Making the Internet fun again!</h2>
                </div>

                <!-- MOBILE QUICK LINKS (primary selector + grouped links; mobile only) -->
                <div id="mobile-quicklinks" class="lg:hidden mb-6 relative">
                    <!-- Colored primary buttons (tap to open a dropdown) -->
                    <div class="grid grid-cols-3 gap-2">
                        <button type="button" data-qlgroup="live" class="ql-primary ql-live"><span class="ql-dot animate-pulse"></span>Live<svg class="ql-caret" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path></svg></button>
                        <button type="button" data-qlgroup="howto" class="ql-primary ql-howto">How&nbsp;To<svg class="ql-caret" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path></svg></button>
                        <button type="button" data-qlgroup="support" class="ql-primary ql-support">Support<svg class="ql-caret" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M19 9l-7 7-7-7"></path></svg></button>
                    </div>
                    <!-- Dropdown overlay: hidden by default, opens on tap, absolutely positioned (no layout shift) -->
                    <div id="ql-dropdown" class="ql-dropdown hidden">
                        <div class="ql-links hidden" data-qllinks="live">
                            <a href="https://twitch.tv/ChrisPirillo" target="_blank" class="ql-sub ql-live-sub">
                                <span class="ql-sub-main"><span class="ql-dot animate-pulse"></span>Twitch</span>
                                <span class="ql-sub-desc">Live every Thursday, 6PM PT</span>
                            </a>
                            <a href="https://youtube.com/ChrisPirillo/live" target="_blank" class="ql-sub ql-live-sub">
                                <span class="ql-sub-main"><span class="ql-dot animate-pulse"></span>YouTube</span>
                                <span class="ql-sub-desc">Live streams + full replays</span>
                            </a>
                        </div>
                        <div class="ql-links hidden" data-qllinks="howto">
                            <a href="https://ctrlaltcreate.live/" target="_blank" class="ql-sub ql-howto-sub">
                                <span class="ql-sub-main">Workshops</span>
                                <span class="ql-sub-desc">ctrl+alt+create &mdash; free, monthly in Seattle</span>
                            </a>
                            <a href="https://luma.com/ctrlaltcreatelive" target="_blank" class="ql-sub ql-howto-sub">
                                <span class="ql-sub-main">Register</span>
                                <span class="ql-sub-desc">Reserve a seat &mdash; in person or online</span>
                            </a>
                            <a href="https://discord.gg/XRBTM8sAMX" target="_blank" class="ql-sub ql-howto-sub">
                                <span class="ql-sub-main">Discord</span>
                                <span class="ql-sub-desc">Ask questions, get unstuck, share builds</span>
                            </a>
                        </div>
                        <div class="ql-links hidden" data-qllinks="support">
                            <a href="https://www.every.io/" target="_blank" class="ql-sub ql-support-sub">
                                <span class="ql-sub-main">&#9733;&nbsp;Every</span>
                                <span class="ql-sub-desc">Proud sponsor of the Arcade</span>
                            </a>
                            <a href="/cdn-cgi/l/email-protection#690a011b001a2919001b00050506470a0604" class="ql-sub ql-support-sub">
                                <span class="ql-sub-main">Become a Sponsor</span>
                                <span class="ql-sub-desc">Reach this audience &mdash; email Chris</span>
                            </a>
                            <a href="https://www.paypal.com/donate/?hosted_button_id=UMWCDWGVXVHZU" target="_blank" class="ql-sub ql-support-sub">
                                <span class="ql-sub-main">Donate</span>
                                <span class="ql-sub-desc">One-time tip via PayPal</span>
                            </a>
                            <a href="https://patreon.com/ChrisPirillo" target="_blank" class="ql-sub ql-support-sub">
                                <span class="ql-sub-main">Patreon</span>
                                <span class="ql-sub-desc">Back the work monthly</span>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Holodeck -->
                <div id="holodeck-container" class="featured-area group h-80 md:h-96 relative mb-8">
                    <img id="holo-img" src="" class="w-full h-full object-cover opacity-60 group-hover:opacity-80 transition-opacity duration-1000" alt="Featured App">
                    <div class="scanlines"></div>
                    <div class="absolute inset-0 bg-gradient-to-t from-black via-black/50 to-transparent"></div>
                    
                    <!-- Full Area Link -->
                    <a id="holo-full-link" href="#" class="absolute inset-0 z-10"></a>

                    <div class="absolute top-4 left-4 md:top-6 md:left-6 pointer-events-none z-20">
                        <span class="bg-neon-pink text-white text-[10px] font-heading font-black px-3 py-1 uppercase rounded-sm shadow-lg tracking-wider">Randomly Featured App</span>
                    </div>

                    <div class="absolute bottom-0 left-0 w-full p-4 md:p-10 flex flex-col md:flex-row md:items-end justify-between gap-4 md:gap-6 pointer-events-none">
                        <div class="relative z-20 flex-grow min-w-0 pr-4">
                            <h2 id="holo-title" class="font-heading font-black text-white text-lg md:text-2xl mb-1 md:mb-3 leading-tight uppercase drop-shadow-[0_2px_10px_rgba(0,0,0,0.8)] whitespace-normal break-words">LOADING...</h2>
                            <p id="holo-desc" class="hidden sm:block text-sm text-gray-200 font-sans font-medium leading-relaxed max-w-lg drop-shadow-md">...</p>
                        </div>
                        <div class="flex gap-4 flex-shrink-0 z-20 items-end pointer-events-auto">
                            <button id="holo-reroll" class="bg-black/50 hover:bg-gray-800 border border-gray-600 text-white w-12 h-12 flex items-center justify-center rounded-lg transition-all" aria-label="Next Feature">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg>
                            </button>
                            <a id="holo-link" href="#" class="bg-neon-cyan text-black hover:bg-white px-8 py-3 text-xs font-heading font-black uppercase transition-all flex items-center gap-3 shadow-[0_0_20px_rgba(6,182,212,0.4)] hover:shadow-[0_0_30px_rgba(6,182,212,0.6)] rounded-lg h-12">
                                Open Now
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Main Interface Controls -->
                <div class="space-y-4 mb-8">
                    <!-- Control Bar with Filter & Sort -->
                    <div class="control-bar flex items-center justify-between px-2 pr-4 overflow-visible">
                        <div class="cat-scroll-wrap">
                            <div id="cat-scroll" class="cat-scroll flex overflow-x-auto hide-scrollbar gap-2">
                                <button data-filter="all" class="cat-tab active">All</button>
                                <button data-filter="games" class="cat-tab">Games</button>
                                <button data-filter="generative" class="cat-tab">Generative</button>
                                <button data-filter="worlds" class="cat-tab">Worlds</button>
                                <button data-filter="ambient" class="cat-tab">Ambient</button>
                                <button data-filter="studio" class="cat-tab">Studio</button>
                                <button data-filter="makers" class="cat-tab">Makers</button>
                                <button data-filter="media" class="cat-tab">Media</button>
                                <button data-filter="tools" class="cat-tab">Tools</button>
                                <button data-filter="retro" class="cat-tab">Retro</button>
                                <button data-filter="music" class="cat-tab">Music</button>
                            </div>
                            <button type="button" id="cat-arrow-left" class="cat-arrow cat-arrow-left" aria-label="Scroll categories left">
                                <span class="cat-arrow-chip"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M15 19l-7-7 7-7"></path></svg></span>
                            </button>
                            <button type="button" id="cat-arrow-right" class="cat-arrow cat-arrow-right" aria-label="Scroll categories right">
                                <span class="cat-arrow-chip"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7"></path></svg></span>
                            </button>
                        </div>
                        
                        <!-- Floating Sort Button (Desktop) -->
                        <button id="sort-trigger" class="sort-trigger hidden md:flex text-[10px] font-heading font-bold text-gray-400 hover:text-white uppercase items-center gap-2 transition-colors ml-4 whitespace-nowrap">
                            <span class="opacity-50">Sort:</span>
                            <span class="sort-label text-neon-cyan">Random</span>
                        </button>
                    </div>

                    <!-- Search Row — command-bar hero, matched in height to ? Lucky -->
                    <div class="flex flex-col md:flex-row gap-3 md:gap-4 items-stretch md:items-start">
                        <div class="search-hero w-full">
                            <span class="search-hero-icon">
                                <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
                            </span>
                            <input type="text" id="app-search" autocomplete="off" placeholder="Try &lsquo;koi&rsquo;, &lsquo;font&rsquo;, &lsquo;retro&rsquo;&hellip;" class="search-hero-input">
                            <!-- Clear Button -->
                            <button id="search-clear" class="search-hero-clear hidden" aria-label="Clear search">
                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
                            </button>
                        </div>

                        <!-- Lucky Button (desktop only; mobile has it elsewhere) -->
                        <div class="flex-shrink-0 hidden md:block">
                             <button id="random-launch" class="lucky-btn">
                                ? Lucky
                            </button>
                        </div>

                         <!-- Sort Button (Mobile Only) -->
                        <button id="sort-trigger-mobile" class="sort-trigger md:hidden w-full px-4 py-3 text-[10px] font-heading font-bold text-gray-400 hover:text-white bg-gray-900 border border-gray-700 rounded-lg uppercase flex items-center justify-center gap-2 transition-colors h-12">
                            <span class="opacity-50">Sort:</span>
                            <span class="sort-label text-white">Random</span>
                        </button>
                    </div>
                </div>

                <!-- App Grid -->
                <div id="grid-container" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-6 pb-12">
                    <!-- Hydrated via JS -->
                </div>

                <div id="no-results" class="hidden text-center py-24 opacity-60 border-2 border-dashed border-gray-800 rounded-xl bg-gray-900/20">
                    <p class="font-heading font-black text-white text-lg mb-2 uppercase tracking-tight">System Error 404</p>
                    <p class="font-sans text-gray-400 text-sm">No compatible machines found in this sector.</p>
                </div>

            </div>
        </div>
    <noscript>
<div style="max-width:900px;margin:2rem auto;padding:1rem;color:#e5e7eb;font-family:sans-serif;">
<h2 style="color:#06b6d4;margin-bottom:1rem;">Chris Pirillo's Vibe Coding Arcade — 414 Free Browser Apps</h2>
<p style="margin-bottom:2rem;color:#9ca3af;">All apps run free in your browser with no download, no signup, and no data collection. JavaScript is required for the interactive grid, but all apps are linked below.</p>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Free Browser Games (77)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="jabberblocky.html" style="color:#06b6d4;text-decoration:none;">Jabberblocky</a> — <span style="color:#9ca3af;font-size:0.85rem;">Falling-block dodge game with escalating speed. React and survive as the grid fills — an arcade reflex challenge inspired by Tetris and downwell mechanics.</span></li>
<li style="margin:0.4rem 0;"><a href="piddaddle.html" style="color:#06b6d4;text-decoration:none;">Piddaddle</a> — <span style="color:#9ca3af;font-size:0.85rem;">Pong with a rotating board — the paddle game reinvented. A unique twist on classic Pong and Breakout mechanics with reflex-testing rotation physics.</span></li>
<li style="margin:0.4rem 0;"><a href="puzzlepalooza.html" style="color:#06b6d4;text-decoration:none;">Puzzlepalooza</a> — <span style="color:#9ca3af;font-size:0.85rem;">Photo jigsaw puzzle maker — upload any image, choose difficulty, and solve. A free alternative to Jigsaw Explorer and online puzzle sites, no account needed.</span></li>
<li style="margin:0.4rem 0;"><a href="neon-cycles.html" style="color:#06b6d4;text-decoration:none;">Neon Cycles</a> — <span style="color:#9ca3af;font-size:0.85rem;">Light cycle racing on a glowing grid — inspired by Tron. Upload your avatar and outmaneuver opponents in this neon arena. A free Tron: Light Cycles tribute.</span></li>
<li style="margin:0.4rem 0;"><a href="makerdeck-flappament.html" style="color:#06b6d4;text-decoration:none;">Flappament</a> — <span style="color:#9ca3af;font-size:0.85rem;">Flappy Bird clone with tap-to-fly mechanics. Dodge pipes and chase high scores in this one-button arcade game — a free Flappy Bird alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="glitchtris.html" style="color:#06b6d4;text-decoration:none;">Glitchtris</a> — <span style="color:#9ca3af;font-size:0.85rem;">Tetris with a glitch aesthetic — stack and clear falling blocks through visual distortion. A cyberpunk twist on the classic puzzle, inspired by Tetris Effect.</span></li>
<li style="margin:0.4rem 0;"><a href="vector-fury.html" style="color:#06b6d4;text-decoration:none;">Vector Fury</a> — <span style="color:#9ca3af;font-size:0.85rem;">Vector-graphics space shooter like Asteroids and Geometry Wars. Blast through enemy waves in a retro wireframe arena — fast-paced shmup action.</span></li>
<li style="margin:0.4rem 0;"><a href="monochromaze.html" style="color:#06b6d4;text-decoration:none;">Monochromaze</a> — <span style="color:#9ca3af;font-size:0.85rem;">Minimalist black-and-white puzzle adventure. Navigate atmospheric mazes and solve spatial challenges — a contemplative game for fans of Limbo and Monument Valley.</span></li>
<li style="margin:0.4rem 0;"><a href="cybersweeper.html" style="color:#06b6d4;text-decoration:none;">Cybersweeper</a> — <span style="color:#9ca3af;font-size:0.85rem;">Minesweeper with a cyberpunk reskin. Sweep neon grids, flag mines, and solve logic puzzles — a free alternative to classic Windows Minesweeper and Minesweeper Online.</span></li>
<li style="margin:0.4rem 0;"><a href="sandtris.html" style="color:#06b6d4;text-decoration:none;">Sandtris</a> — <span style="color:#9ca3af;font-size:0.85rem;">Tetris meets falling-sand physics — blocks crumble into particles on landing. A unique sand simulation puzzle game inspired by Noita and Sandspiel.</span></li>
<li style="margin:0.4rem 0;"><a href="sprite-sidescroller.html" style="color:#06b6d4;text-decoration:none;">Sprite Sidescroller</a> — <span style="color:#9ca3af;font-size:0.85rem;">Platformer level editor and player. Design sprites, build stages, and play custom side-scrolling levels — a free alternative to Super Mario Maker for the browser.</span></li>
<li style="margin:0.4rem 0;"><a href="ascii-attack.html" style="color:#06b6d4;text-decoration:none;">ASCII Attack</a> — <span style="color:#9ca3af;font-size:0.85rem;">Space Invaders rendered in ASCII art. Battle swarms of text-character aliens in this retro shooter — a typographic tribute to the 1978 arcade classic.</span></li>
<li style="margin:0.4rem 0;"><a href="droid-repair.html" style="color:#06b6d4;text-decoration:none;">Droid Repair</a> — <span style="color:#9ca3af;font-size:0.85rem;">Math game for kids with a Star Wars theme. Solve arithmetic equations to repair droids — educational multiplication and addition practice with sci-fi motivation.</span></li>
<li style="margin:0.4rem 0;"><a href="trench-wars.html" style="color:#06b6d4;text-decoration:none;">Trench Wars</a> — <span style="color:#9ca3af;font-size:0.85rem;">Trench-run space shooter inspired by the Death Star assault. Pilot through a scrolling corridor and dodge obstacles — an arcade tribute to Star Wars.</span></li>
<li style="margin:0.4rem 0;"><a href="nice-dice.html" style="color:#06b6d4;text-decoration:none;">Nice Dice</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D dice roller with real physics for D&D, Pathfinder, and tabletop RPGs. Roll d4 through d20 with realistic tumble — a free alternative to Roll20's dice roller.</span></li>
<li style="margin:0.4rem 0;"><a href="quantum-reversi.html" style="color:#06b6d4;text-decoration:none;">Quantum Reversi</a> — <span style="color:#9ca3af;font-size:0.85rem;">Reversi (Othello) with AI opponents and a sci-fi interface. Classic disc-flipping strategy on an 8×8 board — a free alternative to Reversi apps and iOthello.</span></li>
<li style="margin:0.4rem 0;"><a href="8bit-battle.html" style="color:#06b6d4;text-decoration:none;">8-Bit Battle Tanks</a> — <span style="color:#9ca3af;font-size:0.85rem;">Top-down pixel tank warfare. Command 8-bit tanks across destructible terrain — a retro combat game inspired by Battle City and Tank 1990.</span></li>
<li style="margin:0.4rem 0;"><a href="gravity-grid.html" style="color:#06b6d4;text-decoration:none;">Gravity Grid</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D Connect Four with gravity-based disc dropping. Build four-in-a-row on a modern grid — a spatial strategy game inspired by Connect 4 and Score Four.</span></li>
<li style="margin:0.4rem 0;"><a href="amulet-yandor.html" style="color:#06b6d4;text-decoration:none;">The Amulet of Yandor</a> — <span style="color:#9ca3af;font-size:0.85rem;">Roguelike dungeon crawler with procedural generation. Explore dungeons, fight monsters, collect loot — a browser tribute to Rogue, NetHack, and classic RPG adventures.</span></li>
<li style="margin:0.4rem 0;"><a href="jezzball.html" style="color:#06b6d4;text-decoration:none;">JezzBall</a> — <span style="color:#9ca3af;font-size:0.85rem;">JezzBall clone — the classic Microsoft territory-capture puzzle. Build walls to trap bouncing balls and claim space. A faithful recreation of the Windows 3.1 original.</span></li>
<li style="margin:0.4rem 0;"><a href="typing-exe.html" style="color:#06b6d4;text-decoration:none;">TYPING.EXE</a> — <span style="color:#9ca3af;font-size:0.85rem;">Typing speed test with WPM tracking, accuracy stats, and difficulty levels. Practice touch typing and measure progress — a free alternative to MonkeyType and TypeRacer.</span></li>
<li style="margin:0.4rem 0;"><a href="qix.html" style="color:#06b6d4;text-decoration:none;">Qix</a> — <span style="color:#9ca3af;font-size:0.85rem;">Qix clone — the classic 1981 arcade territory game. Draw lines to claim space while dodging the Qix. A faithful recreation of the Taito original.</span></li>
<li style="margin:0.4rem 0;"><a href="spelunker.html" style="color:#06b6d4;text-decoration:none;">Spelunker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedurally generated cave exploration game. Descend through infinite underground worlds — a spelunking roguelite inspired by Spelunky and procedural dungeon crawlers.</span></li>
<li style="margin:0.4rem 0;"><a href="starlight-angler.html" style="color:#06b6d4;text-decoration:none;">Starlight Angler</a> — <span style="color:#9ca3af;font-size:0.85rem;">Space fishing arcade game — hook stars and dodge asteroids in zero gravity. A cosmic twist on fishing mechanics with unique celestial catch-and-release gameplay.</span></li>
<li style="margin:0.4rem 0;"><a href="subterrania.html" style="color:#06b6d4;text-decoration:none;">Subterrania</a> — <span style="color:#9ca3af;font-size:0.85rem;">Vast procedural cave exploration with atmospheric visuals. Discover endless underground caverns and geological formations — an ambient spelunking adventure.</span></li>
<li style="margin:0.4rem 0;"><a href="slimeball.html" style="color:#06b6d4;text-decoration:none;">Slimeball</a> — <span style="color:#9ca3af;font-size:0.85rem;">Slime volleyball with neon visuals. Competitive 1v1 blob sports — a browser tribute to the classic Slime Volleyball Flash game with glowing particle effects.</span></li>
<li style="margin:0.4rem 0;"><a href="gridhopper.html" style="color:#06b6d4;text-decoration:none;">Gridhopper</a> — <span style="color:#9ca3af;font-size:0.85rem;">Endless runner with procedurally generated terrain. Hop across infinite landscapes — an auto-runner inspired by Crossy Road and Canabalt with dynamic world generation.</span></li>
<li style="margin:0.4rem 0;"><a href="chicken.html" style="color:#06b6d4;text-decoration:none;">Chicken</a> — <span style="color:#9ca3af;font-size:0.85rem;">Frogger-style road crossing game. Dodge traffic and navigate hazards — a classic arcade tribute to Frogger and Crossy Road with pixel-perfect collision.</span></li>
<li style="margin:0.4rem 0;"><a href="brickout.html" style="color:#06b6d4;text-decoration:none;">Brickout</a> — <span style="color:#9ca3af;font-size:0.85rem;">Brick breaker inspired by Breakout and Arkanoid. Power-ups, progressive levels, and satisfying ball physics — a free Arkanoid alternative with no app install.</span></li>
<li style="margin:0.4rem 0;"><a href="electronic-sorcerer.html" style="color:#06b6d4;text-decoration:none;">Electronic Sorcerer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Retro handheld LCD game collection. Multiple classic portable titles recreated with authentic segmented displays — a tribute to Tiger Electronics and Game & Watch.</span></li>
<li style="margin:0.4rem 0;"><a href="bingo-maker.html" style="color:#06b6d4;text-decoration:none;">Bingo Maker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Bingo card generator and live caller. Create custom cards for parties, classrooms, or game night — print or play. A free alternative to bingo card creator apps.</span></li>
<li style="margin:0.4rem 0;"><a href="road-rage.html" style="color:#06b6d4;text-decoration:none;">Road Rage</a> — <span style="color:#9ca3af;font-size:0.85rem;">High-speed traffic dodging arcade game. Weave through oncoming cars at increasing velocity — inspired by classic Enduro and highway racing games.</span></li>
<li style="margin:0.4rem 0;"><a href="hallowattack.html" style="color:#06b6d4;text-decoration:none;">Hallowattack</a> — <span style="color:#9ca3af;font-size:0.85rem;">Halloween-themed Space Invaders with 8-bit sprites. Defeat waves of spooky pixel enemies — a seasonal retro arcade shooter for October.</span></li>
<li style="margin:0.4rem 0;"><a href="candy-corn-smash.html" style="color:#06b6d4;text-decoration:none;">Candy Corn Smash</a> — <span style="color:#9ca3af;font-size:0.85rem;">Halloween whac-a-mole with candy corn targets. Smash seasonal sweets against the clock — a quick reflex arcade game for spooky season.</span></li>
<li style="margin:0.4rem 0;"><a href="cube-solver.html" style="color:#06b6d4;text-decoration:none;">Rubik's Cube Solver</a> — <span style="color:#9ca3af;font-size:0.85rem;">3x3 Rubik's Cube solver and simulator — input your scramble, get step-by-step beginner and CFOP solutions. A fast, free alternative to Cube Explorer and CSTimer.</span></li>
<li style="margin:0.4rem 0;"><a href="solitary-solitaire.html" style="color:#06b6d4;text-decoration:none;">Solitary Solitaire</a> — <span style="color:#9ca3af;font-size:0.85rem;">Klondike solitaire with undo, auto-complete, and win detection. Clean card game for desktop and mobile — a lightweight alternative to Microsoft Solitaire Collection.</span></li>
<li style="margin:0.4rem 0;"><a href="claw-machine.html" style="color:#06b6d4;text-decoration:none;">Claw Machine</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D claw machine with realistic grab physics. Maneuver the crane, time your drop, and win prizes — a free arcade crane game inspired by real UFO catchers.</span></li>
<li style="margin:0.4rem 0;"><a href="rabbits-multiply.html" style="color:#06b6d4;text-decoration:none;">Rabbits Multiply</a> — <span style="color:#9ca3af;font-size:0.85rem;">Multiplication math game for kids. Solve arithmetic to help bunnies multiply — a gamified learning tool for elementary math practice and times tables.</span></li>
<li style="margin:0.4rem 0;"><a href="voice-velocity.html" style="color:#06b6d4;text-decoration:none;">Voice Velocity</a> — <span style="color:#9ca3af;font-size:0.85rem;">Voice-controlled running game — shout to sprint, whisper to slow. Uses your microphone for hands-free gameplay. A one-of-a-kind vocal reaction challenge.</span></li>
<li style="margin:0.4rem 0;"><a href="block-blast.html" style="color:#06b6d4;text-decoration:none;">Block Blast</a> — <span style="color:#9ca3af;font-size:0.85rem;">Block puzzle where you place pieces to clear rows and columns. Addictive Tetris-meets-Sudoku logic — a free alternative to Block Blast, 1010!, and Woodoku.</span></li>
<li style="margin:0.4rem 0;"><a href="fish-frenzy.html" style="color:#06b6d4;text-decoration:none;">Fish Frenzy</a> — <span style="color:#9ca3af;font-size:0.85rem;">Underwater eat-or-be-eaten survival game. Devour smaller fish, dodge predators, grow bigger — inspired by Feeding Frenzy and Fishy with arcade pacing.</span></li>
<li style="margin:0.4rem 0;"><a href="gesture-blaster.html" style="color:#06b6d4;text-decoration:none;">Gesture Blaster</a> — <span style="color:#9ca3af;font-size:0.85rem;">Webcam hand-tracking shooter. Aim and fire with real gestures using computer vision — a motion-controlled arcade game powered by hand pose detection.</span></li>
<li style="margin:0.4rem 0;"><a href="jaws.html" style="color:#06b6d4;text-decoration:none;">Jaws</a> — <span style="color:#9ca3af;font-size:0.85rem;">Speed-sorting arcade game — clear junk before the jaws snap shut. A frantic precision challenge with a ticking clock and snap-trap mechanics.</span></li>
<li style="margin:0.4rem 0;"><a href="lumina-bubble.html" style="color:#06b6d4;text-decoration:none;">Lumina Bubble</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hex-grid bubble shooter with glowing orbs. Aim, match colors, and pop chains — inspired by Puzzle Bobble and Bust-a-Move with a modern neon aesthetic.</span></li>
<li style="margin:0.4rem 0;"><a href="santas-blitz.html" style="color:#06b6d4;text-decoration:none;">Santa's Blitz</a> — <span style="color:#9ca3af;font-size:0.85rem;">Christmas match-3 puzzle game. Swap holiday treats and clear festive boards — a seasonal candy-crush-style puzzler with gift-wrapped power-ups.</span></li>
<li style="margin:0.4rem 0;"><a href="carrot-critter.html" style="color:#06b6d4;text-decoration:none;">Carrot Critter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Garden arcade game — dodge rakes and harvest carrots. A fast-paced collect-and-avoid challenge with cute critter mechanics.</span></li>
<li style="margin:0.4rem 0;"><a href="crows-cache.html" style="color:#06b6d4;text-decoration:none;">Crow's Cache</a> — <span style="color:#9ca3af;font-size:0.85rem;">Falling-object catching game. Help a crow collect oranges and guard the stash — an arcade catcher with hoarding mechanics and increasing difficulty.</span></li>
<li style="margin:0.4rem 0;"><a href="printfarmville.html" style="color:#06b6d4;text-decoration:none;">Printfarmville</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D printing farm tycoon simulator. Manage print queues, upgrade machines, and scale your operation — an idle tycoon game for maker culture and 3D printing fans.</span></li>
<li style="margin:0.4rem 0;"><a href="elevator-agent.html" style="color:#06b6d4;text-decoration:none;">Elevator Agent</a> — <span style="color:#9ca3af;font-size:0.85rem;">Stealth puzzle game with elevator mechanics. Infiltrate buildings, hack access panels, and ride between floors — a spy-themed logic adventure.</span></li>
<li style="margin:0.4rem 0;"><a href="orbit-defender.html" style="color:#06b6d4;text-decoration:none;">Orbit Defender</a> — <span style="color:#9ca3af;font-size:0.85rem;">Orbital space shooter — defend your station from 360° enemy waves. Tactical positioning and weapon management in a rotational arena combat game.</span></li>
<li style="margin:0.4rem 0;"><a href="tron-troff.html" style="color:#06b6d4;text-decoration:none;">TRON TROFF</a> — <span style="color:#9ca3af;font-size:0.85rem;">Tron light cycle game — race and cut off opponents on a neon grid. Outmaneuver AI riders in this retro tribute to the 1982 arcade classic.</span></li>
<li style="margin:0.4rem 0;"><a href="vecterra-command.html" style="color:#06b6d4;text-decoration:none;">Vecterra Command</a> — <span style="color:#9ca3af;font-size:0.85rem;">Neon wireframe survival shooter on an infinite vector grid. Dodge and blast through waves — inspired by Tempest and Geometry Wars aesthetics.</span></li>
<li style="margin:0.4rem 0;"><a href="magic-8ball.html" style="color:#06b6d4;text-decoration:none;">Magic 8-Ball</a> — <span style="color:#9ca3af;font-size:0.85rem;">Magic 8-Ball simulator with 3D physics. Shake for answers — a digital replica of the Mattel fortune-telling toy with realistic fluid animation.</span></li>
<li style="margin:0.4rem 0;"><a href="ready-steady.html" style="color:#06b6d4;text-decoration:none;">Ready Steady Bang</a> — <span style="color:#9ca3af;font-size:0.85rem;">Quick-draw reflex duel with retro GameBoy styling. Test your reaction time in a western standoff — a free alternative to quick-draw and reaction test apps.</span></li>
<li style="margin:0.4rem 0;"><a href="virtual-pop.html" style="color:#06b6d4;text-decoration:none;">Virtual Pop</a> — <span style="color:#9ca3af;font-size:0.85rem;">Pop-It fidget toy simulator with procedural bubbles. Endless satisfying pops — a digital stress relief alternative to physical Pop-It and fidget toys.</span></li>
<li style="margin:0.4rem 0;"><a href="aurebesh-trainer.html" style="color:#06b6d4;text-decoration:none;">Aurebesh Trainer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Star Wars Aurebesh alphabet trainer. Learn to read and write the galactic script with quizzes, flashcards, and a translation cheat sheet.</span></li>
<li style="margin:0.4rem 0;"><a href="solar-juggler.html" style="color:#06b6d4;text-decoration:none;">Solar Juggler</a> — <span style="color:#9ca3af;font-size:0.85rem;">Webcam-based virtual juggling toy. Use your camera and motion tracking to juggle digital balls — a fun computer-vision-powered physics toy.</span></li>
<li style="margin:0.4rem 0;"><a href="cyber-horizon.html" style="color:#06b6d4;text-decoration:none;">Cyber Horizon</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free 3D neon racer. Hit portal shortcuts, drift for boost, outrun CPU rivals across endless worlds or 1-5 lap circuits. No signup, plays in your browser.</span></li>
<li style="margin:0.4rem 0;"><a href="simon-says.html" style="color:#06b6d4;text-decoration:none;">Simon Says</a> — <span style="color:#9ca3af;font-size:0.85rem;">Simon memory game with color and tone sequences. Follow the pattern, test your recall — a faithful recreation of the classic Milton Bradley electronic game.</span></li>
<li style="margin:0.4rem 0;"><a href="air-hockey.html" style="color:#06b6d4;text-decoration:none;">Air Hockey</a> — <span style="color:#9ca3af;font-size:0.85rem;">Air hockey table simulator with 3D physics, skeuomorphic neon-lit table, and adjustable CPU opponent — arcade sports game alternative to real tabletop play.</span></li>
<li style="margin:0.4rem 0;"><a href="maze-maker.html" style="color:#06b6d4;text-decoration:none;">Maze Maker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free printable maze generator — grid, hex, triangle, circular, or shaped from a photo or emoji. Solve, then export to PDF, PNG, or SVG with an answer key.</span></li>
<li style="margin:0.4rem 0;"><a href="thin-ice.html" style="color:#06b6d4;text-decoration:none;">Thin Ice</a> — <span style="color:#9ca3af;font-size:0.85rem;">"Don't Break the Ice?" Okay. Here's a 3D ice-block tapping game — knock out the frozen blocks one by one without dropping the penguin. Be cool!</span></li>
<li style="margin:0.4rem 0;"><a href="ice-wheels.html" style="color:#06b6d4;text-decoration:none;">Ice Wheels</a> — <span style="color:#9ca3af;font-size:0.85rem;">Drift and do donuts in a snowy 3D parking lot. Switch FWD, RWD, and AWD, carve tire tracks, and knock cones over for points. Every day is a snow day!</span></li>
<li style="margin:0.4rem 0;"><a href="snack-samurai.html" style="color:#06b6d4;text-decoration:none;">Snack Samurai</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free fruit slicing game with real 3D fruit, combos, criticals, bombs, special bananas, and Classic, Arcade &amp; Zen modes. Pure fun. Low calorie. Eat your veggies.</span></li>
<li style="margin:0.4rem 0;"><a href="astrostorm.html" style="color:#06b6d4;text-decoration:none;">Astrostorm</a> — <span style="color:#9ca3af;font-size:0.85rem;">Classic Asteroids game with power-ups, hyperspace, UFOs, astronaut rescues, boss waves, and a scrolling 8x8 world. A retro space shooter like Maelstrom. GAME OVER?</span></li>
<li style="margin:0.4rem 0;"><a href="paper-glider.html" style="color:#06b6d4;text-decoration:none;">Paper Glider</a> — <span style="color:#9ca3af;font-size:0.85rem;">Paper airplane flying game — glide through endless rooms, thread floating rings, and dodge furniture in warm afternoon light. A free tribute to Glider PRO.</span></li>
<li style="margin:0.4rem 0;"><a href="glass-towers.html" style="color:#06b6d4;text-decoration:none;">Glass Towers</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D stacking balance game. Drop translucent glass shapes on a pedestal and build the tallest sculpture — free alternative to Stacktris and Balance Stack.</span></li>
<li style="margin:0.4rem 0;"><a href="slack-man.html" style="color:#06b6d4;text-decoration:none;">Slack Man</a> — <span style="color:#9ca3af;font-size:0.85rem;">Endless Pac-Man style maze chase set inside Slack. Clear tasks, dodge Distractions, grab coffee for Focus Mode — a free workplace arcade game.</span></li>
<li style="margin:0.4rem 0;"><a href="jimothy.html" style="color:#06b6d4;text-decoration:none;">Jimothy</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free 8-bit NES-style (Nintendo) game starring Jimothy, Seattle's viral short-spined raccoon. Raid trash cans, dodge paparazzi, cross Ballard streets, climb to the den.</span></li>
<li style="margin:0.4rem 0;"><a href="ufo-game.html" style="color:#06b6d4;text-decoration:none;">UFO Game</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D flying saucer game: pilot a UFO, tractor-beam humans and cows, charge the laser, and level a voxel city. A free Destroy All Humans alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="castle-defense.html" style="color:#06b6d4;text-decoration:none;">Castle Defense</a> — <span style="color:#9ca3af;font-size:0.85rem;">Castle defense drawn entirely in crayon. Grab the stick army, fling them into the ground, convert survivors, and hold the walls one more day. Crayon warriors, FTW!</span></li>
<li style="margin:0.4rem 0;"><a href="jimothy-sighting.html" style="color:#06b6d4;text-decoration:none;">Jimothy Sighting</a> — <span style="color:#9ca3af;font-size:0.85rem;">You spotted Jimothy! Now get him home. A free 8-bit NES-style game starring Seattle's viral short-spined raccoon: climb the fence, cross it, trash the big bad boss.</span></li>
<li style="margin:0.4rem 0;"><a href="jimothy-game.html" style="color:#06b6d4;text-decoration:none;">Jimothy Game</a> — <span style="color:#9ca3af;font-size:0.85rem;">Jimothy sighting! 8-bit NES game starring Seattle's viral short-spined raccoon. Raid trash cans, dodge paparazzi, cross Ballard, climb to the den.</span></li>
<li style="margin:0.4rem 0;"><a href="jimothy-raccoon.html" style="color:#06b6d4;text-decoration:none;">Raccoon Run</a> — <span style="color:#9ca3af;font-size:0.85rem;">Jimothy Night! Free browser maze game starring Jimothy, Seattle's viral short-spined raccoon. Clear every scrap, roll for speed, outrun dogs. Definitely not PAC-MAN.</span></li>
<li style="margin:0.4rem 0;"><a href="spin-stack.html" style="color:#06b6d4;text-decoration:none;">Spin Stack</a> — <span style="color:#9ca3af;font-size:0.85rem;">Spin Stack is a rotating block puzzle: the whole chamber turns a quarter turn after every piece, and only lines through the core count. Not Tetris, but like it.</span></li>
<li style="margin:0.4rem 0;"><a href="monster-rally.html" style="color:#06b6d4;text-decoration:none;">Monster Rally</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free monster truck racing game in your browser. Generate endless 3D dirt tracks, share any circuit by code, and race the pack. No download, no signup. Vroom!</span></li>
<li style="margin:0.4rem 0;"><a href="space-coaster.html" style="color:#06b6d4;text-decoration:none;">Space Coaster</a> — <span style="color:#9ca3af;font-size:0.85rem;">Race a hovercraft against rivals on a looping 3D anti-gravity circuit with sweepers, gravity shears, moving gates, portals, drift surges, and hull damage. Free TRON?</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Generative Art &amp; Shaders (50)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="mathimation.html" style="color:#06b6d4;text-decoration:none;">Mathimation</a> — <span style="color:#9ca3af;font-size:0.85rem;">Mathematical animation generator. Explore visual patterns from parametric equations — watch Fourier series, Lissajous curves, and other formulas come alive.</span></li>
<li style="margin:0.4rem 0;"><a href="glasshole.html" style="color:#06b6d4;text-decoration:none;">Glasshole</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural glass art generator. Create translucent geometric sculptures with refraction and caustics — a generative alternative to Chihuly-style digital glass art.</span></li>
<li style="margin:0.4rem 0;"><a href="circuit-breaker.html" style="color:#06b6d4;text-decoration:none;">Circuit Breaker</a> — <span style="color:#9ca3af;font-size:0.85rem;">PCB circuit board art generator. Create hyperrealistic printed circuit board designs as digital art — generative electronics aesthetics for posters and wallpapers.</span></li>
<li style="margin:0.4rem 0;"><a href="particle-man.html" style="color:#06b6d4;text-decoration:none;">Particle Man</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive particle flow field simulator. Thousands of particles follow your cursor — a WebGL physics toy inspired by flow field algorithms and Boids.</span></li>
<li style="margin:0.4rem 0;"><a href="the-matrix.html" style="color:#06b6d4;text-decoration:none;">The Matrix</a> — <span style="color:#9ca3af;font-size:0.85rem;">Matrix digital rain in 3D WebGL. The iconic green cascading code from The Matrix rendered with depth and perspective — a screensaver-quality recreation.</span></li>
<li style="margin:0.4rem 0;"><a href="flux-weaver.html" style="color:#06b6d4;text-decoration:none;">Flux Weaver</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive shader art tool. Create flowing abstract visuals with real-time GPU controls — a free alternative to ShaderToy for generative art exploration.</span></li>
<li style="margin:0.4rem 0;"><a href="spectro-bloom.html" style="color:#06b6d4;text-decoration:none;">Spectro Bloom</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative floral nebula art. Watch evolving organic blooms of light and color — procedural nature-inspired visuals with parametric controls.</span></li>
<li style="margin:0.4rem 0;"><a href="ribbon-waves.html" style="color:#06b6d4;text-decoration:none;">Ribbon Waves</a> — <span style="color:#9ca3af;font-size:0.85rem;">Abstract ribbon wave visualization. Create flowing colorful patterns with mouse interaction — a relaxing generative art toy for ambient displays.</span></li>
<li style="margin:0.4rem 0;"><a href="lumicube.html" style="color:#06b6d4;text-decoration:none;">Lumicube</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D fractal art generator. Create and explore luminous geometric fractal sculptures — a free alternative to Mandelbulb 3D and Fragmentarium for fractal exploration.</span></li>
<li style="margin:0.4rem 0;"><a href="quantum-platelets.html" style="color:#06b6d4;text-decoration:none;">Quantum Platelets</a> — <span style="color:#9ca3af;font-size:0.85rem;">Glowing particle field generator. Create luminous quantum-inspired formations with adjustable physics — an interactive WebGL particle system explorer.</span></li>
<li style="margin:0.4rem 0;"><a href="space-rose.html" style="color:#06b6d4;text-decoration:none;">Space Rose</a> — <span style="color:#9ca3af;font-size:0.85rem;">Cosmic nebula art generator. Create swirling space formations with parametric controls — procedural astronomical visuals inspired by Hubble and Webb imagery.</span></li>
<li style="margin:0.4rem 0;"><a href="whitecap-whirlpool.html" style="color:#06b6d4;text-decoration:none;">Whitecap Whirlpool</a> — <span style="color:#9ca3af;font-size:0.85rem;">Abstract flow art generator. Create zooming and swirling visual patterns — a calming generative art tool for ambient display and desktop backgrounds.</span></li>
<li style="margin:0.4rem 0;"><a href="apple-glow.html" style="color:#06b6d4;text-decoration:none;">Apple Glow</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive shader toy with luminous effects. Play with glowing shapes and GPU-powered graphics — a WebGL sandbox for real-time visual experimentation.</span></li>
<li style="margin:0.4rem 0;"><a href="charactercade.html" style="color:#06b6d4;text-decoration:none;">Charactercade</a> — <span style="color:#9ca3af;font-size:0.85rem;">Cascading ASCII character rain generator. Watch text flow in mesmerizing patterns — a customizable Matrix-rain-style typographic art tool.</span></li>
<li style="margin:0.4rem 0;"><a href="fractal-flower.html" style="color:#06b6d4;text-decoration:none;">Fractal Flower</a> — <span style="color:#9ca3af;font-size:0.85rem;">Fractal flower pattern generator. Create mathematical floral designs with adjustable parameters — explore L-system and IFS-based botanical generative art.</span></li>
<li style="margin:0.4rem 0;"><a href="orbit-trails.html" style="color:#06b6d4;text-decoration:none;">Orbit Trails</a> — <span style="color:#9ca3af;font-size:0.85rem;">Orbital fractal art toy. Watch particles trace beautiful paths around attractors — a gravity simulation visualizer with hypnotic trail rendering.</span></li>
<li style="margin:0.4rem 0;"><a href="string-theory.html" style="color:#06b6d4;text-decoration:none;">String Theory</a> — <span style="color:#9ca3af;font-size:0.85rem;">Abstract string art visualization. Create flowing thread patterns with mouse interaction — a digital tribute to mathematical string art and Bézier curve drawing.</span></li>
<li style="margin:0.4rem 0;"><a href="awesome-blossom.html" style="color:#06b6d4;text-decoration:none;">Awesome Blossom</a> — <span style="color:#9ca3af;font-size:0.85rem;">WebGL shader art generator. Create luminous floral patterns with real-time GPU rendering — generative botanical art powered by GLSL fragment shaders.</span></li>
<li style="margin:0.4rem 0;"><a href="block-knocks.html" style="color:#06b6d4;text-decoration:none;">Block Knocks</a> — <span style="color:#9ca3af;font-size:0.85rem;">Fractal pattern controller. Adjust parameters to create complex geometric visual designs — an interactive explorer for Mandelbrot-adjacent mathematical art.</span></li>
<li style="margin:0.4rem 0;"><a href="vitreus-spectacle.html" style="color:#06b6d4;text-decoration:none;">Vitreus Spectacle</a> — <span style="color:#9ca3af;font-size:0.85rem;">Abstract glass geometry generator. Create translucent sculptural forms with refraction and lighting — a PBR material showcase for generative crystallography.</span></li>
<li style="margin:0.4rem 0;"><a href="aether-flux.html" style="color:#06b6d4;text-decoration:none;">Aether Flux</a> — <span style="color:#9ca3af;font-size:0.85rem;">Raymarching shader art generator. Explore cosmic fractal visuals with real-time parameter controls — a GPU-powered alternative to Mandelbulb 3D.</span></li>
<li style="margin:0.4rem 0;"><a href="metal-petal.html" style="color:#06b6d4;text-decoration:none;">Metal Petal</a> — <span style="color:#9ca3af;font-size:0.85rem;">Metallic floral shader art. GLSL-powered physics simulations of metal flower forms — a generative art piece exploring material science and botanical geometry.</span></li>
<li style="margin:0.4rem 0;"><a href="petalworks.html" style="color:#06b6d4;text-decoration:none;">Petalworks</a> — <span style="color:#9ca3af;font-size:0.85rem;">Fractal shader experience. Explore evolving petal-like mathematical structures — a real-time IFS fractal art tool with morphing parametric controls.</span></li>
<li style="margin:0.4rem 0;"><a href="joy-field.html" style="color:#06b6d4;text-decoration:none;">Joy Field</a> — <span style="color:#9ca3af;font-size:0.85rem;">Audio-reactive generative art. Procedural geometry responds to music and sound in real-time — a visual music experience inspired by Milkdrop and Winamp visualizers.</span></li>
<li style="margin:0.4rem 0;"><a href="node-moe.html" style="color:#06b6d4;text-decoration:none;">Node Moe</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive particle engine toy. Create node-based particle systems with adjustable physics — a fun sandbox for exploring force-directed graph dynamics.</span></li>
<li style="margin:0.4rem 0;"><a href="snubbles.html" style="color:#06b6d4;text-decoration:none;">Snubbles</a> — <span style="color:#9ca3af;font-size:0.85rem;">Mathematical precision art generator. Complex geometric patterns from parametric functions — algorithmic art exploring Snub polyhedra and uniform tilings.</span></li>
<li style="margin:0.4rem 0;"><a href="computer-outerface.html" style="color:#06b6d4;text-decoration:none;">Computer Outerface</a> — <span style="color:#9ca3af;font-size:0.85rem;">Digital face generator with procedural expressions. Create stylized computer personalities — a quirky generative character toy with randomized features.</span></li>
<li style="margin:0.4rem 0;"><a href="geosplash.html" style="color:#06b6d4;text-decoration:none;">Geosplash</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hypnotic visual grid pattern generator. Mesmerizing geometric animations with adjustable parameters — an interactive op-art and moiré pattern tool.</span></li>
<li style="margin:0.4rem 0;"><a href="maze-craze.html" style="color:#06b6d4;text-decoration:none;">Maze Craze</a> — <span style="color:#9ca3af;font-size:0.85rem;">Truchet tiling pattern generator. Create intricate maze-like geometric designs — a mathematical art tool for generative mosaic and labyrinth patterns.</span></li>
<li style="margin:0.4rem 0;"><a href="stepfinity.html" style="color:#06b6d4;text-decoration:none;">Stepfinity</a> — <span style="color:#9ca3af;font-size:0.85rem;">Algorithmic infinite pattern generator. Evolving geometric sequences unfold endlessly — an exploration of cellular automata and mathematical tiling.</span></li>
<li style="margin:0.4rem 0;"><a href="waves-wash.html" style="color:#06b6d4;text-decoration:none;">Waves Wash</a> — <span style="color:#9ca3af;font-size:0.85rem;">Neural fractal flow visualizer. Create wave patterns with mathematical precision — a calming generative art tool inspired by neural style transfer aesthetics.</span></li>
<li style="margin:0.4rem 0;"><a href="imperial-architect.html" style="color:#06b6d4;text-decoration:none;">Imperial Architect</a> — <span style="color:#9ca3af;font-size:0.85rem;">Sci-fi industrial surface generator inspired by Star Wars greeble. Create intricate mechanical textures — generative kitbashing for concept art and design.</span></li>
<li style="margin:0.4rem 0;"><a href="sore-eye.html" style="color:#06b6d4;text-decoration:none;">Sore Eye</a> — <span style="color:#9ca3af;font-size:0.85rem;">Abstract concentric ring pattern generator. Hypnotic formations with adjustable colors and motion — an op-art tool for moiré and interference pattern design.</span></li>
<li style="margin:0.4rem 0;"><a href="chromacosm.html" style="color:#06b6d4;text-decoration:none;">Chromacosm</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive nebula shader visualizer. Explore colorful cosmic gas clouds with density and lighting controls — procedural space art rivaling Hubble palettes.</span></li>
<li style="margin:0.4rem 0;"><a href="lattice-pray.html" style="color:#06b6d4;text-decoration:none;">Lettuce Pray</a> — <span style="color:#9ca3af;font-size:0.85rem;">Neural lattice visualizer. Trigonometric density studies with evolving structures — mathematical generative art exploring periodic spatial functions.</span></li>
<li style="margin:0.4rem 0;"><a href="voronoi-vale.html" style="color:#06b6d4;text-decoration:none;">Voronoi Vale</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive Voronoi tessellation generator. Satisfying jiggly mathematical patterns — a real-time Voronoi diagram tool for computational geometry exploration.</span></li>
<li style="margin:0.4rem 0;"><a href="404.html" style="color:#06b6d4;text-decoration:none;">Best 404 Ever</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive 404 error page art. Drag, ripple, and play with a creative page-not-found design — a unique browser art installation you can interact with.</span></li>
<li style="margin:0.4rem 0;"><a href="heart-drops.html" style="color:#06b6d4;text-decoration:none;">Heart Drops</a> — <span style="color:#9ca3af;font-size:0.85rem;">Heart-on-glass love message generator. Customize fog, lightning, and mist effects for romantic rain-on-window scenes — a Valentine's Day visual card maker.</span></li>
<li style="margin:0.4rem 0;"><a href="diamond-studio.html" style="color:#06b6d4;text-decoration:none;">Diamond Studio</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D diamond viewer with physically-based rendering. Visualize and compare diamond cuts with realistic light simulation — a gemological analysis tool.</span></li>
<li style="margin:0.4rem 0;"><a href="depth-window.html" style="color:#06b6d4;text-decoration:none;">Depth Window</a> — <span style="color:#9ca3af;font-size:0.85rem;">Off-axis projection with webcam head tracking — your screen becomes a window into 3D. Drop STL, OBJ, or 3MF models for head-tracked perspective viewing.</span></li>
<li style="margin:0.4rem 0;"><a href="gullywash.html" style="color:#06b6d4;text-decoration:none;">Gullywash</a> — <span style="color:#9ca3af;font-size:0.85rem;">Make your own island! Watch an erosion filter carve gullies and river drainage in real time, then export a heightmap PNG, 4K render, or 3D-printable STL. For kicks.</span></li>
<li style="margin:0.4rem 0;"><a href="aetheric-gears.html" style="color:#06b6d4;text-decoration:none;">Aetheric Gears</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural steampunk gear machine that animates endless interlocking brass gear trains — a clockwork art generator with an optional parallax pipes background.</span></li>
<li style="margin:0.4rem 0;"><a href="night-curtains.html" style="color:#06b6d4;text-decoration:none;">Night Curtains</a> — <span style="color:#9ca3af;font-size:0.85rem;">Aurora borealis simulator and northern lights screensaver with KP storm control, procedural curtains, live substorms. Never loops. Works year-round from your location!</span></li>
<li style="margin:0.4rem 0;"><a href="mandala-muse.html" style="color:#06b6d4;text-decoration:none;">Mandala Muse</a> — <span style="color:#9ca3af;font-size:0.85rem;">Mandala maker and symmetry drawing studio — kaleidoscope brushes, layers, sacred-geometry palettes, coloring-page features. A free alternative to Silk and Weavesilk.</span></li>
<li style="margin:0.4rem 0;"><a href="live-wire.html" style="color:#06b6d4;text-decoration:none;">Live Wire</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative circuit-board animation with routed light pulses, parallax depth, and neon palettes — a living PCB screensaver and free live wallpaper for your screen.</span></li>
<li style="margin:0.4rem 0;"><a href="bricksaver.html" style="color:#06b6d4;text-decoration:none;">BrickSaver</a> — <span style="color:#9ca3af;font-size:0.85rem;">BrickSaver is a free 3D brick screensaver and wallpaper maker — a calm sea of tumbling LEGO-style bricks you can tune and capture as a PNG, MP4, or GIF.</span></li>
<li style="margin:0.4rem 0;"><a href="virtual-bonsai.html" style="color:#06b6d4;text-decoration:none;">Virtual Bonsai</a> — <span style="color:#9ca3af;font-size:0.85rem;">Grow a 3D bonsai tree in your browser. 11 species across sakura, juniper, pine, maple, elm and ficus, with full pot and scene color to save as a free wallpaper.</span></li>
<li style="margin:0.4rem 0;"><a href="emoji-press.html" style="color:#06b6d4;text-decoration:none;">Emoji Press</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D emoji screensaver: a rolling paper press prints 3,884 Unicode 17.0 emoji onto an endless paper strip. Steer it, or leave it wandering on its own. It's not sticky!</span></li>
<li style="margin:0.4rem 0;"><a href="hot-coals.html" style="color:#06b6d4;text-decoration:none;">Hot Coals</a> — <span style="color:#9ca3af;font-size:0.85rem;">A living bed of glowing charcoal — no flames, just real 3D coals that breathe, crack, and cool. No need to start a fire? Just watch the embers. Without the heat.</span></li>
<li style="margin:0.4rem 0;"><a href="rock-collector.html" style="color:#06b6d4;text-decoration:none;">Rock Collector</a> — <span style="color:#9ca3af;font-size:0.85rem;">A virtual rock collection you can handle: tumble, stack and study 286 minerals, rocks, gems, fossils and meteorites with real hardness, streak and luster.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">3D Worlds &amp; Simulations (55)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="binary-suns.html" style="color:#06b6d4;text-decoration:none;">Binary Suns</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural desert landscape with twin suns, inspired by Tatooine. Explore vast alien terrain in 3D — a Star Wars-aesthetic generative world.</span></li>
<li style="margin:0.4rem 0;"><a href="aqua-force.html" style="color:#06b6d4;text-decoration:none;">Aqua Force</a> — <span style="color:#9ca3af;font-size:0.85rem;">Fluid dynamics ring simulator. Create mesmerizing water-like ring formations with real-time physics — a satisfying WebGL toy for fluid simulation enthusiasts.</span></li>
<li style="margin:0.4rem 0;"><a href="fractal-clouds.html" style="color:#06b6d4;text-decoration:none;">Fractal Clouds</a> — <span style="color:#9ca3af;font-size:0.85rem;">Volumetric fractal cloud visualizer. Explore 3D cloud formations with atmospheric controls — a raymarched weather art tool powered by WebGL shaders.</span></li>
<li style="margin:0.4rem 0;"><a href="morphosphere.html" style="color:#06b6d4;text-decoration:none;">Morphosphere</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D morphing sphere visualization. Watch a colorful orb shift and transform with vertex displacement — a satisfying WebGL demo of procedural mesh animation.</span></li>
<li style="margin:0.4rem 0;"><a href="shape-weaver.html" style="color:#06b6d4;text-decoration:none;">Shape Weaver</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D particle shape morphing tool. Watch thousands of particles transform between geometric forms — a mesmerizing point-cloud animation engine.</span></li>
<li style="margin:0.4rem 0;"><a href="neotropolis.html" style="color:#06b6d4;text-decoration:none;">Neotropolis</a> — <span style="color:#9ca3af;font-size:0.85rem;">Psychedelic cityscape generator. Explore surreal urban landscapes with neon colors and shifting perspectives — procedural architecture art with a vaporwave aesthetic.</span></li>
<li style="margin:0.4rem 0;"><a href="scroll-city.html" style="color:#06b6d4;text-decoration:none;">Scroll City</a> — <span style="color:#9ca3af;font-size:0.85rem;">Cyberpunk cityscape builder. Scroll to reveal a neon-lit urban horizon — a stylish retro-futuristic parallax skyline visualization.</span></li>
<li style="margin:0.4rem 0;"><a href="alumisphere.html" style="color:#06b6d4;text-decoration:none;">Alumisphere</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive metallic sphere visualization. Adjust lighting, reflections, and surface properties — a satisfying PBR material demo with real-time environment mapping.</span></li>
<li style="margin:0.4rem 0;"><a href="cube-garden.html" style="color:#06b6d4;text-decoration:none;">Cube Garden</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D cube garden generator. Grow geometric landscapes of cubes with interactive controls — a satisfying generative voxel art toy with real-time growth simulation.</span></li>
<li style="margin:0.4rem 0;"><a href="shader-fire.html" style="color:#06b6d4;text-decoration:none;">Shader Fire</a> — <span style="color:#9ca3af;font-size:0.85rem;">Realistic GPU fire simulation. Watch and customize real-time flames with adjustable parameters — a raymarched combustion visualizer powered by fragment shaders.</span></li>
<li style="margin:0.4rem 0;"><a href="tunnel-warp.html" style="color:#06b6d4;text-decoration:none;">Tunnel Warp</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D tunnel visualization with speed, FOV, and rotation controls. Fly through infinite warp tunnels — a classic demoscene-style tunnel effect in WebGL.</span></li>
<li style="margin:0.4rem 0;"><a href="viral-alert.html" style="color:#06b6d4;text-decoration:none;">Viral Alert</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D virus structure simulator. Explore dynamic molecular formations with icosahedral geometry — a biological visualization inspired by electron microscopy.</span></li>
<li style="margin:0.4rem 0;"><a href="crystal-candy.html" style="color:#06b6d4;text-decoration:none;">Crystal Candy</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite crystal forest generator. Explore an endless procedural landscape of sparkling geometric formations — a generative geology visualizer.</span></li>
<li style="margin:0.4rem 0;"><a href="electric-ivy.html" style="color:#06b6d4;text-decoration:none;">Electric Ivy</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D fractal fold explorer. Touch and manipulate organic electric-ivy structures — an interactive IFS fractal renderer with real-time deformation.</span></li>
<li style="margin:0.4rem 0;"><a href="the-blob.html" style="color:#06b6d4;text-decoration:none;">The Blob</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive 3D blob simulator. Customize organic metaball geometry with physics and color — a satisfying morphing toy using raymarched implicit surfaces.</span></li>
<li style="margin:0.4rem 0;"><a href="beneath-air.html" style="color:#06b6d4;text-decoration:none;">Beneath Air</a> — <span style="color:#9ca3af;font-size:0.85rem;">Mandelbox fractal explorer. Navigate infinite mathematical structures with adjustable parameters — a free alternative to Mandelbulber and Fragmentarium.</span></li>
<li style="margin:0.4rem 0;"><a href="liquid-evolution.html" style="color:#06b6d4;text-decoration:none;">Liquid Evolution</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D generative sphere visualization. Organic liquid forms evolve and morph — a captivating vertex-displacement animation with GLSL noise functions.</span></li>
<li style="margin:0.4rem 0;"><a href="column-cascade.html" style="color:#06b6d4;text-decoration:none;">Column Cascade</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite fractal column explorer. Navigate endless recursive architectural structures — a Mandelbrot-inspired journey through mathematical architecture.</span></li>
<li style="margin:0.4rem 0;"><a href="linky-dinks.html" style="color:#06b6d4;text-decoration:none;">Linky Dinks</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite chain link world simulator. Explore a metallic lattice with real-time navigation — a procedural material study in interlocking geometry.</span></li>
<li style="margin:0.4rem 0;"><a href="spire-recursion.html" style="color:#06b6d4;text-decoration:none;">Spire Recursion</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite recursive nebula generator. Spiraling cosmic structures with real-time controls — a fractal zoom experience inspired by Mandelbrot deep-dives.</span></li>
<li style="margin:0.4rem 0;"><a href="sun-spots.html" style="color:#06b6d4;text-decoration:none;">Sun Spots</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive solar plasma simulation. Explore sun surface artifacts and magnetic dynamics — an astrophysical visualization inspired by SDO/SOHO solar imagery.</span></li>
<li style="margin:0.4rem 0;"><a href="broken-city.html" style="color:#06b6d4;text-decoration:none;">Broken City</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative dystopian architecture explorer. Navigate crumbling geometric cityscapes — procedural urban decay art inspired by Brutalist architecture.</span></li>
<li style="margin:0.4rem 0;"><a href="fuzzy-neuron.html" style="color:#06b6d4;text-decoration:none;">Fuzzy Neuron</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural 3D neuron structure generator. Explore branching dendrites and axonal networks — a biological visualization inspired by Cajal's neural drawings.</span></li>
<li style="margin:0.4rem 0;"><a href="mid-canyon.html" style="color:#06b6d4;text-decoration:none;">Mid Canyon</a> — <span style="color:#9ca3af;font-size:0.85rem;">Sci-fi trench run simulator. Fly through procedural canyons with dynamic terrain — a Star Wars Death Star-inspired generative flight experience.</span></li>
<li style="margin:0.4rem 0;"><a href="vessel-reformed.html" style="color:#06b6d4;text-decoration:none;">Vessel Reformed</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive liquid physics simulator. Adjust viscosity, flow, and surface tension — a fluid dynamics sandbox exploring Navier-Stokes-inspired simulations.</span></li>
<li style="margin:0.4rem 0;"><a href="blob-snob.html" style="color:#06b6d4;text-decoration:none;">Blob Snob</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural gyroid structure generator. Blobby 3D mathematical surfaces in motion — a visualization of triply periodic minimal surfaces and TPMS geometry.</span></li>
<li style="margin:0.4rem 0;"><a href="feeling-salty.html" style="color:#06b6d4;text-decoration:none;">Feeling Salty</a> — <span style="color:#9ca3af;font-size:0.85rem;">Crystal growth simulator. Explore cubic crystallization with SEM-style visuals — a procedural mineralogy visualization inspired by scanning electron microscopy.</span></li>
<li style="margin:0.4rem 0;"><a href="fractal-mantle.html" style="color:#06b6d4;text-decoration:none;">Fractal Mantle</a> — <span style="color:#9ca3af;font-size:0.85rem;">Raymarching fractal explorer. Navigate geometric variations and mathematical landscapes — a free 3D fractal renderer like Mandelbulb 3D, running in WebGL.</span></li>
<li style="margin:0.4rem 0;"><a href="infinity-cubes.html" style="color:#06b6d4;text-decoration:none;">Infinity Cubes</a> — <span style="color:#9ca3af;font-size:0.85rem;">Menger sponge fractal tunnel. Fly through infinite recursive cube structures — a classic fractal geometry visualization with mesmerizing depth.</span></li>
<li style="margin:0.4rem 0;"><a href="luxstranded.html" style="color:#06b6d4;text-decoration:none;">Luxstranded</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural light tunnel explorer. Navigate infinite evolving strands of light — a raymarched WebGL experience exploring volumetric illumination.</span></li>
<li style="margin:0.4rem 0;"><a href="other-oceans.html" style="color:#06b6d4;text-decoration:none;">Other Oceans</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative ocean explorer powered by WebGL2. Infinite procedural underwater spaces with evolving aquatic visuals — an ambient deep-sea environment.</span></li>
<li style="margin:0.4rem 0;"><a href="plasma-globe.html" style="color:#06b6d4;text-decoration:none;">Plasma Globe</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive plasma globe simulator. Touch the virtual globe and watch electric arcs follow your cursor — a digital replica of the classic novelty toy.</span></li>
<li style="margin:0.4rem 0;"><a href="pool-party.html" style="color:#06b6d4;text-decoration:none;">Pool Party</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D pool water simulator with volumetric raymarching. Explore underwater distortions and caustic lighting — a real-time aquatic physics visualization.</span></li>
<li style="margin:0.4rem 0;"><a href="pyroclastic.html" style="color:#06b6d4;text-decoration:none;">Pyroclastic</a> — <span style="color:#9ca3af;font-size:0.85rem;">Fire and smoke simulator with volumetric shaders and generative audio. Realistic combustion visualization — a GPU-powered pyrotechnics engine.</span></li>
<li style="margin:0.4rem 0;"><a href="water-planet.html" style="color:#06b6d4;text-decoration:none;">Water Planet</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D ocean world explorer. Navigate a water planet with procedural waves and atmospheric effects — an immersive planetary environment with FFT water simulation.</span></li>
<li style="margin:0.4rem 0;"><a href="crystal-cluster.html" style="color:#06b6d4;text-decoration:none;">Crystal Cluster</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D crystal growth simulator. Customize formations, explosion forces, and cinematic lighting — procedural mineralogy art with physics-based generation.</span></li>
<li style="margin:0.4rem 0;"><a href="disco-ball.html" style="color:#06b6d4;text-decoration:none;">Disco Ball</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D disco ball simulator with reflective mirrors, dynamic nebulae, and starfields. A spinning mirrored sphere casting light across your screen.</span></li>
<li style="margin:0.4rem 0;"><a href="generative-geode.html" style="color:#06b6d4;text-decoration:none;">Generative Geode</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D geode generator with mineral growth, agate layers, and crystal formations. Explore procedural geology — a generative mineralogy art tool.</span></li>
<li style="margin:0.4rem 0;"><a href="refraction-action.html" style="color:#06b6d4;text-decoration:none;">Refraction Action</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D Voronoi lattice explorer with physical refraction and environment mapping. Create on-demand generative crystallography art.</span></li>
<li style="margin:0.4rem 0;"><a href="space-needle.html" style="color:#06b6d4;text-decoration:none;">Space Needle</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D Seattle Space Needle and city simulator. Dynamic day-night cycles, weather, and rain — explore the Pacific Northwest skyline in interactive 3D.</span></li>
<li style="margin:0.4rem 0;"><a href="gridrunner.html" style="color:#06b6d4;text-decoration:none;">GridRunner</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite procedural terrain through a CRT monitor. Synthwave wireframe landscape generator — a retro aesthetic tribute to Tron and 1980s vector graphics.</span></li>
<li style="margin:0.4rem 0;"><a href="hopf-skip.html" style="color:#06b6d4;text-decoration:none;">Hopf Skip</a> — <span style="color:#9ca3af;font-size:0.85rem;">Explore the Hopf fibration in your browser. 12 topology presets, generative color harmony, ribbon/tube fibers. It's a 4D-to-3D math art playground.</span></li>
<li style="margin:0.4rem 0;"><a href="oilwheel.html" style="color:#06b6d4;text-decoration:none;">Oilwheel</a> — <span style="color:#9ca3af;font-size:0.85rem;">Liquid light show simulator — a real-time fluid painting, with glowing bloom, oil-projection palettes, presets, custom palettes, media exports to save and share.</span></li>
<li style="margin:0.4rem 0;"><a href="grand-finale.html" style="color:#06b6d4;text-decoration:none;">Grand Finale</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free 3D fireworks sim that dances to your music or live mic. 43 real shell types, an orbit camera, holiday palettes, and MP4/GIF — a FWsim alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="blockyard.html" style="color:#06b6d4;text-decoration:none;">Blockyard</a> — <span style="color:#9ca3af;font-size:0.85rem;">A calming 3D wooden block sandbox with satisfying, ASMR-style wood clacks. Stack, fling, and topple real physics blocks. No score — just relax and play.</span></li>
<li style="margin:0.4rem 0;"><a href="stained-glass.html" style="color:#06b6d4;text-decoration:none;">Stained Glass</a> — <span style="color:#9ca3af;font-size:0.85rem;">Stained glass window generator with a real light engine: rose windows, Tiffany and Prairie panels, sun, caustics, export options. Use your own images, too. Holy sim!</span></li>
<li style="margin:0.4rem 0;"><a href="living-aquarium.html" style="color:#06b6d4;text-decoration:none;">Living Aquarium</a> — <span style="color:#9ca3af;font-size:0.85rem;">Freshwater aquarium simulator: aquascape with plants, driftwood and rock, stock 100 fish species, and let procedurally generated tanks cycle on their own.</span></li>
<li style="margin:0.4rem 0;"><a href="reef-dive.html" style="color:#06b6d4;text-decoration:none;">Reef Dive</a> — <span style="color:#9ca3af;font-size:0.85rem;">A pixel art aquarium that never runs the same reef twice. Every fish is grown from a procedural genome — its own shape, colour and markings — and swims. Dive, dive!</span></li>
<li style="margin:0.4rem 0;"><a href="brick-asmr.html" style="color:#06b6d4;text-decoration:none;">Brick ASMR</a> — <span style="color:#9ca3af;font-size:0.85rem;">Brick ASMR is an infinite hands-on pile of toy bricks with real-time physics and responsive rummaging sound — brush, dig, pick up, shake, and relax. Like a LEGO bin!</span></li>
<li style="margin:0.4rem 0;"><a href="hexcrawl-generator.html" style="color:#06b6d4;text-decoration:none;">Hexcrawl Generator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hexcrawl Generator builds fantasy hex maps with settlements, rivers, roads, ruins, a campaign gazetteer. Exports VTT, SVG, PDF, JSON for tabletop RPG game masters.</span></li>
<li style="margin:0.4rem 0;"><a href="screen-schnauzer.html" style="color:#06b6d4;text-decoration:none;">Screen Schnauzer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Virtual pixel dog roaming a full-screen yard: cursor following, zoomies, live-synthesized barks, your own images as toys. A free desktop pet.</span></li>
<li style="margin:0.4rem 0;"><a href="jimothy-screensaver.html" style="color:#06b6d4;text-decoration:none;">Jimothy Screensaver</a> — <span style="color:#9ca3af;font-size:0.85rem;">Virtual pet: an 8-bit Seattle raccoon that went viral is now roaming a full-screen yard: cursor following, zoomies, weather, custom backdrops, MP4 and GIF clips. Safe!</span></li>
<li style="margin:0.4rem 0;"><a href="wander-valley.html" style="color:#06b6d4;text-decoration:none;">Wander Valley</a> — <span style="color:#9ca3af;font-size:0.85rem;">Walk or fly through a hand-painted anime valley — river, village, steam train, four seasons — rebuilt from scratch every reload. Time to explore this free, open world!</span></li>
<li style="margin:0.4rem 0;"><a href="campfire-simulator.html" style="color:#06b6d4;text-decoration:none;">Campfire Simulator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Virtual campfire in a living night forest. Crackling fire, wind, crickets and rain synthesised live — never a loop. Free fire sounds for sleep, focus and calm.</span></li>
<li style="margin:0.4rem 0;"><a href="domino-rally.html" style="color:#06b6d4;text-decoration:none;">Domino Rally</a> — <span style="color:#9ca3af;font-size:0.85rem;">Domino run builder with real 3D physics. Draw tracks, add bridges, branches and curves, turn photos into domino mosaics, then watch the whole chain reaction topple.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Ambient &amp; Relaxing Visuals (25)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="kineticcosmos.html" style="color:#06b6d4;text-decoration:none;">Kinetic Cosmos</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative geometric animation engine. Create parametric kinetic art, spirographs, and cosmic visuals — export stills or loop as a screensaver alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="rain.html" style="color:#06b6d4;text-decoration:none;">Rain Simulator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Ambient rain simulator with calming visuals. Watch realistic rainfall for relaxation and focus — a free alternative to Rainyscope, Rainy Mood, and lo-fi rain videos.</span></li>
<li style="margin:0.4rem 0;"><a href="zen-garden.html" style="color:#06b6d4;text-decoration:none;">Zen Garden</a> — <span style="color:#9ca3af;font-size:0.85rem;">Japanese zen garden creator. Design dry rock and sand landscapes with raking patterns — a digital karesansui sandbox for meditation and relaxation.</span></li>
<li style="margin:0.4rem 0;"><a href="fireflies.html" style="color:#06b6d4;text-decoration:none;">Fireflies</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive firefly simulator. Hundreds of glowing insects in a peaceful nighttime scene — a calming bioluminescence visualization with emergent swarm behavior.</span></li>
<li style="margin:0.4rem 0;"><a href="browser-lights.html" style="color:#06b6d4;text-decoration:none;">Browser Lights</a> — <span style="color:#9ca3af;font-size:0.85rem;">Animated holiday string lights for your browser. Blinking Christmas lights as a festive decorative overlay — a seasonal ambient display widget.</span></li>
<li style="margin:0.4rem 0;"><a href="river-shiver.html" style="color:#06b6d4;text-decoration:none;">River Shiver</a> — <span style="color:#9ca3af;font-size:0.85rem;">Abstract landscape generator with flowing river visuals. Create generative terrain scenes — procedural nature art with parametric erosion and water simulation.</span></li>
<li style="margin:0.4rem 0;"><a href="fall-forest.html" style="color:#06b6d4;text-decoration:none;">Fall Forest</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite autumn voxel landscape. Explore endless fall scenery with pixel-art trees and rolling terrain — a cozy procedural nature scene in retro 3D.</span></li>
<li style="margin:0.4rem 0;"><a href="snow-globe.html" style="color:#06b6d4;text-decoration:none;">Snow Globe</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D snow globe simulator with fluid physics. Shake and watch realistic snowfall swirl — a calming interactive holiday toy with particle dynamics.</span></li>
<li style="margin:0.4rem 0;"><a href="cloudy-day.html" style="color:#06b6d4;text-decoration:none;">Cloudy Day</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive cloud simulator. Customize wind, density, and atmospheric conditions — a procedural sky generator for ambient displays and weather art.</span></li>
<li style="margin:0.4rem 0;"><a href="frosty-pane.html" style="color:#06b6d4;text-decoration:none;">Frosty Pane</a> — <span style="color:#9ca3af;font-size:0.85rem;">Frost and ice crystal simulator. Watch generative patterns form on a frozen windowpane — a procedural crystallization visualization for winter aesthetics.</span></li>
<li style="margin:0.4rem 0;"><a href="orb-ashore.html" style="color:#06b6d4;text-decoration:none;">Orb Ashore</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural landscape generator with floating orbs. Explore vast generated terrain — a serene atmospheric WebGL world with raymarched volumetrics.</span></li>
<li style="margin:0.4rem 0;"><a href="cell-soul.html" style="color:#06b6d4;text-decoration:none;">Cell Soul</a> — <span style="color:#9ca3af;font-size:0.85rem;">Organic atmospheric cell generator. Cellular structures emerge and evolve — a meditative visualization of reaction-diffusion and Voronoi-based morphogenesis.</span></li>
<li style="margin:0.4rem 0;"><a href="everline-forest.html" style="color:#06b6d4;text-decoration:none;">Everline Forest</a> — <span style="color:#9ca3af;font-size:0.85rem;">Atmospheric generative forest visualization. Procedural trees grow in an evolving woodland scene — a calming L-system botanical art generator.</span></li>
<li style="margin:0.4rem 0;"><a href="lava-lamp.html" style="color:#06b6d4;text-decoration:none;">Lava Lamp</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D lava lamp simulator with customizable blobs. Relaxing raymarched metaballs rise and fall — a digital recreation of the iconic 1960s Spencer Gifts lamp.</span></li>
<li style="margin:0.4rem 0;"><a href="rolling-hills.html" style="color:#06b6d4;text-decoration:none;">Rolling Hills</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite pixelated landscape generator. Travel across procedural rolling hills and blocky terrain — a voxel-style endless journey for ambient displays.</span></li>
<li style="margin:0.4rem 0;"><a href="stratos-skysweeper.html" style="color:#06b6d4;text-decoration:none;">Stratos Skysweeper</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D cloud flying experience. Float through procedural skies with atmospheric scattering effects — a serene flight above volumetric cloudscapes.</span></li>
<li style="margin:0.4rem 0;"><a href="be-leaf.html" style="color:#06b6d4;text-decoration:none;">Be Leaf</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural garden simulator with 16 flower species, dynamic weather, and day-night cycles. Watch a serene digital garden bloom and change seasons.</span></li>
<li style="margin:0.4rem 0;"><a href="sakurascape.html" style="color:#06b6d4;text-decoration:none;">Sakurascape</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive cherry blossom garden simulator. Control wind, growth, and density in a procedural sakura ecosystem — a serene Japanese-inspired generative art piece.</span></li>
<li style="margin:0.4rem 0;"><a href="fall-leaves.html" style="color:#06b6d4;text-decoration:none;">Fall Leaves</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural autumn forest with falling leaves, swaying trees, and dynamic day-night sky. A free alternative to fall screensavers and live wallpapers. Put it on your TV!</span></li>
<li style="margin:0.4rem 0;"><a href="breathing-room.html" style="color:#06b6d4;text-decoration:none;">Breathing Room</a> — <span style="color:#9ca3af;font-size:0.85rem;">Box breathing timer with generative nature landscapes — inhale, hold, exhale, hold in a calming 4-4-4-4 pattern. A free alternative to Breathwrk and Calm.</span></li>
<li style="margin:0.4rem 0;"><a href="thoughts-ripple.html" style="color:#06b6d4;text-decoration:none;">Thoughts Ripple</a> — <span style="color:#9ca3af;font-size:0.85rem;">Calm writing journal with a procedural 3D creek, blooming flowers, and ambient audio — type and watch the world respond. Free, no signup, ephemeral. Calm.</span></li>
<li style="margin:0.4rem 0;"><a href="lavender-meadow.html" style="color:#06b6d4;text-decoration:none;">Lavender Meadow</a> — <span style="color:#9ca3af;font-size:0.85rem;">Raymarched lavender meadow with budded flower whorls, organic stems, and basal leaf rosettes. Drift through Provence at eye level (and save 4K wallpapers).</span></li>
<li style="margin:0.4rem 0;"><a href="brickgen.html" style="color:#06b6d4;text-decoration:none;">BrickGen</a> — <span style="color:#9ca3af;font-size:0.85rem;">"LEGO" 3D generative brick art toy — mandalas, spiral towers, cityscapes (or whatever) built from interlocking bricks. Relaxing creative builder in your browser.</span></li>
<li style="margin:0.4rem 0;"><a href="driftopolis.html" style="color:#06b6d4;text-decoration:none;">Driftopolis</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural 3D city visualizer and ambient screensaver. Generative skyline with panning controls. It's like your very own Pixel City that never sleeps.</span></li>
<li style="margin:0.4rem 0;"><a href="koi-pond.html" style="color:#06b6d4;text-decoration:none;">Koi Pond</a> — <span style="color:#9ca3af;font-size:0.85rem;">Koi pond simulator with generative nishikigoi — tap to feed, ripples, caustics, lily pads, day-night light. Alternative to My Koi and Pocket Pond.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Art &amp; Design Tools (53)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="magnetic-poetry.html" style="color:#06b6d4;text-decoration:none;">Magnetic Poetry</a> — <span style="color:#9ca3af;font-size:0.85rem;">Drag-and-drop magnetic poetry maker with 40+ themed word kits. Arrange fridge magnets into poems, then export — a digital alternative to Magnetic Poetry sets.</span></li>
<li style="margin:0.4rem 0;"><a href="glitch-ascii.html" style="color:#06b6d4;text-decoration:none;">Pixel Glitch</a> — <span style="color:#9ca3af;font-size:0.85rem;">Glitch art and ASCII art creator. Transform photos into pixel-corrupted text designs with customizable distortion — a free alternative to Photomosh and Glitchet.</span></li>
<li style="margin:0.4rem 0;"><a href="star-wars-opening-crawl-maker.html" style="color:#06b6d4;text-decoration:none;">Star Wars Crawl</a> — <span style="color:#9ca3af;font-size:0.85rem;">Star Wars opening crawl creator. Type your story and watch it scroll in iconic yellow perspective text — a free alternative to StarWarsIntroCreator.com.</span></li>
<li style="margin:0.4rem 0;"><a href="glass-emoji.html" style="color:#06b6d4;text-decoration:none;">Glass Emoji</a> — <span style="color:#9ca3af;font-size:0.85rem;">Glass distortion toy with emoji. Warp and refract a wall of characters through interactive lens effects — a satisfying optical physics toy.</span></li>
<li style="margin:0.4rem 0;"><a href="cosmic-forge.html" style="color:#06b6d4;text-decoration:none;">Cosmic Forge</a> — <span style="color:#9ca3af;font-size:0.85rem;">Space wallpaper generator with nebulae, stars, and galaxies. Create custom cosmic backgrounds and download hi-res images — procedural astronomy art.</span></li>
<li style="margin:0.4rem 0;"><a href="1-bit-camera.html" style="color:#06b6d4;text-decoration:none;">1-Bit Camera</a> — <span style="color:#9ca3af;font-size:0.85rem;">1-bit dithering camera filter. Apply classic Macintosh black-and-white effects to webcam or photos — a retro HyperCard-era aesthetic tool.</span></li>
<li style="margin:0.4rem 0;"><a href="sand-art.html" style="color:#06b6d4;text-decoration:none;">Sand Art Frame</a> — <span style="color:#9ca3af;font-size:0.85rem;">Digital sand art simulator. Create flowing particle landscapes with serene colors — a meditative alternative to physical sand art frames and Zen sand toys.</span></li>
<li style="margin:0.4rem 0;"><a href="pattern-wallpaper.html" style="color:#06b6d4;text-decoration:none;">Pattern Studio</a> — <span style="color:#9ca3af;font-size:0.85rem;">Seamless pattern and wallpaper generator. Create tileable designs with generative algorithms — a free alternative to Patterninja and Repper for background creation.</span></li>
<li style="margin:0.4rem 0;"><a href="pixel-dust.html" style="color:#06b6d4;text-decoration:none;">Pixel Dust</a> — <span style="color:#9ca3af;font-size:0.85rem;">Photo-to-particle effect tool. Deconstruct any image into flowing pixel dust with interactive physics — create Thanos-snap-style disintegration art.</span></li>
<li style="margin:0.4rem 0;"><a href="terminal-vision.html" style="color:#06b6d4;text-decoration:none;">Terminal Vision</a> — <span style="color:#9ca3af;font-size:0.85rem;">Live webcam-to-ASCII-art converter. Transform your camera feed into real-time text art — a free alternative to ASCII Webcam and jp2a with browser convenience.</span></li>
<li style="margin:0.4rem 0;"><a href="kinetic-craze.html" style="color:#06b6d4;text-decoration:none;">Kinetic Craze</a> — <span style="color:#9ca3af;font-size:0.85rem;">Kinetic typography animator. Create dynamic moving text animations with customizable motion effects — a free alternative to After Effects text animation templates.</span></li>
<li style="margin:0.4rem 0;"><a href="crop-circles.html" style="color:#06b6d4;text-decoration:none;">Crop Circles</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D crop circle pattern generator. Design intricate geometric formations viewed from above — create sacred geometry and alien-inspired art with parametric controls.</span></li>
<li style="margin:0.4rem 0;"><a href="cyber-traffic.html" style="color:#06b6d4;text-decoration:none;">Cyber Traffic</a> — <span style="color:#9ca3af;font-size:0.85rem;">Digital kaleidoscope generator. Create symmetrical patterns with real-time controls — a hypnotic procedural art tool for mandala and geometric design.</span></li>
<li style="margin:0.4rem 0;"><a href="kaleidoscope.html" style="color:#06b6d4;text-decoration:none;">Kaleidoscope</a> — <span style="color:#9ca3af;font-size:0.85rem;">Webcam kaleidoscope. Transform your camera feed into symmetrical visual art patterns in real-time — a digital kaleidoscope toy using live video input.</span></li>
<li style="margin:0.4rem 0;"><a href="scream-saver.html" style="color:#06b6d4;text-decoration:none;">Scream Saver</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D Jack-o'-Lantern carving tool for Halloween. Design custom pumpkin faces with interactive depth carving — share and export spooky designs.</span></li>
<li style="margin:0.4rem 0;"><a href="twirl-world.html" style="color:#06b6d4;text-decoration:none;">Twirl World</a> — <span style="color:#9ca3af;font-size:0.85rem;">Psychedelic swirl art generator. Create colorful spiraling patterns with interactive controls — produce kaleidoscopic designs for posters and backgrounds.</span></li>
<li style="margin:0.4rem 0;"><a href="christmas-tree-maker.html" style="color:#06b6d4;text-decoration:none;">Tree Maker</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D Christmas tree designer. Customize ornaments, lights, and decorations — create and share festive holiday tree designs with real-time preview.</span></li>
<li style="margin:0.4rem 0;"><a href="tinsel-trees.html" style="color:#06b6d4;text-decoration:none;">Tinsel Trees</a> — <span style="color:#9ca3af;font-size:0.85rem;">Retro aluminum tinsel Christmas tree designer. Customize nostalgic vintage decorations — a tribute to the mid-century holiday aesthetic.</span></li>
<li style="margin:0.4rem 0;"><a href="retro-render.html" style="color:#06b6d4;text-decoration:none;">Retro Render</a> — <span style="color:#9ca3af;font-size:0.85rem;">Webcam-to-ASCII and emoji art converter. Transform your live camera into retro text visuals — create CRT terminal selfies and text-art portraits in real-time.</span></li>
<li style="margin:0.4rem 0;"><a href="cat-scratch.html" style="color:#06b6d4;text-decoration:none;">Cat Scratch</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive ASCII cat with reactive behavior. A text-art digital pet that hunts, purrs, and plays — a charming companion living in your browser tab.</span></li>
<li style="margin:0.4rem 0;"><a href="snakespin.html" style="color:#06b6d4;text-decoration:none;">Snakespin</a> — <span style="color:#9ca3af;font-size:0.85rem;">Raymarching 3D sculpture generator. Create and save mathematical art with customizable parameters — a free alternative to ShaderToy for generative 3D form exploration.</span></li>
<li style="margin:0.4rem 0;"><a href="noise-bleed.html" style="color:#06b6d4;text-decoration:none;">Noise Bleed</a> — <span style="color:#9ca3af;font-size:0.85rem;">Domain-warped noise texture generator. Create complex liquid patterns with granular fBM and color controls — download procedural art and seamless textures.</span></li>
<li style="margin:0.4rem 0;"><a href="silent-liquidity.html" style="color:#06b6d4;text-decoration:none;">Silent Liquidity</a> — <span style="color:#9ca3af;font-size:0.85rem;">Liquid wallpaper generator. Adjust optics, physics, and surface textures — export stunning 4K fluid art wallpapers. A free generative alternative to Wallpaper Engine.</span></li>
<li style="margin:0.4rem 0;"><a href="unamerican-graffiti.html" style="color:#06b6d4;text-decoration:none;">Unamerican Graffiti</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural decay and glitch art generator. Abstract compositions with agent-based movement and structural distortion — a generative entropy visualizer.</span></li>
<li style="margin:0.4rem 0;"><a href="coffeetime.html" style="color:#06b6d4;text-decoration:none;">CoffeeTime</a> — <span style="color:#9ca3af;font-size:0.85rem;">Photo-to-mosaic art converter. Transform images into circle-packed designs with coffee-inspired textures — a unique generative art tool for portrait and photo mosaics.</span></li>
<li style="margin:0.4rem 0;"><a href="pin-toy.html" style="color:#06b6d4;text-decoration:none;">Pin Toy</a> — <span style="color:#9ca3af;font-size:0.85rem;">Webcam pin art toy. Transform your camera feed into a responsive metallic pin landscape with thousands of pins — a digital Pinpressions toy with audio reactivity.</span></li>
<li style="margin:0.4rem 0;"><a href="css-art.html" style="color:#06b6d4;text-decoration:none;">CSS Pixel Art</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image-to-CSS pixel art converter. Transform any photo into pure CSS code without image files — a free tool for web developers and pixel art enthusiasts.</span></li>
<li style="margin:0.4rem 0;"><a href="ascii-painter.html" style="color:#06b6d4;text-decoration:none;">ASCII Painter</a> — <span style="color:#9ca3af;font-size:0.85rem;">ASCII art drawing tool with full character palette, colors, and brushes. Create and export text art — a free alternative to Textcraft, REXPaint, and Playscii.</span></li>
<li style="margin:0.4rem 0;"><a href="cyberpunk-text.html" style="color:#06b6d4;text-decoration:none;">Cyberpunk Text</a> — <span style="color:#9ca3af;font-size:0.85rem;">Glitch text animation generator. Create cyberpunk-style distorted neon text effects — perfect for YouTube thumbnails, social media headers, and sci-fi branding.</span></li>
<li style="margin:0.4rem 0;"><a href="dot-matrix.html" style="color:#06b6d4;text-decoration:none;">Dot Matrix</a> — <span style="color:#9ca3af;font-size:0.85rem;">Dot matrix bitmap font generator. Create retro LED-style typography with customizable grid size and colors — design pixel signage and marquee text art.</span></li>
<li style="margin:0.4rem 0;"><a href="sprite-converter.html" style="color:#06b6d4;text-decoration:none;">Sprite Tool</a> — <span style="color:#9ca3af;font-size:0.85rem;">Sprite sheet and image-to-pixel-code converter. Transform images into code arrays for Arduino, LED matrices, and game dev — a free sprite extraction tool.</span></li>
<li style="margin:0.4rem 0;"><a href="codesnap.html" style="color:#06b6d4;text-decoration:none;">CodeSnap</a> — <span style="color:#9ca3af;font-size:0.85rem;">Code screenshot generator with syntax highlighting. Turn source code into shareable images — a free alternative to Carbon, Ray.so, and Chalk.ist.</span></li>
<li style="margin:0.4rem 0;"><a href="emoji-mosaic.html" style="color:#06b6d4;text-decoration:none;">Emoji Mosaic</a> — <span style="color:#9ca3af;font-size:0.85rem;">Photo-to-emoji mosaic converter. Transform any image into high-resolution emoji pixel art — a free alternative to Emoji Mosaic and EmojiCam.</span></li>
<li style="margin:0.4rem 0;"><a href="fontmoji.html" style="color:#06b6d4;text-decoration:none;">Fontmoji</a> — <span style="color:#9ca3af;font-size:0.85rem;">Emoji typography and wallpaper maker. Create custom emoji-based text art and downloadable backgrounds — a unique visual content design tool.</span></li>
<li style="margin:0.4rem 0;"><a href="photo-corkboard.html" style="color:#06b6d4;text-decoration:none;">Corkboard</a> — <span style="color:#9ca3af;font-size:0.85rem;">Photo corkboard and mood board maker. Pin, arrange, and layer photos on a virtual cork surface — a free alternative to Milanote and Pinterest boards.</span></li>
<li style="margin:0.4rem 0;"><a href="messy-text.html" style="color:#06b6d4;text-decoration:none;">Messy Text</a> — <span style="color:#9ca3af;font-size:0.85rem;">Zalgo text generator. Transform normal text into chaotic glitched unicode — create creepy, distorted characters for social media. A free Zalgo alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="design-workshop.html" style="color:#06b6d4;text-decoration:none;">Design Workshop</a> — <span style="color:#9ca3af;font-size:0.85rem;">CSS generator and web design toolkit. Create gradients, shadows, accessible color palettes, and process images — a modular workspace like a mini Figma for CSS.</span></li>
<li style="margin:0.4rem 0;"><a href="font-anatomy.html" style="color:#06b6d4;text-decoration:none;">Font Anatomy</a> — <span style="color:#9ca3af;font-size:0.85rem;">Font inspector and analysis tool. Examine metrics, OpenType features, glyph outlines, and table data — a free alternative to FontDrop, Wakamai Fondue, and FontForge.</span></li>
<li style="margin:0.4rem 0;"><a href="fontcrafter.html" style="color:#06b6d4;text-decoration:none;">FontCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Handwriting-to-font converter. Scan your handwriting and create custom OTF and TTF fonts with local processing — a free alternative to Calligraphr and FontStruct.</span></li>
<li style="margin:0.4rem 0;"><a href="glyph-extractor.html" style="color:#06b6d4;text-decoration:none;">Glyph Extractor</a> — <span style="color:#9ca3af;font-size:0.85rem;">Handwriting glyph extraction tool. Isolate clean character images from scanned paper — remove noise and export PNGs for custom font creation pipelines.</span></li>
<li style="margin:0.4rem 0;"><a href="svglyph.html" style="color:#06b6d4;text-decoration:none;">SVGlyph</a> — <span style="color:#9ca3af;font-size:0.85rem;">SVG-to-3D-ASCII-art converter. Transform vector files into animated text-art sculptures with customizable lighting, depth, and character density.</span></li>
<li style="margin:0.4rem 0;"><a href="quote-crafter.html" style="color:#06b6d4;text-decoration:none;">QuoteCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Create beautiful quote images for Instagram, Twitter, Facebook & more. Use your own handwriting font or pick from stylish defaults.</span></li>
<li style="margin:0.4rem 0;"><a href="meme-o-matic.html" style="color:#06b6d4;text-decoration:none;">Meme-O-Matic</a> — <span style="color:#9ca3af;font-size:0.85rem;">Meme generator with draggable text, word wrap, custom fonts, and clean PNG export — no watermark, no account. Imgflip & Kapwing alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="handwriting-fontalizer.html" style="color:#06b6d4;text-decoration:none;">Handwriting Fontalizer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Handwriting-to-font photo converter — snap a picture of your handwriting and create a FontCrafter-compatible template. No printed grid required.</span></li>
<li style="margin:0.4rem 0;"><a href="movable-type.html" style="color:#06b6d4;text-decoration:none;">Movable Type</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free kinetic typography playground with 15 modes — explode, scatter, tornado, and more. Upload custom fonts. Play with your words!</span></li>
<li style="margin:0.4rem 0;"><a href="pensend.html" style="color:#06b6d4;text-decoration:none;">PenSend</a> — <span style="color:#9ca3af;font-size:0.85rem;">Handwriting font message maker — load your font, type a message, style it with colors and backgrounds, export as PNG. Make your digital messages more personal!</span></li>
<li style="margin:0.4rem 0;"><a href="stringshot.html" style="color:#06b6d4;text-decoration:none;">Stringshot</a> — <span style="color:#9ca3af;font-size:0.85rem;">Convert any photo into string art with original photo colors — circle, heart, square, polygon, or ellipse frames. Export pin-sequence TXT, printable nailing template.</span></li>
<li style="margin:0.4rem 0;"><a href="isogrid.html" style="color:#06b6d4;text-decoration:none;">Isogrid</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free isometric motif editor and Wang-tile pattern generator. Design cube motifs, compose grids, export SVG for plotters or PNG for social.</span></li>
<li style="margin:0.4rem 0;"><a href="typhoria.html" style="color:#06b6d4;text-decoration:none;">Typhoria</a> — <span style="color:#9ca3af;font-size:0.85rem;">Euphoria? Type? Yes! 3D kinetic type generator with 40 modes — sphere, helix, mobius, vortex. Various fonts, image and video export. Space Type alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="van-go.html" style="color:#06b6d4;text-decoration:none;">Van Go</a> — <span style="color:#9ca3af;font-size:0.85rem;">Here's painterly landscape generator — shape swirling Van Gogh-style skies, water, and hills. Every time you refresh the page, it's a different work of art.</span></li>
<li style="margin:0.4rem 0;"><a href="grainery.html" style="color:#06b6d4;text-decoration:none;">Grainery</a> — <span style="color:#9ca3af;font-size:0.85rem;">Grainery generates endless procedural wood-grain patterns — planks, herringbone parquet, end-grain butcher block and more — in real wood species, and exports images.</span></li>
<li style="margin:0.4rem 0;"><a href="comic-chatter.html" style="color:#06b6d4;text-decoration:none;">Comic Chatter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Comic strip maker that draws what you type into panels with the original Comic Chat cast, automatic camera angles, balloon shapes, and shared rooms.</span></li>
<li style="margin:0.4rem 0;"><a href="avatar-atlas.html" style="color:#06b6d4;text-decoration:none;">Avatar Atlas</a> — <span style="color:#9ca3af;font-size:0.85rem;">Avatar style comparison tool — set character traits, render them across 100+ open source avatar styles at once, and export the wall as a contact sheet. Fast, free.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Maker &amp; 3D Print Tools (24)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="makerdeck-stl.html" style="color:#06b6d4;text-decoration:none;">MakerDeck STL</a> — <span style="color:#9ca3af;font-size:0.85rem;">Online STL viewer for 3D print files. Rotate, zoom, and inspect meshes with adjustable lighting — a free alternative to MeshLab, 3D Viewer, and PrusaSlicer.</span></li>
<li style="margin:0.4rem 0;"><a href="shatter-lab.html" style="color:#06b6d4;text-decoration:none;">Shatter Lab</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D model physics sandbox. Upload STL files and shatter, explode, and simulate destruction — a Voronoi fracture tool for 3D printing and visual effects.</span></li>
<li style="margin:0.4rem 0;"><a href="embroidery-lab.html" style="color:#06b6d4;text-decoration:none;">Embroidery Lab</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image-to-embroidery pattern converter. Transform photos into realistic cross-stitch designs with thread and Aida cloth textures — a free alternative to Pic2Pat.</span></li>
<li style="margin:0.4rem 0;"><a href="maker-plaques.html" style="color:#06b6d4;text-decoration:none;">Maker Plaques</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D plaque designer for 3D printing. Add SVG logos, QR codes, and custom text with real-time preview — export production-ready STL and 3MF files.</span></li>
<li style="margin:0.4rem 0;"><a href="aurebesh-forge.html" style="color:#06b6d4;text-decoration:none;">Aurebesh Forge</a> — <span style="color:#9ca3af;font-size:0.85rem;">Star Wars Aurebesh nameplate maker for 3D printing. Design custom text in galactic script and export STL or 3MF files — for cosplay, props, and displays.</span></li>
<li style="margin:0.4rem 0;"><a href="business-cads.html" style="color:#06b6d4;text-decoration:none;">Business CADs</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D-printable business card designer. Create embossed cards with text, QR codes, and SVG logos — export STL and 3MF files for multi-material printing.</span></li>
<li style="margin:0.4rem 0;"><a href="ascii-forge.html" style="color:#06b6d4;text-decoration:none;">ASCII Forge</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image-to-3D-printable ASCII art converter. Turn any image into sculptural text art with extrusion controls — export STL and 3MF for CNC or 3D printing.</span></li>
<li style="margin:0.4rem 0;"><a href="makerchip-maker.html" style="color:#06b6d4;text-decoration:none;">MakerChip Maker</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D poker chip designer for 3D printing. Add logos, QR codes, and custom text with real-time preview — export multi-material 3MF and STL files for production.</span></li>
<li style="margin:0.4rem 0;"><a href="font-to-svg.html" style="color:#06b6d4;text-decoration:none;">Font to SVG</a> — <span style="color:#9ca3af;font-size:0.85rem;">Font-to-SVG path converter. Extract scalable vector outlines from any font file — for Cricut, laser cutting, logos, and design. A free alternative to FontForge export.</span></li>
<li style="margin:0.4rem 0;"><a href="single-line-font-maker.html" style="color:#06b6d4;text-decoration:none;">Single Line Font Maker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Single line font converter for Cricut, Silhouette, laser engraving, and pen plotters. Drop any font file, get clean single-stroke SVG paths and installable OTF.</span></li>
<li style="margin:0.4rem 0;"><a href="letter-crafter.html" style="color:#06b6d4;text-decoration:none;">LetterCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Design professional letterheads for your business. Add your logo, use your own handwriting font, and download print-ready PDFs.</span></li>
<li style="margin:0.4rem 0;"><a href="certificate-crafter.html" style="color:#06b6d4;text-decoration:none;">CertificateCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Certificate, diploma, and award maker with ornate borders, gold seals, batch name generation, and custom font support — a free Canva certificate alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="font-hatch.html" style="color:#06b6d4;text-decoration:none;">Font Hatch</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hatch fill font tool for laser engraving, CNC routing, and pen plotters. Drop any font, type text, get vector-scored SVG paths — replaces slow raster engraving.</span></li>
<li style="margin:0.4rem 0;"><a href="card-crafter.html" style="color:#06b6d4;text-decoration:none;">CardCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Design professional business cards with vCard QR codes, 16+ fonts, 15 drag-to-position layouts, and print-ready 10-up PDF sheets.</span></li>
<li style="margin:0.4rem 0;"><a href="handprint.html" style="color:#06b6d4;text-decoration:none;">HandPrint</a> — <span style="color:#9ca3af;font-size:0.85rem;">Makers: turn your handwriting font into 3D printed nameplates, keychains, coasters, gift tags, garden stakes, cake toppers, etc. Exports 3MF files for your slicer.</span></li>
<li style="margin:0.4rem 0;"><a href="greeting-crafter.html" style="color:#06b6d4;text-decoration:none;">GreetingCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Greeting card maker with fold-and-print templates, occasion presets, and custom fonts — Hallmark alternative for handmade cards.</span></li>
<li style="margin:0.4rem 0;"><a href="wedding-crafter.html" style="color:#06b6d4;text-decoration:none;">WeddingCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Wedding invitation suite maker with RSVP QR code, details card, and printable PDF export. Use your own handwriting font — a free Canva and Paperless Post alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="label-crafter.html" style="color:#06b6d4;text-decoration:none;">LabelCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Design and print labels for 18 Avery sheet sizes — address, shipping, round, square, name badge. Custom fonts supported!</span></li>
<li style="margin:0.4rem 0;"><a href="envelope-crafter.html" style="color:#06b6d4;text-decoration:none;">EnvelopeCrafter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free envelope printer with 20 sizes (#10, A7, 9×12, DL and more), batch printing, address book, handwriting fonts, QR codes — print envelopes at home.</span></li>
<li style="margin:0.4rem 0;"><a href="tileloom.html" style="color:#06b6d4;text-decoration:none;">TileLoom</a> — <span style="color:#9ca3af;font-size:0.85rem;">Sculpt seamless 3D-printable tiles and matching frames. Free parametric tile generator, Frank Lloyd Wright blocks, tessellation patterns — exports one 3MF.</span></li>
<li style="margin:0.4rem 0;"><a href="spool-story.html" style="color:#06b6d4;text-decoration:none;">Spool Story</a> — <span style="color:#9ca3af;font-size:0.85rem;">Spool Story is a 3D printing filament calculator: drop an STL or 3MF to see filament grams, length, cost, and how much of your spool one print uses.</span></li>
<li style="margin:0.4rem 0;"><a href="tesselchet.html" style="color:#06b6d4;text-decoration:none;">Tesselchet</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative geometric pattern maker with 52 seamless Truchet, girih, weave, and tile families, custom color palettes, deterministic seeds, and export SVG, STL, PNG.</span></li>
<li style="margin:0.4rem 0;"><a href="circuit-simulator.html" style="color:#06b6d4;text-decoration:none;">Circuit Simulator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free circuit simulator that runs real firmware in your browser: Arduino C++ and Great Cow BASIC compile in the page for ATmega328P and PIC16F886.</span></li>
<li style="margin:0.4rem 0;"><a href="filament-swatch.html" style="color:#06b6d4;text-decoration:none;">Filament Swatch</a> — <span style="color:#9ca3af;font-size:0.85rem;">Make a filament swatch card with your brand, color and temps baked in. Download a print-ready STL or two-color 3MF. Fits standard swatch boxes.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Media Converters &amp; Capture (21)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="png-defaker.html" style="color:#06b6d4;text-decoration:none;">PNG De-Faker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Remove fake transparent backgrounds from PNGs. Detect and fix images with solid backgrounds disguised as transparency — an image forensics utility.</span></li>
<li style="margin:0.4rem 0;"><a href="picturino.html" style="color:#06b6d4;text-decoration:none;">Picturino</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image editor with crop, resize, filters, and adjustments. Edit photos privately with zero server uploads — a free alternative to Pixlr and Photopea for quick edits.</span></li>
<li style="margin:0.4rem 0;"><a href="vibe-gif.html" style="color:#06b6d4;text-decoration:none;">Vibe GIF</a> — <span style="color:#9ca3af;font-size:0.85rem;">Text-to-animated-GIF maker. Type a message and generate a looping text animation — create shareable GIF graphics for social media and messaging.</span></li>
<li style="margin:0.4rem 0;"><a href="svg-vectorify.html" style="color:#06b6d4;text-decoration:none;">SVG Vectorify</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image-to-SVG vectorizer and SVG optimizer. Convert rasters to scalable vectors — a free alternative to Vector Magic, Vectorizer.ai, and SVGO.</span></li>
<li style="margin:0.4rem 0;"><a href="studio-b64.html" style="color:#06b6d4;text-decoration:none;">Studio B64</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image-to-Base64 converter. Crop, resize, filter, then export as data URIs for HTML and CSS — a developer utility for embedding images directly in code.</span></li>
<li style="margin:0.4rem 0;"><a href="video-shrinker.html" style="color:#06b6d4;text-decoration:none;">Video Shrinker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Video compressor for Discord and social media. Shrink files without uploading — browser-based FFmpeg compression. A free alternative to HandBrake for quick jobs.</span></li>
<li style="margin:0.4rem 0;"><a href="pixel-melt.html" style="color:#06b6d4;text-decoration:none;">Pixel Melt</a> — <span style="color:#9ca3af;font-size:0.85rem;">Bulk image converter to WebP. Convert PNG, JPG, GIF, BMP, and TIFF — everything runs locally, no upload. A free alternative to Squoosh and TinyPNG for batch conversion.</span></li>
<li style="margin:0.4rem 0;"><a href="photo-fixer.html" style="color:#06b6d4;text-decoration:none;">Photo Fixer</a> — <span style="color:#9ca3af;font-size:0.85rem;">One-click photo enhancer for muddy phone photos. Auto-adjust exposure, contrast, and color — a free alternative to Snapseed and Lightroom auto-enhance.</span></li>
<li style="margin:0.4rem 0;"><a href="audio-trimmer.html" style="color:#06b6d4;text-decoration:none;">Audio Trimmer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Audio trimmer, MP3 cutter & format converter with waveform zoom, fade effects, volume normalize, loop playback. Client-side — Audacity & mp3cut alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="convertacle.html" style="color:#06b6d4;text-decoration:none;">Convertacle</a> — <span style="color:#9ca3af;font-size:0.85rem;">Image converter for HEIC, PSD, SVG, JPG, PNG, WebP, TIFF, PDF, ICO, QOI — batch processing, multi-page PDF, EXIF viewer, resize, rotate & flip. Better than others!</span></li>
<li style="margin:0.4rem 0;"><a href="mp4ever.html" style="color:#06b6d4;text-decoration:none;">MP4ever</a> — <span style="color:#9ca3af;font-size:0.85rem;">Convert WebM, MKV, MOV, AVI, HEIC, and more into H.264 MP4 — the format every editor, platform accepts. Free alternative to CloudConvert or HandBrake.</span></li>
<li style="margin:0.4rem 0;"><a href="markdown-galley.html" style="color:#06b6d4;text-decoration:none;">Markdown Galley</a> — <span style="color:#9ca3af;font-size:0.85rem;">Markdown to PDF converter with a library of document styles, live preview, and crisp print-ready output. Paste or drop a .md file and export a clean, selectable PDF.</span></li>
<li style="margin:0.4rem 0;"><a href="looplift.html" style="color:#06b6d4;text-decoration:none;">LoopLift</a> — <span style="color:#9ca3af;font-size:0.85rem;">Turn iPhone Live Photos &amp; Android Motion Photos into a GIF, MP4, or WebP. Trim, boomerang, reverse, fit under a size limit. Free, no upload, no watermark.</span></li>
<li style="margin:0.4rem 0;"><a href="media-convertifly.html" style="color:#06b6d4;text-decoration:none;">Media Convertifly</a> — <span style="color:#9ca3af;font-size:0.85rem;">Convert 200+ video, audio and image file formats by typing what you want. FFmpeg runs locally in your browser — no upload, no AI, no account. Easy, fast, informative!</span></li>
<li style="margin:0.4rem 0;"><a href="gif-boy.html" style="color:#06b6d4;text-decoration:none;">GIF BOY</a> — <span style="color:#9ca3af;font-size:0.85rem;">Animated GIF camera with a "Nintendo Game Boy" inspired look — record with filters, captions, stickers. Free alternative to Giphy Cam. Now you're animating with power!</span></li>
<li style="margin:0.4rem 0;"><a href="gif-strips.html" style="color:#06b6d4;text-decoration:none;">GIF Strips</a> — <span style="color:#9ca3af;font-size:0.85rem;">Animated GIF photo booth & photo strip maker. Your cam shoots looping panels you can filter, caption, and sticker, then export as GIF, MP4, or PNG. No mall required!</span></li>
<li style="margin:0.4rem 0;"><a href="gif-grab.html" style="color:#06b6d4;text-decoration:none;">GIF Grab</a> — <span style="color:#9ca3af;font-size:0.85rem;">Screen record a tab, window, or webcam, or drop in a video, then trim, caption, and size-cap it - export as GIF or MP4. Private, on-device. Get the Chrome extension!</span></li>
<li style="margin:0.4rem 0;"><a href="brickmark.html" style="color:#06b6d4;text-decoration:none;">Brickmark</a> — <span style="color:#9ca3af;font-size:0.85rem;">Brickmark is a free browser tool that turns any word into a bold, outlined brick-style logo wordmark and exports it as a high-res PNG. Not affilated with LEGO.</span></li>
<li style="margin:0.4rem 0;"><a href="screencast-recorder.html" style="color:#06b6d4;text-decoration:none;">Screencast Recorder</a> — <span style="color:#9ca3af;font-size:0.85rem;">Record your screen, then zoom, blur, caption and cut it. Exports MP4 or GIF. No watermark, no account, nothing uploaded. A free Loom alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="collage-wall.html" style="color:#06b6d4;text-decoration:none;">Collage Wall</a> — <span style="color:#9ca3af;font-size:0.85rem;">Sort hundreds of photos by color into one banner, contact sheet, or wallpaper. Names on tiles, no cropping, 28 export sizes. Free photo mosaic app alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="clean-slate.html" style="color:#06b6d4;text-decoration:none;">Clean Slate</a> — <span style="color:#9ca3af;font-size:0.85rem;">Whiteboard photo cleaner. Straighten crooked shots, remove glare and shadows, export clean pages as PNG, JPG or PDF - a free Microsoft Lens alternative.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Productivity Tools &amp; Utilities (56)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="life-dashboard.html" style="color:#06b6d4;text-decoration:none;">Life Dashboard</a> — <span style="color:#9ca3af;font-size:0.85rem;">Life statistics calculator. Heartbeats, breaths, steps, and more — visualized in a personal dashboard. Fascinating data about your existence since birth.</span></li>
<li style="margin:0.4rem 0;"><a href="duly-noted.html" style="color:#06b6d4;text-decoration:none;">Duly Noted</a> — <span style="color:#9ca3af;font-size:0.85rem;">Digital legal pad note-taking app. Write with analog paper textures and handwriting fonts — a distraction-free notepad, alternative to Simplenote and Standard Notes.</span></li>
<li style="margin:0.4rem 0;"><a href="ticker.html" style="color:#06b6d4;text-decoration:none;">RSS Ticker</a> — <span style="color:#9ca3af;font-size:0.85rem;">LED news ticker for your desktop. Display scrolling RSS headlines in retro dot-matrix style — a customizable news feed widget inspired by stock ticker displays.</span></li>
<li style="margin:0.4rem 0;"><a href="textulator.html" style="color:#06b6d4;text-decoration:none;">Textulator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Text reformatting multi-tool. Apply filters to transform, clean, sort, and reformat text — a free alternative to TextSoap, CyberChef, and online text utilities.</span></li>
<li style="margin:0.4rem 0;"><a href="funicode.html" style="color:#06b6d4;text-decoration:none;">fUNICODE</a> — <span style="color:#9ca3af;font-size:0.85rem;">Unicode text converter for social media. Transform plain text into bold, italic, script, and decorative fonts — a free alternative to YayText and LingoJam.</span></li>
<li style="margin:0.4rem 0;"><a href="tada-list.html" style="color:#06b6d4;text-decoration:none;">Ta-Da List</a> — <span style="color:#9ca3af;font-size:0.85rem;">Kanban board and to-do list with drag-and-drop columns. A simple private task manager — a free alternative to Trello and Notion boards, fully local.</span></li>
<li style="margin:0.4rem 0;"><a href="qr-code.html" style="color:#06b6d4;text-decoration:none;">QR Generator</a> — <span style="color:#9ca3af;font-size:0.85rem;">QR code generator with glassmorphic design. Create scannable codes for URLs, text, and contacts — a free alternative to QRCode Monkey and Flowcode.</span></li>
<li style="margin:0.4rem 0;"><a href="weather.html" style="color:#06b6d4;text-decoration:none;">Weather or Not</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hyper-local weather forecast tool. Detailed current conditions and multi-day predictions for your exact GPS coordinates — fast, private, no tracking.</span></li>
<li style="margin:0.4rem 0;"><a href="canvas-connect.html" style="color:#06b6d4;text-decoration:none;">Canvas Connect</a> — <span style="color:#9ca3af;font-size:0.85rem;">Peer-to-peer digital whiteboard. Collaborate and draw in real-time with WebRTC — a free serverless alternative to Excalidraw and Microsoft Whiteboard.</span></li>
<li style="margin:0.4rem 0;"><a href="instant-html.html" style="color:#06b6d4;text-decoration:none;">Instant HTML</a> — <span style="color:#9ca3af;font-size:0.85rem;">Download text or code as an HTML file. Paste content and save as a standalone .html page — a quick utility for web developers and content archivists.</span></li>
<li style="margin:0.4rem 0;"><a href="clickboard.html" style="color:#06b6d4;text-decoration:none;">Clickboard</a> — <span style="color:#9ca3af;font-size:0.85rem;">Secure local clipboard history manager. Track, search, and reuse copied text — a private alternative to clipboard managers like Ditto and CopyClip.</span></li>
<li style="margin:0.4rem 0;"><a href="weboprompter.html" style="color:#06b6d4;text-decoration:none;">Weboprompter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Teleprompter for content creators and streamers. Scroll your script at adjustable speeds on any device — a free alternative to BigStage and PromptSmart.</span></li>
<li style="margin:0.4rem 0;"><a href="social-me.html" style="color:#06b6d4;text-decoration:none;">Social Me</a> — <span style="color:#9ca3af;font-size:0.85rem;">Chris Pirillo social profile hub. Quick links to YouTube, Twitter, Mastodon, and every platform — a central directory for the Pirillo community.</span></li>
<li style="margin:0.4rem 0;"><a href="qlock.html" style="color:#06b6d4;text-decoration:none;">Qlock</a> — <span style="color:#9ca3af;font-size:0.85rem;">Word clock that displays time as text. Hours spelled out in a minimalist grid — a digital replica of the QLOCKTWO design clock for your desktop.</span></li>
<li style="margin:0.4rem 0;"><a href="spinwheel.html" style="color:#06b6d4;text-decoration:none;">Spinwheel</a> — <span style="color:#9ca3af;font-size:0.85rem;">Spinning wheel for random decisions. Enter custom options and spin to pick — a free alternative to Wheel of Names for giveaways, classrooms, and choices.</span></li>
<li style="margin:0.4rem 0;"><a href="time-shift.html" style="color:#06b6d4;text-decoration:none;">Time Shift</a> — <span style="color:#9ca3af;font-size:0.85rem;">World clock and timezone converter. Visualize time across multiple cities simultaneously — a free alternative to World Time Buddy and Every Time Zone.</span></li>
<li style="margin:0.4rem 0;"><a href="linkforge.html" style="color:#06b6d4;text-decoration:none;">LinkForge</a> — <span style="color:#9ca3af;font-size:0.85rem;">Link-in-bio page builder. Create a custom landing page with all your social links — a free self-hosted alternative to Linktree and Beacons.</span></li>
<li style="margin:0.4rem 0;"><a href="text-replacer.html" style="color:#06b6d4;text-decoration:none;">Text Replacer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Find-and-replace text tool with regex support. Bulk substitutions on any text — a free alternative to TextSoap and sed for non-developers.</span></li>
<li style="margin:0.4rem 0;"><a href="streamready.html" style="color:#06b6d4;text-decoration:none;">StreamReady</a> — <span style="color:#9ca3af;font-size:0.85rem;">Pre-stream checklist for live streamers. Run through audio, video, and scene checks before going live — a flight-check tool for Twitch and YouTube creators.</span></li>
<li style="margin:0.4rem 0;"><a href="source-downloader.html" style="color:#06b6d4;text-decoration:none;">Downloader</a> — <span style="color:#9ca3af;font-size:0.85rem;">Website source code downloader. Fetch and save HTML, CSS, and JavaScript of any public page — a quick inspection tool for web developers and designers.</span></li>
<li style="margin:0.4rem 0;"><a href="laser-cursor.html" style="color:#06b6d4;text-decoration:none;">Laser Cursor</a> — <span style="color:#9ca3af;font-size:0.85rem;">Mouse pointer reticle overlay bookmarklet. Install a laser-sight cursor on any web page — never lose your pointer during presentations and screencasts.</span></li>
<li style="margin:0.4rem 0;"><a href="meeting-cost.html" style="color:#06b6d4;text-decoration:none;">Meeting Cost Tracker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Real-time meeting cost calculator. Enter attendee salaries and watch dollars tick up — visualize the true cost of every meeting.</span></li>
<li style="margin:0.4rem 0;"><a href="tooltimate.html" style="color:#06b6d4;text-decoration:none;">Tooltimate</a> — <span style="color:#9ca3af;font-size:0.85rem;">Collection of 500+ browser tools for developers, designers, and creators. Privacy-focused with no data collection — an all-in-one utility toolkit.</span></li>
<li style="margin:0.4rem 0;"><a href="morning-cockpit.html" style="color:#06b6d4;text-decoration:none;">Mission Cockpit</a> — <span style="color:#9ca3af;font-size:0.85rem;">Morning routine countdown dashboard with a sci-fi cockpit interface. Set milestones, track time, and launch your day — a tactical scheduler for early risers.</span></li>
<li style="margin:0.4rem 0;"><a href="nfc-maestro.html" style="color:#06b6d4;text-decoration:none;">NFC Maestro</a> — <span style="color:#9ca3af;font-size:0.85rem;">NFC tag reader, writer, and cloner. Scan, write, lock, and batch-program NFC tags — a free alternative to NFC Tools and TagWriter for Web NFC.</span></li>
<li style="margin:0.4rem 0;"><a href="pocket-calculator.html" style="color:#06b6d4;text-decoration:none;">Pocket Calculator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Graphing calculator with scientific functions. Plot equations, convert units, and solve math — a free alternative to Desmos and TI-84 emulators.</span></li>
<li style="margin:0.4rem 0;"><a href="spice-rack.html" style="color:#06b6d4;text-decoration:none;">Spice Rack</a> — <span style="color:#9ca3af;font-size:0.85rem;">Visual spice and herb encyclopedia. Flavor chemistry, usage guides, and culinary pairings — a reference for chefs. Alternative to The Flavor Bible lookup tools.</span></li>
<li style="margin:0.4rem 0;"><a href="website-workshop.html" style="color:#06b6d4;text-decoration:none;">Website Workshop</a> — <span style="color:#9ca3af;font-size:0.85rem;">Favicon and PWA manifest generator. Create Apple touch icons, social meta tags, and app manifests from one logo — a free alternative to RealFaviconGenerator.</span></li>
<li style="margin:0.4rem 0;"><a href="party-platter.html" style="color:#06b6d4;text-decoration:none;">Party Platter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Group preference voting and order calculator for parties — guests tap their choice for food, drinks, or anything else. Live tally, portion math.</span></li>
<li style="margin:0.4rem 0;"><a href="signoff.html" style="color:#06b6d4;text-decoration:none;">SignOff</a> — <span style="color:#9ca3af;font-size:0.85rem;">Email signature generator with headshot, logo, QR vCard, social links, and CTA button — free WiseStamp and HubSpot alternative for Gmail, Outlook, Apple Mail.</span></li>
<li style="margin:0.4rem 0;"><a href="momentminer.html" style="color:#06b6d4;text-decoration:none;">MomentMiner</a> — <span style="color:#9ca3af;font-size:0.85rem;">AI clip finder for YouTube videos — paste a transcript, get timestamped moments with ready-to-post social copy for X, LinkedIn, TikTok, Reels, and Shorts.</span></li>
<li style="margin:0.4rem 0;"><a href="social-markdown.html" style="color:#06b6d4;text-decoration:none;">SocialMarkdown</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free markdown to social media converter — LinkedIn Unicode bold/italic, X thread splitter, Threads, Mastodon, Bluesky, Reddit, Slack, Discord. Post and Article modes.</span></li>
<li style="margin:0.4rem 0;"><a href="resume-analyzer.html" style="color:#06b6d4;text-decoration:none;">Resume Analyzer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Resume gap analyzer with ATS sim, keyword matching, and skill-gap detection. Upload your CV and a job description for an honest assessment. Free Jobscan alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="dear-applicant.html" style="color:#06b6d4;text-decoration:none;">Dear Applicant</a> — <span style="color:#9ca3af;font-size:0.85rem;">Pre-rejection letter generator for job seekers. Write your own rejection letter, attach it with your resume, and save hiring managers the effort. Good luck!</span></li>
<li style="margin:0.4rem 0;"><a href="pixel-peep.html" style="color:#06b6d4;text-decoration:none;">PixelPeep</a> — <span style="color:#9ca3af;font-size:0.85rem;">Compare photos from different phones. Auto-sorted by EXIF, seen side-by-side at 100% with synced zoom, slider, and toggle views. Export your session in video.</span></li>
<li style="margin:0.4rem 0;"><a href="hueday.html" style="color:#06b6d4;text-decoration:none;">Hueday</a> — <span style="color:#9ca3af;font-size:0.85rem;">Birthday color generator that gives every date — year included — its own deterministic hue, codes, palette, and share card. Happy Hueday!</span></li>
<li style="margin:0.4rem 0;"><a href="vibe-brief.html" style="color:#06b6d4;text-decoration:none;">Vibe Brief</a> — <span style="color:#9ca3af;font-size:0.85rem;">A free worksheet that turns a vague app idea into a paste-ready prompt for AI tools. Forces problem-first thinking and ruthless MVP scope so you ship instead of spin.</span></li>
<li style="margin:0.4rem 0;"><a href="page-turner.html" style="color:#06b6d4;text-decoration:none;">Page Turner</a> — <span style="color:#9ca3af;font-size:0.85rem;">Read ePub & PDF ebooks as "real" 3D books with Euler Elastica page-turn physics. Dial paper stiffness, fonts, etc. Free alt to DearFlip and FlipBuilder.</span></li>
<li style="margin:0.4rem 0;"><a href="signal-flare.html" style="color:#06b6d4;text-decoration:none;">Signal Flare</a> — <span style="color:#9ca3af;font-size:0.85rem;">Stuck in support loops after a hijack, ban, or lockout? Signal Flare helps you organize what happened, set realistic expectations, and prepare docs to escalate.</span></li>
<li style="margin:0.4rem 0;"><a href="conjurelang.html" style="color:#06b6d4;text-decoration:none;">Conjurelang</a> — <span style="color:#9ca3af;font-size:0.85rem;">Conjurelang invents complete fantasy languages with grammar, vocabulary, and morphology. Free alternative to Vulgar — no signup, no limits. Use plain English to make.</span></li>
<li style="margin:0.4rem 0;"><a href="profile-studio.html" style="color:#06b6d4;text-decoration:none;">Profile Studio</a> — <span style="color:#9ca3af;font-size:0.85rem;">Social media image / profile picture editor for LinkedIn, Instagram, X, Facebook, YouTube, TikTok, Bluesky, Threads,  Pinterest, et al. Batch download. Easy, fast.</span></li>
<li style="margin:0.4rem 0;"><a href="skill-cartridge.html" style="color:#06b6d4;text-decoration:none;">Skill Cartridge</a> — <span style="color:#9ca3af;font-size:0.85rem;">Embed a Claude or agent skill in a lossless PNG to save or share with others - or use the app to "load" a cartridge to extract its data. More visual!</span></li>
<li style="margin:0.4rem 0;"><a href="coffee-counter.html" style="color:#06b6d4;text-decoration:none;">Coffee Counter</a> — <span style="color:#9ca3af;font-size:0.85rem;">Coffee drink finder and visual menu — answer 6 quick questions and get matched to one of 55 espresso, iced, and cold brew drinks, and how to best order it.</span></li>
<li style="margin:0.4rem 0;"><a href="force-finder.html" style="color:#06b6d4;text-decoration:none;">Force Finder</a> — <span style="color:#9ca3af;font-size:0.85rem;">Not sure where to start with Star Wars? Force Finder plots your perfect entry point — where to begin, the right film order, what to experience tonight, etc.</span></li>
<li style="margin:0.4rem 0;"><a href="sportsball-stupid.html" style="color:#06b6d4;text-decoration:none;">Sportsball Stupid</a> — <span style="color:#9ca3af;font-size:0.85rem;">The sports game last night explained for people who don't watch sports. The score, the star, the big moment, and lines to say at work. NFL, NBA, MLB, NHL, soccer.</span></li>
<li style="margin:0.4rem 0;"><a href="seattle-snarlcast.html" style="color:#06b6d4;text-decoration:none;">Seattle Snarlcast</a> — <span style="color:#9ca3af;font-size:0.85rem;">Seattle traffic and crowd forecast built on live data. See what&rsquo;s driving congestion near your destination, whether to go, and when. Save your fave commutes!</span></li>
<li style="margin:0.4rem 0;"><a href="ccat-prep.html" style="color:#06b6d4;text-decoration:none;">CCAT Prep</a> — <span style="color:#9ca3af;font-size:0.85rem;">CCAT practice test trainer: unlimited verbal, math & logic, and spatial questions, timed 50-in-15 simulations, and pacing drills to lift your score.</span></li>
<li style="margin:0.4rem 0;"><a href="pixel-rehab.html" style="color:#06b6d4;text-decoration:none;">Pixel Rehab</a> — <span style="color:#9ca3af;font-size:0.85rem;">Pixel art fixer. Snaps mixels and blurry AI sprites back onto a true pixel grid, or pixelizes any photo into true pixel art. A free Pixel Snapper alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="easy-invoices.html" style="color:#06b6d4;text-decoration:none;">Easy Invoices</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free invoice generator with no client limit, no watermark, and no signup. Saves your clients, items, history on your own device. Alternative to paid invoice services.</span></li>
<li style="margin:0.4rem 0;"><a href="since-when.html" style="color:#06b6d4;text-decoration:none;">Since When</a> — <span style="color:#9ca3af;font-size:0.85rem;">See what actually happens while this page is open: Wikipedia edits, Bluesky posts, internet routes, earthquakes, Bitcoin blocks. Measured, not estimated.</span></li>
<li style="margin:0.4rem 0;"><a href="browser-fingerprint.html" style="color:#06b6d4;text-decoration:none;">Browser Fingerprint Test</a> — <span style="color:#9ca3af;font-size:0.85rem;">Browser fingerprint and privacy test that turns 120+ signals into plain English — what sites learn, how they knew it, and how to reveal less. Stats for nerds, too!</span></li>
<li style="margin:0.4rem 0;"><a href="framesend.html" style="color:#06b6d4;text-decoration:none;">FrameSend</a> — <span style="color:#9ca3af;font-size:0.85rem;">QR code file transfer from one screen to another device's camera. No Wi-Fi, pairing, cable, or install — an offline LocalSend and Snapdrop alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="mood-journal.html" style="color:#06b6d4;text-decoration:none;">Mood Journal</a> — <span style="color:#9ca3af;font-size:0.85rem;">Mood tracker and daily journal that grows every entry into a flower on a year-long 3D calendar garden. 96 species, private, no account needed.</span></li>
<li style="margin:0.4rem 0;"><a href="wordpress-checkup.html" style="color:#06b6d4;text-decoration:none;">WordPress Checkup</a> — <span style="color:#9ca3af;font-size:0.85rem;">Paste your Site Health report for an ordered maintenance list: what to update, what to retire, which settings to change, each linked into your admin. Not a plugin.</span></li>
<li style="margin:0.4rem 0;"><a href="plugin-gap.html" style="color:#06b6d4;text-decoration:none;">Plugin Gap</a> — <span style="color:#9ca3af;font-size:0.85rem;">Check whether your WordPress plugin idea already exists. Search the live WordPress.org directory for rivals, install bands, recent reviews, and real gaps.</span></li>
<li style="margin:0.4rem 0;"><a href="measure-twice.html" style="color:#06b6d4;text-decoration:none;">Measure Twice</a> — <span style="color:#9ca3af;font-size:0.85rem;">How much gravel, topsoil, tile, drywall, sod or grass seed do you need? Just say what you want to do. 20 free calculators show bags, gallons, sheets or pallets to buy.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Retro Computing &amp; Simulators (30)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="tix.html" style="color:#06b6d4;text-decoration:none;">TIX Clock</a> — <span style="color:#9ca3af;font-size:0.85rem;">TIX clock replica — the cult LED desk clock that displays time as colored dot groups. A faithful digital recreation of the discontinued TIX design icon.</span></li>
<li style="margin:0.4rem 0;"><a href="pirillo95.html" style="color:#06b6d4;text-decoration:none;">Pirillo 95</a> — <span style="color:#9ca3af;font-size:0.85rem;">Windows 95 desktop simulator. Explore the Start menu, taskbar, and retro UI — a nostalgic recreation of Microsoft's iconic 1995 operating system interface.</span></li>
<li style="margin:0.4rem 0;"><a href="alien-computer.html" style="color:#06b6d4;text-decoration:none;">Alien Computer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Retro sci-fi dashboard simulator. Explore alien control panels with blinking lights and cryptic readouts — inspired by Nostromo and 1970s spacecraft interfaces.</span></li>
<li style="margin:0.4rem 0;"><a href="touch-grass.html" style="color:#06b6d4;text-decoration:none;">Touch Grass</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive 3D grass simulator. Touch, blow, and interact with realistic virtual grass — a calming WebGL nature experience. Literally touch grass, digitally.</span></li>
<li style="margin:0.4rem 0;"><a href="flipatron.html" style="color:#06b6d4;text-decoration:none;">Flipatron</a> — <span style="color:#9ca3af;font-size:0.85rem;">Split-flap display simulator. Type any message and watch mechanical letters animate — a digital recreation of Solari departure boards and retro airport signage.</span></li>
<li style="margin:0.4rem 0;"><a href="iphone.html" style="color:#06b6d4;text-decoration:none;">iPhone Simulator</a> — <span style="color:#9ca3af;font-size:0.85rem;">Original 2007 iPhone simulator. Explore Apple's first smartphone interface — a faithful browser recreation of the device that changed everything.</span></li>
<li style="margin:0.4rem 0;"><a href="endless-hacker.html" style="color:#06b6d4;text-decoration:none;">Endless Hacker</a> — <span style="color:#9ca3af;font-size:0.85rem;">Movie hacker terminal simulator. Type anything and look like you're breaching mainframes — cascading code effects inspired by Hollywood's version of hacking.</span></li>
<li style="margin:0.4rem 0;"><a href="pipe-dream.html" style="color:#06b6d4;text-decoration:none;">Pipe Dream</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D Pipes screensaver recreation. Endless colorful pipes build and twist through space — a faithful WebGL tribute to the classic Windows screensaver from the 1990s.</span></li>
<li style="margin:0.4rem 0;"><a href="lcars.html" style="color:#06b6d4;text-decoration:none;">LCARS</a> — <span style="color:#9ca3af;font-size:0.85rem;">Star Trek LCARS interface generator. Create authentic Starfleet computer panels — a procedural LCARS builder for Trek fans, inspired by the TNG/DS9/Voyager UI.</span></li>
<li style="margin:0.4rem 0;"><a href="blinking-1200.html" style="color:#06b6d4;text-decoration:none;">Blinking 12:00</a> — <span style="color:#9ca3af;font-size:0.85rem;">Blinking VCR 12:00 display. The eternally flashing clock from the VHS era — a nostalgic novelty tribute to the most universally ignored user interface of the 1980s.</span></li>
<li style="margin:0.4rem 0;"><a href="panic-command.html" style="color:#06b6d4;text-decoration:none;">Panic Command</a> — <span style="color:#9ca3af;font-size:0.85rem;">Procedural hacking terminal simulator. Cascading breach sequences and system alerts — a Hollywood-style hacker roleplay experience for fun and screenshots.</span></li>
<li style="margin:0.4rem 0;"><a href="kind-rewind.html" style="color:#06b6d4;text-decoration:none;">Kind Rewind</a> — <span style="color:#9ca3af;font-size:0.85rem;">Retro VHS tape designer. Create custom cassette covers with authentic wear effects and nostalgic branding — a 3D tribute to the magnetic tape era.</span></li>
<li style="margin:0.4rem 0;"><a href="paper-jam.html" style="color:#06b6d4;text-decoration:none;">Paper Jam</a> — <span style="color:#9ca3af;font-size:0.85rem;">Dot matrix printer simulator with 9-pin printing, RSS feeds, image-to-ASCII conversion, and authentic sounds — a faithful recreation of 1980s impact printing.</span></li>
<li style="margin:0.4rem 0;"><a href="online-meeting.html" style="color:#06b6d4;text-decoration:none;">Meeting Sim</a> — <span style="color:#9ca3af;font-size:0.85rem;">Fake video meeting simulator. Generate realistic call screens to appear busy — a humorous tool for remote workers who need to look like they're in a meeting.</span></li>
<li style="margin:0.4rem 0;"><a href="c64.html" style="color:#06b6d4;text-decoration:none;">CHRISPIRILLO64</a> — <span style="color:#9ca3af;font-size:0.85rem;">Commodore 64 emulator with BASIC interpreter. Write and run C64 BASIC programs — a retro computing environment for learning, nostalgia, and 8-bit programming.</span></li>
<li style="margin:0.4rem 0;"><a href="system-six.html" style="color:#06b6d4;text-decoration:none;">System Six</a> — <span style="color:#9ca3af;font-size:0.85rem;">Classic Macintosh System 6 simulator. Explore the 1988 Mac OS desktop, menus, and apps — a faithful recreation for vintage Apple enthusiasts and computing historians.</span></li>
<li style="margin:0.4rem 0;"><a href="bad-kanban.html" style="color:#06b6d4;text-decoration:none;">Bad Kanban</a> — <span style="color:#9ca3af;font-size:0.85rem;">Satirical Kanban board simulator. Experience the absurdity of corporate agile project management — a humorous parody for anyone who's survived sprint planning.</span></li>
<li style="margin:0.4rem 0;"><a href="holonet-uplink.html" style="color:#06b6d4;text-decoration:none;">Holonet Uplink</a> — <span style="color:#9ca3af;font-size:0.85rem;">Star Wars news and podcast aggregator. Browse dozens of galactic RSS feeds in an immersive Holonet-themed dashboard — a daily briefing for Star Wars fans.</span></li>
<li style="margin:0.4rem 0;"><a href="storm-front.html" style="color:#06b6d4;text-decoration:none;">Storm Front</a> — <span style="color:#9ca3af;font-size:0.85rem;">Retro CRT weather terminal. Live weather data with ASCII art in a green-screen terminal — a geek-chic forecast display inspired by 1980s BBS systems.</span></li>
<li style="margin:0.4rem 0;"><a href="aurebesh-translator.html" style="color:#06b6d4;text-decoration:none;">Aurebesh Translator</a> — <span style="color:#9ca3af;font-size:0.85rem;">English-to-Aurebesh translator with CRT terminal aesthetics. Convert text to Star Wars script with high-res image export — for props, cosplay, and fan art.</span></li>
<li style="margin:0.4rem 0;"><a href="huttese-translator.html" style="color:#06b6d4;text-decoration:none;">Huttese Translator</a> — <span style="color:#9ca3af;font-size:0.85rem;">English-to-Huttese translator. Convert text to Star Wars Huttese with a searchable lexicon — an immersive galactic language tool for fans and cosplayers.</span></li>
<li style="margin:0.4rem 0;"><a href="nexus-1138.html" style="color:#06b6d4;text-decoration:none;">Nexus 1138</a> — <span style="color:#9ca3af;font-size:0.85rem;">Star Wars orbital station dashboard. Monitor pseudo telemetry, tactical readouts, and controls — an immersive sci-fi command center experience for space fans.</span></li>
<li style="margin:0.4rem 0;"><a href="crt-tv.html" style="color:#06b6d4;text-decoration:none;">CRT TV</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hyperrealistic CRT television simulator. Flip through 80s channels with real static, clicky knobs, scanlines, and rabbit ears — a tribute to analog TV nostalgia.</span></li>
<li style="margin:0.4rem 0;"><a href="instant-snap.html" style="color:#06b6d4;text-decoration:none;">Instant Snap</a> — <span style="color:#9ca3af;font-size:0.85rem;">Instant film camera sim! Take photos with this skeuomorphic web camera, watch them develop like real instant film on your virtual desk. Retro photo booth alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="dial-up.html" style="color:#06b6d4;text-decoration:none;">Dial-Up</a> — <span style="color:#9ca3af;font-size:0.85rem;">Rotary phone simulator with T9 multi-tap, modem handshake sounds, and a skeuomorphic bakelite dial. Type URLs or phone numbers the hard way.</span></li>
<li style="margin:0.4rem 0;"><a href="wooly-willy.html" style="color:#06b6d4;text-decoration:none;">Wooly Willy</a> — <span style="color:#9ca3af;font-size:0.85rem;">The classic 1955 magnetic drawing toy reimagined in your browser, with real iron-filing physics. Draw hair, beards, eyebrows. Upload any face. Save and share.</span></li>
<li style="margin:0.4rem 0;"><a href="newtons-cradle.html" style="color:#06b6d4;text-decoration:none;">Newton's Cradle</a> — <span style="color:#9ca3af;font-size:0.85rem;">Free 3D Newton's cradle simulator — drag the balls, orbit the frame, change materials, gravity and lighting, plus pendulum-wave mode. Learn as you play. World's best!</span></li>
<li style="margin:0.4rem 0;"><a href="retrowave-road.html" style="color:#06b6d4;text-decoration:none;">Retrowave Road</a> — <span style="color:#9ca3af;font-size:0.85rem;">Retrowave Road generates an endless synthwave highway — seeded neon worlds, a generative 80s soundtrack. Like, totally tubular. Awesome!</span></li>
<li style="margin:0.4rem 0;"><a href="antique-typewriter.html" style="color:#06b6d4;text-decoration:none;">Antique Typewriter</a> — <span style="color:#9ca3af;font-size:0.85rem;">3D vintage typewriter simulator with working typebars, inked ribbon, carriage return, margin bell, and clearable key jams — a free OverType alternative.</span></li>
<li style="margin:0.4rem 0;"><a href="retrotube-television.html" style="color:#06b6d4;text-decoration:none;">Retrotube Television</a> — <span style="color:#9ca3af;font-size:0.85rem;">Analog video filter with 57 CRT, VHS, PAL, NTSC and Super 8 emulations. Run YouTube, webcam or local video through real shadow-mask tube simulation.</span></li>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Music &amp; Sound Apps (23)</h3>
<ul style="list-style:none;padding:0;">
<li style="margin:0.4rem 0;"><a href="golden-ear.html" style="color:#06b6d4;text-decoration:none;">Golden Ear</a> — <span style="color:#9ca3af;font-size:0.85rem;">Ear training game with a 3D piano. Identify musical pitches, intervals, and frequencies — a free alternative to EarMaster and Teoria for pitch recognition.</span></li>
<li style="margin:0.4rem 0;"><a href="clinamen.html" style="color:#06b6d4;text-decoration:none;">Clinamen</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative ambient music with virtual singing bowls. Procedural soundscapes and meditative visuals — an interactive alternative to Brian Eno's ambient apps and Endel.</span></li>
<li style="margin:0.4rem 0;"><a href="synthwave.html" style="color:#06b6d4;text-decoration:none;">Synthwave</a> — <span style="color:#9ca3af;font-size:0.85rem;">Synthwave typing visualizer. Retro neon animations react to your keyboard — an aesthetic experience for writers and coders inspired by outrun and retrowave culture.</span></li>
<li style="margin:0.4rem 0;"><a href="tenori-on.html" style="color:#06b6d4;text-decoration:none;">Tenori-Online</a> — <span style="color:#9ca3af;font-size:0.85rem;">Music sequencer inspired by the Yamaha Tenori-on. Create melodies by tapping a grid of lights — a free alternative to the discontinued $1,200 hardware instrument.</span></li>
<li style="margin:0.4rem 0;"><a href="circlaud.html" style="color:#06b6d4;text-decoration:none;">Circlaud</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative audio-visual composition tool. Sound and visuals evolve together in meditative circles — a procedural music experience inspired by generative art and ambient.</span></li>
<li style="margin:0.4rem 0;"><a href="infinite-rainstick.html" style="color:#06b6d4;text-decoration:none;">Rainstick</a> — <span style="color:#9ca3af;font-size:0.85rem;">Infinite rainstick sound generator. Endless calming rain percussion for relaxation, sleep, and focus — a free ambient noise alternative to Noisli and myNoise.</span></li>
<li style="margin:0.4rem 0;"><a href="theremin.html" style="color:#06b6d4;text-decoration:none;">Theremin</a> — <span style="color:#9ca3af;font-size:0.85rem;">Theremin simulator. Create haunting melodies by moving your mouse or finger — a digital recreation of the classic electronic instrument invented by Léon Theremin.</span></li>
<li style="margin:0.4rem 0;"><a href="synesthesia.html" style="color:#06b6d4;text-decoration:none;">Synesthesia</a> — <span style="color:#9ca3af;font-size:0.85rem;">Audiovisual art creator. Generate combinations of sound and color by clicking and typing — explore synesthetic experiences where visual and audio merge.</span></li>
<li style="margin:0.4rem 0;"><a href="keystroke-capers.html" style="color:#06b6d4;text-decoration:none;">Capers</a> — <span style="color:#9ca3af;font-size:0.85rem;">Typing sound and visual effects toy. Every keystroke triggers unique animations and audio — a sensory keyboard experience for ASMR and creative typing enthusiasts.</span></li>
<li style="margin:0.4rem 0;"><a href="retro-beatbox.html" style="color:#06b6d4;text-decoration:none;">Beatbox</a> — <span style="color:#9ca3af;font-size:0.85rem;">16-step drum machine and beat sequencer. Create beats with classic drum kit sounds — a free alternative to the Roland TR-808 and online beat makers like Drumbit.</span></li>
<li style="margin:0.4rem 0;"><a href="midi-mixer.html" style="color:#06b6d4;text-decoration:none;">MIDI Mixer</a> — <span style="color:#9ca3af;font-size:0.85rem;">Generative MIDI synthesizer studio. Create evolving compositions with an interactive synth engine — a free alternative to Chrome Music Lab and Ableton Note.</span></li>
<li style="margin:0.4rem 0;"><a href="livebeat.html" style="color:#06b6d4;text-decoration:none;">LiveBeat</a> — <span style="color:#9ca3af;font-size:0.85rem;">Text-to-music live coding tool. Write simple code to generate songs and beats — a creative music coding environment inspired by Sonic Pi and TidalCycles.</span></li>
<li style="margin:0.4rem 0;"><a href="voice-keyboard.html" style="color:#06b6d4;text-decoration:none;">Voice Keyboard</a> — <span style="color:#9ca3af;font-size:0.85rem;">Voice sampler and synthesizer. Record your voice and play it on a keyboard with ABC notation sequencing — create vocal music and sample-based compositions.</span></li>
<li style="margin:0.4rem 0;"><a href="tone-shelf.html" style="color:#06b6d4;text-decoration:none;">Tone Shelf</a> — <span style="color:#9ca3af;font-size:0.85rem;">Brown, white, and pink noise generator with rain, ocean, wind, and fire. Mix 10 ambient channels — a free alternative to Noisli, myNoise, and A Soft Murmur.</span></li>
<li style="margin:0.4rem 0;"><a href="turntable-zikka.html" style="color:#06b6d4;text-decoration:none;">Turntable Zikka</a> — <span style="color:#9ca3af;font-size:0.85rem;">Hyperrealistic DJ turntable simulator. Scratch vinyl, mix beats, and feel the nightclub — a free alternative to real decks and DJ apps like djay.</span></li>
<li style="margin:0.4rem 0;"><a href="metro-gnome.html" style="color:#06b6d4;text-decoration:none;">Metro Gnome</a> — <span style="color:#9ca3af;font-size:0.85rem;">Digital metronome with adjustable BPM, time signatures, subdivisions, per-beat accents, tap-to-set tempo, and a practice timer — kept by an animated "metro gnome!"</span></li>
<li style="margin:0.4rem 0;"><a href="timbre-table.html" style="color:#06b6d4;text-decoration:none;">Timbre Table</a> — <span style="color:#9ca3af;font-size:0.85rem;">Nine tuned mallet instruments in your browser — xylophone, marimba, vibraphone, glockenspiel and more. Record a tune or just "fiddle" around. Play us a song...</span></li>
<li style="margin:0.4rem 0;"><a href="harmonia.html" style="color:#06b6d4;text-decoration:none;">Harmonia</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive circle of fifths that plays real four-part voice leading. Find the diatonic chords in any key, explore all seven modes, build progressions you can hear.</span></li>
<li style="margin:0.4rem 0;"><a href="windchimes.html" style="color:#06b6d4;text-decoration:none;">Windchimes</a> — <span style="color:#9ca3af;font-size:0.85rem;">Interactive wind chime instrument with 55 musical scales, breeze physics, and Web Audio synthesis. Tune, play, and record ambient wind chime soundscapes.</span></li>
<li style="margin:0.4rem 0;"><a href="guitar-centered.html" style="color:#06b6d4;text-decoration:none;">Guitar Centered</a> — <span style="color:#9ca3af;font-size:0.85rem;">Playable 3D acoustic guitar with 35 chords, 80 songs, scales, alternate tunings, capo and video capture. Free alternative to Recursive Arts Online Guitar.</span></li>
<li style="margin:0.4rem 0;"><a href="chiptune-jukebox.html" style="color:#06b6d4;text-decoration:none;">Chiptune Jukebox</a> — <span style="color:#9ca3af;font-size:0.85rem;">An endless shelf of chiptune albums that compose themselves as you listen. Browse the covers, keep the seeds, export WAVs, or let the Auto DJ run. Like Nintendo music!</span></li>
<li style="margin:0.4rem 0;"><a href="chiptune-radio.html" style="color:#06b6d4;text-decoration:none;">Chiptune Radio</a> — <span style="color:#9ca3af;font-size:0.85rem;">Roll original Nintendo / NES chiptunes 8-bit loops across 25 moods, then export seamless looping WAV, stems, or MIDI with loop points Unity, Godot and RPG Maker read.</span></li>
<li style="margin:0.4rem 0;"><a href="weather-music.html" style="color:#06b6d4;text-decoration:none;">Weather Music</a> — <span style="color:#9ca3af;font-size:0.85rem;">Weather Music composes an original song from any city's real forecast. Temperature sets tempo, sky sets harmony, rain sets rhythm. Export WAV or MIDI.</span></li>
</ul>
</div>
</noscript>
    </main>

    <!-- Back to Top -->
    <button id="back-to-top" onclick="window.scrollTo({top: 0, behavior: 'smooth'})" title="Back to Top">
        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"></path></svg>
    </button>

    <footer class="bg-black border-t border-gray-800 py-10 z-10 relative">
        <div class="container mx-auto px-4">
            <!-- Footer Grid -->
            <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
                <!-- About -->
                <div>
                    <h4 class="font-heading font-black text-white text-xs uppercase tracking-widest mb-3">About the Arcade</h4>
                    <p class="text-xs text-gray-500 leading-relaxed">274 free browser-based apps, games, and tools built by Chris Pirillo. Everything runs client-side — no accounts, no downloads, no data collection. Just open and play.</p>
                </div>
                <!-- Browse by Category -->
                <div>
                    <h4 class="font-heading font-black text-white text-xs uppercase tracking-widest mb-3">Browse by Category</h4>
                    <nav class="flex flex-wrap gap-x-4 gap-y-1">
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=games]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Free Browser Games</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=generative]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Generative Art</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=worlds]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">3D Worlds</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=ambient]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Ambient Visuals</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=studio]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Art & Design Tools</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=makers]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Maker & Print Tools</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=media]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Media Converters</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=tools]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Productivity Tools</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=retro]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Retro Simulators</a>
                        <a href="javascript:void(0)" onclick="document.querySelector('[data-filter=music]').click();window.scrollTo({top:document.getElementById('grid-container').offsetTop-100,behavior:'smooth'})" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Music & Sound</a>
                    </nav>
                </div>
                <!-- Connect -->
                <div>
                    <h4 class="font-heading font-black text-white text-xs uppercase tracking-widest mb-3">Connect</h4>
                    <nav class="flex flex-wrap gap-x-4 gap-y-1">
                        <a href="https://youtube.com/chrispirillo/live" target="_blank" class="text-xs text-gray-500 hover:text-neon-pink transition-colors">Live Stream (Thu 6PM PT)</a>
                        <a href="https://luma.com/ctrlaltcreatelive" target="_blank" class="text-xs text-gray-500 hover:text-neon-pink transition-colors">Monthly Event</a>
                        <a href="https://ctrlaltcreate.live/" target="_blank" class="text-xs text-gray-500 hover:text-neon-cyan transition-colors">Vibe Coding Help</a>
                        <a href="https://discord.gg/XRBTM8sAMX" target="_blank" class="text-xs text-gray-500 hover:text-neon-purple transition-colors">Discord</a>
                        <a href="https://chris.pirillo.com/" target="_blank" class="text-xs text-gray-500 hover:text-white transition-colors">Chris Pirillo</a>
                        <a href="https://arcade.pirillo.com/index.xml" class="text-xs text-gray-500 hover:text-orange-500 transition-colors">RSS Feed</a>
                    </nav>
                </div>
            </div>
            <!-- Bottom Bar -->
            <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-center md:justify-between items-center text-xs text-gray-600 font-heading font-bold uppercase tracking-wider gap-4">
                <div class="flex items-center gap-4">
                    <button id="sound-toggle" class="hover:text-white cursor-pointer transition-colors p-2 rounded-full hover:bg-gray-900" title="Toggle Audio">
                        <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20" class="text-gray-500"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>
                    </button>
                    <p>&copy; <script>document.write(new Date().getFullYear())</script> Chris Pirillo. All Rights Reserved.</p>
                </div>
                <a href="https://arcade.pirillo.com/privacy.html" class="text-gray-600 hover:text-white transition-colors">Privacy Policy</a>
            </div>
        </div>
    </footer>

    <!-- Data Storage -->
    <div id="raw-data" class="hidden">
        <!-- Games -->
        <a href="jabberblocky.html" class="machine-hydrate" data-cat="games" data-date="2024-05-01T10:00:00Z"><img src="images/jabberblocky.jpg" alt="Screenshot of Jabberblocky: Falling-block dodge game with escalating speed. React and survive as the grid fills — an arcade reflex challenge inspired by Tetris and downwell mechanics."><span>Jabberblocky</span><p>Falling-block dodge game with escalating speed. React and survive as the grid fills — an arcade reflex challenge inspired by Tetris and downwell mechanics.</p></a>
        <a href="piddaddle.html" class="machine-hydrate" data-cat="games" data-date="2024-05-02T11:00:00Z"><img src="images/piddaddle.jpg" alt="Screenshot of Piddaddle: Pong with a rotating board — the paddle game reinvented. A unique twist on classic Pong and Breakout mechanics with reflex-testing rotation physics."><span>Piddaddle</span><p>Pong with a rotating board — the paddle game reinvented. A unique twist on classic Pong and Breakout mechanics with reflex-testing rotation physics.</p></a>
        <a href="puzzlepalooza.html" class="machine-hydrate" data-cat="games" data-date="2024-05-08T17:00:00Z"><img src="images/puzzlepalooza.jpg" alt="Screenshot of Puzzlepalooza: Photo jigsaw puzzle maker — upload any image, choose difficulty, and solve. A free alternative to Jigsaw Explorer and online puzzle sites, no account needed."><span>Puzzlepalooza</span><p>Photo jigsaw puzzle maker — upload any image, choose difficulty, and solve. A free alternative to Jigsaw Explorer and online puzzle sites, no account needed.</p></a>
        <a href="neon-cycles.html" class="machine-hydrate" data-cat="games" data-date="2024-05-09T12:00:00Z"><img src="images/neon-cycles.jpg" alt="Screenshot of Neon Cycles: Light cycle racing on a glowing grid — inspired by Tron. Upload your avatar and outmaneuver opponents in this neon arena. A free Tron: Light Cycles tribute."><span>Neon Cycles</span><p>Light cycle racing on a glowing grid — inspired by Tron. Upload your avatar and outmaneuver opponents in this neon arena. A free Tron: Light Cycles tribute.</p></a>
        <a href="makerdeck-flappament.html" class="machine-hydrate" data-cat="games" data-date="2024-05-14T14:01:00Z"><img src="images/makerdeck-flappament.jpg" alt="Screenshot of Flappament: Flappy Bird clone with tap-to-fly mechanics. Dodge pipes and chase high scores in this one-button arcade game — a free Flappy Bird alternative."><span>Flappament</span><p>Flappy Bird clone with tap-to-fly mechanics. Dodge pipes and chase high scores in this one-button arcade game — a free Flappy Bird alternative.</p></a>
        <a href="glitchtris.html" class="machine-hydrate" data-cat="games" data-date="2024-05-14T14:02:00Z"><img src="images/glitchtris.jpg" alt="Screenshot of Glitchtris: Tetris with a glitch aesthetic — stack and clear falling blocks through visual distortion. A cyberpunk twist on the classic puzzle, inspired by Tetris Effect."><span>Glitchtris</span><p>Tetris with a glitch aesthetic — stack and clear falling blocks through visual distortion. A cyberpunk twist on the classic puzzle, inspired by Tetris Effect.</p></a>
        <a href="vector-fury.html" class="machine-hydrate" data-cat="games" data-date="2024-05-14T14:03:00Z"><img src="images/vector-fury.jpg" alt="Screenshot of Vector Fury: Vector-graphics space shooter like Asteroids and Geometry Wars. Blast through enemy waves in a retro wireframe arena — fast-paced shmup action."><span>Vector Fury</span><p>Vector-graphics space shooter like Asteroids and Geometry Wars. Blast through enemy waves in a retro wireframe arena — fast-paced shmup action.</p></a>
        <a href="monochromaze.html" class="machine-hydrate" data-cat="games" data-date="2025-06-04T01:59:31.113Z"><img src="images/monochromaze.jpg" alt="Screenshot of Monochromaze: Minimalist black-and-white puzzle adventure. Navigate atmospheric mazes and solve spatial challenges — a contemplative game for fans of Limbo and Monument Valley."><span>Monochromaze</span><p>Minimalist black-and-white puzzle adventure. Navigate atmospheric mazes and solve spatial challenges — a contemplative game for fans of Limbo and Monument Valley.</p></a>
        <a href="cybersweeper.html" class="machine-hydrate" data-cat="games" data-date="2025-06-30T17:42:38.327Z"><img src="images/cybersweeper.jpg" alt="Screenshot of Cybersweeper: Minesweeper with a cyberpunk reskin. Sweep neon grids, flag mines, and solve logic puzzles — a free alternative to classic Windows Minesweeper and Minesweeper Online."><span>Cybersweeper</span><p>Minesweeper with a cyberpunk reskin. Sweep neon grids, flag mines, and solve logic puzzles — a free alternative to classic Windows Minesweeper and Minesweeper Online.</p></a>
        <a href="sandtris.html" class="machine-hydrate" data-cat="games" data-date="2025-06-30T17:53:16.133Z"><img src="images/sandtris.jpg" alt="Screenshot of Sandtris: Tetris meets falling-sand physics — blocks crumble into particles on landing. A unique sand simulation puzzle game inspired by Noita and Sandspiel."><span>Sandtris</span><p>Tetris meets falling-sand physics — blocks crumble into particles on landing. A unique sand simulation puzzle game inspired by Noita and Sandspiel.</p></a>
        <a href="sprite-sidescroller.html" class="machine-hydrate" data-cat="games" data-date="2025-06-30T17:54:17.425Z"><img src="images/sprite-sidescroller.jpg" alt="Screenshot of Sprite Sidescroller: Platformer level editor and player. Design sprites, build stages, and play custom side-scrolling levels — a free alternative to Super Mario Maker for the browser."><span>Sprite Sidescroller</span><p>Platformer level editor and player. Design sprites, build stages, and play custom side-scrolling levels — a free alternative to Super Mario Maker for the browser.</p></a>
        <a href="ascii-attack.html" class="machine-hydrate" data-cat="games" data-date="2025-06-30T17:55:15.233Z"><img src="images/ascii-attack.jpg" alt="Screenshot of ASCII Attack: Space Invaders rendered in ASCII art. Battle swarms of text-character aliens in this retro shooter — a typographic tribute to the 1978 arcade classic."><span>ASCII Attack</span><p>Space Invaders rendered in ASCII art. Battle swarms of text-character aliens in this retro shooter — a typographic tribute to the 1978 arcade classic.</p></a>
        <a href="droid-repair.html" class="machine-hydrate" data-cat="games" data-date="2025-06-30T17:56:33.473Z"><img src="images/droid-repair.jpg" alt="Screenshot of Droid Repair: Math game for kids with a Star Wars theme. Solve arithmetic equations to repair droids — educational multiplication and addition practice with sci-fi motivation."><span>Droid Repair</span><p>Math game for kids with a Star Wars theme. Solve arithmetic equations to repair droids — educational multiplication and addition practice with sci-fi motivation.</p></a>
        <a href="trench-wars.html" class="machine-hydrate" data-cat="games" data-date="2025-06-30T17:57:39.416Z"><img src="images/trench-wars.jpg" alt="Screenshot of Trench Wars: Trench-run space shooter inspired by the Death Star assault. Pilot through a scrolling corridor and dodge obstacles — an arcade tribute to Star Wars."><span>Trench Wars</span><p>Trench-run space shooter inspired by the Death Star assault. Pilot through a scrolling corridor and dodge obstacles — an arcade tribute to Star Wars.</p></a>
        <a href="nice-dice.html" class="machine-hydrate" data-cat="games" data-date="2025-07-08T00:01:36.881Z"><img src="images/nice-dice.jpg" alt="Screenshot of Nice Dice: 3D dice roller with real physics for D&D, Pathfinder, and tabletop RPGs. Roll d4 through d20 with realistic tumble — a free alternative to Roll20's dice roller."><span>Nice Dice</span><p>3D dice roller with real physics for D&D, Pathfinder, and tabletop RPGs. Roll d4 through d20 with realistic tumble — a free alternative to Roll20's dice roller.</p></a>
        <a href="quantum-reversi.html" class="machine-hydrate" data-cat="games" data-date="2025-07-08T00:02:18.900Z"><img src="images/quantum-reversi.jpg" alt="Screenshot of Quantum Reversi: Reversi (Othello) with AI opponents and a sci-fi interface. Classic disc-flipping strategy on an 8×8 board — a free alternative to Reversi apps and iOthello."><span>Quantum Reversi</span><p>Reversi (Othello) with AI opponents and a sci-fi interface. Classic disc-flipping strategy on an 8×8 board — a free alternative to Reversi apps and iOthello.</p></a>
        <a href="8bit-battle.html" class="machine-hydrate" data-cat="games" data-date="2025-07-08T00:03:06.976Z"><img src="images/8bit-battle.jpg" alt="Screenshot of 8-Bit Battle Tanks: Top-down pixel tank warfare. Command 8-bit tanks across destructible terrain — a retro combat game inspired by Battle City and Tank 1990."><span>8-Bit Battle Tanks</span><p>Top-down pixel tank warfare. Command 8-bit tanks across destructible terrain — a retro combat game inspired by Battle City and Tank 1990.</p></a>
        <a href="gravity-grid.html" class="machine-hydrate" data-cat="games" data-date="2025-07-08T00:04:30.867Z"><img src="images/gravity-grid.jpg" alt="Screenshot of Gravity Grid: 3D Connect Four with gravity-based disc dropping. Build four-in-a-row on a modern grid — a spatial strategy game inspired by Connect 4 and Score Four."><span>Gravity Grid</span><p>3D Connect Four with gravity-based disc dropping. Build four-in-a-row on a modern grid — a spatial strategy game inspired by Connect 4 and Score Four.</p></a>
        <a href="amulet-yandor.html" class="machine-hydrate" data-cat="games" data-date="2025-07-08T00:08:08.806Z"><img src="images/amulet-yandor.jpg" alt="Screenshot of The Amulet of Yandor: Roguelike dungeon crawler with procedural generation. Explore dungeons, fight monsters, collect loot — a browser tribute to Rogue, NetHack, and classic RPG adventures."><span>The Amulet of Yandor</span><p>Roguelike dungeon crawler with procedural generation. Explore dungeons, fight monsters, collect loot — a browser tribute to Rogue, NetHack, and classic RPG adventures.</p></a>
        <a href="jezzball.html" class="machine-hydrate" data-cat="games" data-date="2025-07-23T00:26:34.257Z"><img src="images/jezzball.jpg" alt="Screenshot of JezzBall: JezzBall clone — the classic Microsoft territory-capture puzzle. Build walls to trap bouncing balls and claim space. A faithful recreation of the Windows 3.1 original."><span>JezzBall</span><p>JezzBall clone — the classic Microsoft territory-capture puzzle. Build walls to trap bouncing balls and claim space. A faithful recreation of the Windows 3.1 original.</p></a>
        <a href="typing-exe.html" class="machine-hydrate" data-cat="games" data-date="2025-07-23T00:31:38.502Z"><img src="images/typing-exe.jpg" alt="Screenshot of TYPING.EXE: Typing speed test with WPM tracking, accuracy stats, and difficulty levels. Practice touch typing and measure progress — a free alternative to MonkeyType and TypeRacer."><span>TYPING.EXE</span><p>Typing speed test with WPM tracking, accuracy stats, and difficulty levels. Practice touch typing and measure progress — a free alternative to MonkeyType and TypeRacer.</p></a>
        <a href="qix.html" class="machine-hydrate" data-cat="games" data-date="2025-07-23T00:34:15.135Z"><img src="images/qix.jpg" alt="Screenshot of Qix: Qix clone — the classic 1981 arcade territory game. Draw lines to claim space while dodging the Qix. A faithful recreation of the Taito original."><span>Qix</span><p>Qix clone — the classic 1981 arcade territory game. Draw lines to claim space while dodging the Qix. A faithful recreation of the Taito original.</p></a>
        <a href="spelunker.html" class="machine-hydrate" data-cat="games" data-date="2025-08-12T23:42:36.719Z"><img src="images/spelunker.jpg" alt="Screenshot of Spelunker: Procedurally generated cave exploration game. Descend through infinite underground worlds — a spelunking roguelite inspired by Spelunky and procedural dungeon crawlers."><span>Spelunker</span><p>Procedurally generated cave exploration game. Descend through infinite underground worlds — a spelunking roguelite inspired by Spelunky and procedural dungeon crawlers.</p></a>
        <a href="starlight-angler.html" class="machine-hydrate" data-cat="games" data-date="2025-08-28T01:11:25.443Z"><img src="images/starlight-angler.jpg" alt="Screenshot of Starlight Angler: Space fishing arcade game — hook stars and dodge asteroids in zero gravity. A cosmic twist on fishing mechanics with unique celestial catch-and-release gameplay."><span>Starlight Angler</span><p>Space fishing arcade game — hook stars and dodge asteroids in zero gravity. A cosmic twist on fishing mechanics with unique celestial catch-and-release gameplay.</p></a>
        <a href="subterrania.html" class="machine-hydrate" data-cat="games" data-date="2025-08-28T01:12:22.070Z"><img src="images/subterrania.jpg" alt="Screenshot of Subterrania: Vast procedural cave exploration with atmospheric visuals. Discover endless underground caverns and geological formations — an ambient spelunking adventure."><span>Subterrania</span><p>Vast procedural cave exploration with atmospheric visuals. Discover endless underground caverns and geological formations — an ambient spelunking adventure.</p></a>
        <a href="slimeball.html" class="machine-hydrate" data-cat="games" data-date="2025-08-28T01:12:54.994Z"><img src="images/slimeball.jpg" alt="Screenshot of Slimeball: Slime volleyball with neon visuals. Competitive 1v1 blob sports — a browser tribute to the classic Slime Volleyball Flash game with glowing particle effects."><span>Slimeball</span><p>Slime volleyball with neon visuals. Competitive 1v1 blob sports — a browser tribute to the classic Slime Volleyball Flash game with glowing particle effects.</p></a>
        <a href="gridhopper.html" class="machine-hydrate" data-cat="games" data-date="2025-08-28T01:13:30.757Z"><img src="images/gridhopper.jpg" alt="Screenshot of Gridhopper: Endless runner with procedurally generated terrain. Hop across infinite landscapes — an auto-runner inspired by Crossy Road and Canabalt with dynamic world generation."><span>Gridhopper</span><p>Endless runner with procedurally generated terrain. Hop across infinite landscapes — an auto-runner inspired by Crossy Road and Canabalt with dynamic world generation.</p></a>
        <a href="chicken.html" class="machine-hydrate" data-cat="games" data-date="2025-08-28T01:14:31.112Z"><img src="images/chicken.jpg" alt="Screenshot of Chicken: Frogger-style road crossing game. Dodge traffic and navigate hazards — a classic arcade tribute to Frogger and Crossy Road with pixel-perfect collision."><span>Chicken</span><p>Frogger-style road crossing game. Dodge traffic and navigate hazards — a classic arcade tribute to Frogger and Crossy Road with pixel-perfect collision.</p></a>
        <a href="brickout.html" class="machine-hydrate" data-cat="games" data-date="2025-09-25T01:22:46.253Z"><img src="images/brickout.jpg" alt="Screenshot of Brickout: Brick breaker inspired by Breakout and Arkanoid. Power-ups, progressive levels, and satisfying ball physics — a free Arkanoid alternative with no app install."><span>Brickout</span><p>Brick breaker inspired by Breakout and Arkanoid. Power-ups, progressive levels, and satisfying ball physics — a free Arkanoid alternative with no app install.</p></a>
        <a href="electronic-sorcerer.html" class="machine-hydrate" data-cat="games" data-date="2025-09-25T01:29:30.723Z"><img src="images/electronic-sorcerer.jpg" alt="Screenshot of Electronic Sorcerer: Retro handheld LCD game collection. Multiple classic portable titles recreated with authentic segmented displays — a tribute to Tiger Electronics and Game & Watch."><span>Electronic Sorcerer</span><p>Retro handheld LCD game collection. Multiple classic portable titles recreated with authentic segmented displays — a tribute to Tiger Electronics and Game & Watch.</p></a>
        <a href="bingo-maker.html" class="machine-hydrate" data-cat="games" data-date="2025-10-12T18:41:04.677Z"><img src="images/bingo-maker.jpg" alt="Screenshot of Bingo Maker: Bingo card generator and live caller. Create custom cards for parties, classrooms, or game night — print or play. A free alternative to bingo card creator apps."><span>Bingo Maker</span><p>Bingo card generator and live caller. Create custom cards for parties, classrooms, or game night — print or play. A free alternative to bingo card creator apps.</p></a>
        <a href="road-rage.html" class="machine-hydrate" data-cat="games" data-date="2025-10-12T18:47:29.228Z"><img src="images/road-rage.jpg" alt="Screenshot of Road Rage: High-speed traffic dodging arcade game. Weave through oncoming cars at increasing velocity — inspired by classic Enduro and highway racing games."><span>Road Rage</span><p>High-speed traffic dodging arcade game. Weave through oncoming cars at increasing velocity — inspired by classic Enduro and highway racing games.</p></a>
        <a href="hallowattack.html" class="machine-hydrate" data-cat="games" data-date="2025-11-02T02:42:15.749Z"><img src="images/hallowattack.jpg" alt="Screenshot of Hallowattack: Halloween-themed Space Invaders with 8-bit sprites. Defeat waves of spooky pixel enemies — a seasonal retro arcade shooter for October."><span>Hallowattack</span><p>Halloween-themed Space Invaders with 8-bit sprites. Defeat waves of spooky pixel enemies — a seasonal retro arcade shooter for October.</p></a>
        <a href="candy-corn-smash.html" class="machine-hydrate" data-cat="games" data-date="2025-11-12T22:20:22.557Z"><img src="images/candy-corn-smash.jpg" alt="Screenshot of Candy Corn Smash: Halloween whac-a-mole with candy corn targets. Smash seasonal sweets against the clock — a quick reflex arcade game for spooky season."><span>Candy Corn Smash</span><p>Halloween whac-a-mole with candy corn targets. Smash seasonal sweets against the clock — a quick reflex arcade game for spooky season.</p></a>
        <a href="cube-solver.html" class="machine-hydrate" data-cat="games" data-date="2025-11-24T17:58:08.938Z"><img src="images/cube-solver.jpg" alt="Screenshot of Rubik's Cube Solver: 3x3 Rubik's Cube solver and simulator — input your scramble, get step-by-step beginner and CFOP solutions. A fast, free alternative to Cube Explorer and CSTimer."><span>Rubik's Cube Solver</span><p>3x3 Rubik's Cube solver and simulator — input your scramble, get step-by-step beginner and CFOP solutions. A fast, free alternative to Cube Explorer and CSTimer.</p></a>
        <a href="solitary-solitaire.html" class="machine-hydrate" data-cat="games" data-date="2025-11-24T18:01:18.748Z"><img src="images/solitary-solitaire.jpg" alt="Screenshot of Solitary Solitaire: Klondike solitaire with undo, auto-complete, and win detection. Clean card game for desktop and mobile — a lightweight alternative to Microsoft Solitaire Collection."><span>Solitary Solitaire</span><p>Klondike solitaire with undo, auto-complete, and win detection. Clean card game for desktop and mobile — a lightweight alternative to Microsoft Solitaire Collection.</p></a>
        <a href="claw-machine.html" class="machine-hydrate" data-cat="games" data-date="2025-12-14T23:44:10.251Z"><img src="images/claw-machine.jpg" alt="Screenshot of Claw Machine: 3D claw machine with realistic grab physics. Maneuver the crane, time your drop, and win prizes — a free arcade crane game inspired by real UFO catchers."><span>Claw Machine</span><p>3D claw machine with realistic grab physics. Maneuver the crane, time your drop, and win prizes — a free arcade crane game inspired by real UFO catchers.</p></a>
        <a href="rabbits-multiply.html" class="machine-hydrate" data-cat="games" data-date="2025-12-14T23:52:48.665Z"><img src="images/rabbits-multiply.jpg" alt="Screenshot of Rabbits Multiply: Multiplication math game for kids. Solve arithmetic to help bunnies multiply — a gamified learning tool for elementary math practice and times tables."><span>Rabbits Multiply</span><p>Multiplication math game for kids. Solve arithmetic to help bunnies multiply — a gamified learning tool for elementary math practice and times tables.</p></a>
        <a href="voice-velocity.html" class="machine-hydrate" data-cat="games" data-date="2025-12-14T23:58:27.239Z"><img src="images/voice-velocity.jpg" alt="Screenshot of Voice Velocity: Voice-controlled running game — shout to sprint, whisper to slow. Uses your microphone for hands-free gameplay. A one-of-a-kind vocal reaction challenge."><span>Voice Velocity</span><p>Voice-controlled running game — shout to sprint, whisper to slow. Uses your microphone for hands-free gameplay. A one-of-a-kind vocal reaction challenge.</p></a>
        <a href="block-blast.html" class="machine-hydrate" data-cat="games" data-date="2026-01-13T03:57:42.115Z"><img src="images/block-blast.jpg" alt="Screenshot of Block Blast: Block puzzle where you place pieces to clear rows and columns. Addictive Tetris-meets-Sudoku logic — a free alternative to Block Blast, 1010!, and Woodoku."><span>Block Blast</span><p>Block puzzle where you place pieces to clear rows and columns. Addictive Tetris-meets-Sudoku logic — a free alternative to Block Blast, 1010!, and Woodoku.</p></a>
        <a href="fish-frenzy.html" class="machine-hydrate" data-cat="games" data-date="2026-01-13T03:57:42.115Z"><img src="images/fish-frenzy.jpg" alt="Screenshot of Fish Frenzy: Underwater eat-or-be-eaten survival game. Devour smaller fish, dodge predators, grow bigger — inspired by Feeding Frenzy and Fishy with arcade pacing."><span>Fish Frenzy</span><p>Underwater eat-or-be-eaten survival game. Devour smaller fish, dodge predators, grow bigger — inspired by Feeding Frenzy and Fishy with arcade pacing.</p></a>
        <a href="gesture-blaster.html" class="machine-hydrate" data-cat="games" data-date="2026-01-13T03:57:42.115Z"><img src="images/gesture-blaster.jpg" alt="Screenshot of Gesture Blaster: Webcam hand-tracking shooter. Aim and fire with real gestures using computer vision — a motion-controlled arcade game powered by hand pose detection."><span>Gesture Blaster</span><p>Webcam hand-tracking shooter. Aim and fire with real gestures using computer vision — a motion-controlled arcade game powered by hand pose detection.</p></a>
        <a href="jaws.html" class="machine-hydrate" data-cat="games" data-date="2026-01-13T03:57:42.115Z"><img src="images/jaws.jpg" alt="Screenshot of Jaws: Speed-sorting arcade game — clear junk before the jaws snap shut. A frantic precision challenge with a ticking clock and snap-trap mechanics."><span>Jaws</span><p>Speed-sorting arcade game — clear junk before the jaws snap shut. A frantic precision challenge with a ticking clock and snap-trap mechanics.</p></a>
        <a href="lumina-bubble.html" class="machine-hydrate" data-cat="games" data-date="2026-01-13T03:57:42.115Z"><img src="images/lumina-bubble.jpg" alt="Screenshot of Lumina Bubble: Hex-grid bubble shooter with glowing orbs. Aim, match colors, and pop chains — inspired by Puzzle Bobble and Bust-a-Move with a modern neon aesthetic."><span>Lumina Bubble</span><p>Hex-grid bubble shooter with glowing orbs. Aim, match colors, and pop chains — inspired by Puzzle Bobble and Bust-a-Move with a modern neon aesthetic.</p></a>
        <a href="santas-blitz.html" class="machine-hydrate" data-cat="games" data-date="2026-01-13T03:57:42.115Z"><img src="images/santas-blitz.jpg" alt="Screenshot of Santa's Blitz: Christmas match-3 puzzle game. Swap holiday treats and clear festive boards — a seasonal candy-crush-style puzzler with gift-wrapped power-ups."><span>Santa's Blitz</span><p>Christmas match-3 puzzle game. Swap holiday treats and clear festive boards — a seasonal candy-crush-style puzzler with gift-wrapped power-ups.</p></a>
        <a href="carrot-critter.html" class="machine-hydrate" data-cat="games" data-date="2026-01-29T06:08:51.275Z"><img src="images/carrot-critter.jpg" alt="Screenshot of Carrot Critter: Garden arcade game — dodge rakes and harvest carrots. A fast-paced collect-and-avoid challenge with cute critter mechanics."><span>Carrot Critter</span><p>Garden arcade game — dodge rakes and harvest carrots. A fast-paced collect-and-avoid challenge with cute critter mechanics.</p></a>
        <a href="crows-cache.html" class="machine-hydrate" data-cat="games" data-date="2026-01-29T06:08:51.275Z"><img src="images/crows-cache.jpg" alt="Screenshot of Crow's Cache: Falling-object catching game. Help a crow collect oranges and guard the stash — an arcade catcher with hoarding mechanics and increasing difficulty."><span>Crow's Cache</span><p>Falling-object catching game. Help a crow collect oranges and guard the stash — an arcade catcher with hoarding mechanics and increasing difficulty.</p></a>
        <a href="printfarmville.html" class="machine-hydrate" data-cat="games" data-date="2026-01-29T06:08:51.275Z"><img src="images/printfarmville.jpg" alt="Screenshot of Printfarmville: 3D printing farm tycoon simulator. Manage print queues, upgrade machines, and scale your operation — an idle tycoon game for maker culture and 3D printing fans."><span>Printfarmville</span><p>3D printing farm tycoon simulator. Manage print queues, upgrade machines, and scale your operation — an idle tycoon game for maker culture and 3D printing fans.</p></a>
        <a href="elevator-agent.html" class="machine-hydrate" data-cat="games" data-date="2026-02-09T01:25:21.627Z"><img src="images/elevator-agent.jpg" alt="Screenshot of Elevator Agent: Stealth puzzle game with elevator mechanics. Infiltrate buildings, hack access panels, and ride between floors — a spy-themed logic adventure."><span>Elevator Agent</span><p>Stealth puzzle game with elevator mechanics. Infiltrate buildings, hack access panels, and ride between floors — a spy-themed logic adventure.</p></a>
        <a href="orbit-defender.html" class="machine-hydrate" data-cat="games" data-date="2026-02-09T01:25:21.627Z"><img src="images/orbit-defender.jpg" alt="Screenshot of Orbit Defender: Orbital space shooter — defend your station from 360° enemy waves. Tactical positioning and weapon management in a rotational arena combat game."><span>Orbit Defender</span><p>Orbital space shooter — defend your station from 360° enemy waves. Tactical positioning and weapon management in a rotational arena combat game.</p></a>
        <a href="tron-troff.html" class="machine-hydrate" data-cat="games" data-date="2026-02-09T01:25:21.627Z"><img src="images/tron-troff.jpg" alt="Screenshot of TRON TROFF: Tron light cycle game — race and cut off opponents on a neon grid. Outmaneuver AI riders in this retro tribute to the 1982 arcade classic."><span>TRON TROFF</span><p>Tron light cycle game — race and cut off opponents on a neon grid. Outmaneuver AI riders in this retro tribute to the 1982 arcade classic.</p></a>
        <a href="vecterra-command.html" class="machine-hydrate" data-cat="games" data-date="2026-02-09T01:25:21.627Z"><img src="images/vecterra-command.jpg" alt="Screenshot of Vecterra Command: Neon wireframe survival shooter on an infinite vector grid. Dodge and blast through waves — inspired by Tempest and Geometry Wars aesthetics."><span>Vecterra Command</span><p>Neon wireframe survival shooter on an infinite vector grid. Dodge and blast through waves — inspired by Tempest and Geometry Wars aesthetics.</p></a>
        <a href="magic-8ball.html" class="machine-hydrate" data-cat="games" data-date="2026-02-18T23:13:59.604Z"><img src="images/magic-8ball.jpg" alt="Screenshot of Magic 8-Ball: Magic 8-Ball simulator with 3D physics. Shake for answers — a digital replica of the Mattel fortune-telling toy with realistic fluid animation."><span>Magic 8-Ball</span><p>Magic 8-Ball simulator with 3D physics. Shake for answers — a digital replica of the Mattel fortune-telling toy with realistic fluid animation.</p></a>
            <a href="magnetic-poetry.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-18T23:13:59.605Z"><img src="images/magnetic-poetry.jpg" alt="Screenshot of Magnetic Poetry: Drag-and-drop magnetic poetry maker with 40+ themed word kits. Arrange fridge magnets into poems, then export — a digital alternative to Magnetic Poetry sets."><span>Magnetic Poetry</span><p>Drag-and-drop magnetic poetry maker with 40+ themed word kits. Arrange fridge magnets into poems, then export — a digital alternative to Magnetic Poetry sets.</p></a>
            <a href="ready-steady.html" class="machine-hydrate" data-cat="games" data-date="2026-02-18T23:13:59.610Z"><img src="images/ready-steady.jpg" alt="Screenshot of Ready Steady Bang: Quick-draw reflex duel with retro GameBoy styling. Test your reaction time in a western standoff — a free alternative to quick-draw and reaction test apps."><span>Ready Steady Bang</span><p>Quick-draw reflex duel with retro GameBoy styling. Test your reaction time in a western standoff — a free alternative to quick-draw and reaction test apps.</p></a>
            <a href="virtual-pop.html" class="machine-hydrate" data-cat="games" data-date="2026-02-18T23:13:59.615Z"><img src="images/virtual-pop.jpg" alt="Screenshot of Virtual Pop: Pop-It fidget toy simulator with procedural bubbles. Endless satisfying pops — a digital stress relief alternative to physical Pop-It and fidget toys."><span>Virtual Pop</span><p>Pop-It fidget toy simulator with procedural bubbles. Endless satisfying pops — a digital stress relief alternative to physical Pop-It and fidget toys.</p></a>
        <a href="aurebesh-trainer.html" class="machine-hydrate" data-cat="games" data-date="2026-02-27T04:40:41.520Z"><img src="images/aurebesh-trainer.jpg" alt="Screenshot of Aurebesh Trainer: Star Wars Aurebesh alphabet trainer. Learn to read and write the galactic script with quizzes, flashcards, and a translation cheat sheet."><span>Aurebesh Trainer</span><p>Star Wars Aurebesh alphabet trainer. Learn to read and write the galactic script with quizzes, flashcards, and a translation cheat sheet.</p></a>
        <a href="golden-ear.html" class="machine-hydrate" data-cat="music" data-date="2026-02-27T04:40:41.520Z"><img src="images/golden-ear.jpg" alt="Screenshot of Golden Ear: Ear training game with a 3D piano. Identify musical pitches, intervals, and frequencies — a free alternative to EarMaster and Teoria for pitch recognition."><span>Golden Ear</span><p>Ear training game with a 3D piano. Identify musical pitches, intervals, and frequencies — a free alternative to EarMaster and Teoria for pitch recognition.</p></a>

            <!-- Visual Art & Creative -->
        <a href="tix.html" class="machine-hydrate" data-cat="retro" data-date="2024-05-04T16:00:00Z"><img src="images/tix.jpg" alt="Screenshot of TIX Clock: TIX clock replica — the cult LED desk clock that displays time as colored dot groups. A faithful digital recreation of the discontinued TIX design icon."><span>TIX Clock</span><p>TIX clock replica — the cult LED desk clock that displays time as colored dot groups. A faithful digital recreation of the discontinued TIX design icon.</p></a>
        <a href="pirillo95.html" class="machine-hydrate" data-cat="retro" data-date="2024-05-06T13:00:00Z"><img src="images/pirillo95.jpg" alt="Screenshot of Pirillo 95: Windows 95 desktop simulator. Explore the Start menu, taskbar, and retro UI — a nostalgic recreation of Microsoft's iconic 1995 operating system interface."><span>Pirillo 95</span><p>Windows 95 desktop simulator. Explore the Start menu, taskbar, and retro UI — a nostalgic recreation of Microsoft's iconic 1995 operating system interface.</p></a>
        <a href="kineticcosmos.html" class="machine-hydrate" data-cat="ambient" data-date="2024-05-10T15:00:00Z"><img src="images/kineticcosmos.jpg" alt="Screenshot of Kinetic Cosmos: Generative geometric animation engine. Create parametric kinetic art, spirographs, and cosmic visuals — export stills or loop as a screensaver alternative."><span>Kinetic Cosmos</span><p>Generative geometric animation engine. Create parametric kinetic art, spirographs, and cosmic visuals — export stills or loop as a screensaver alternative.</p></a>
        <a href="glitch-ascii.html" class="machine-hydrate" data-cat="studio" data-date="2024-05-11T11:00:00Z"><img src="images/glitch-ascii.jpg" alt="Screenshot of Pixel Glitch: Glitch art and ASCII art creator. Transform photos into pixel-corrupted text designs with customizable distortion — a free alternative to Photomosh and Glitchet."><span>Pixel Glitch</span><p>Glitch art and ASCII art creator. Transform photos into pixel-corrupted text designs with customizable distortion — a free alternative to Photomosh and Glitchet.</p></a>
        <a href="star-wars-opening-crawl-maker.html" class="machine-hydrate" data-cat="studio" data-date="2024-05-12T18:00:00Z"><img src="images/star-wars-opening-crawl-maker.jpg" alt="Screenshot of Star Wars Crawl: Star Wars opening crawl creator. Type your story and watch it scroll in iconic yellow perspective text — a free alternative to StarWarsIntroCreator.com."><span>Star Wars Crawl</span><p>Star Wars opening crawl creator. Type your story and watch it scroll in iconic yellow perspective text — a free alternative to StarWarsIntroCreator.com.</p></a>
        <a href="makerdeck-stl.html" class="machine-hydrate" data-cat="makers" data-date="2024-05-13T10:00:00Z"><img src="images/makerdeck-stl.jpg" alt="Screenshot of MakerDeck STL: Online STL viewer for 3D print files. Rotate, zoom, and inspect meshes with adjustable lighting — a free alternative to MeshLab, 3D Viewer, and PrusaSlicer."><span>MakerDeck STL</span><p>Online STL viewer for 3D print files. Rotate, zoom, and inspect meshes with adjustable lighting — a free alternative to MeshLab, 3D Viewer, and PrusaSlicer.</p></a>
        <a href="alien-computer.html" class="machine-hydrate" data-cat="retro" data-date="2024-05-14T14:00:00Z"><img src="images/alien-computer.jpg" alt="Screenshot of Alien Computer: Retro sci-fi dashboard simulator. Explore alien control panels with blinking lights and cryptic readouts — inspired by Nostromo and 1970s spacecraft interfaces."><span>Alien Computer</span><p>Retro sci-fi dashboard simulator. Explore alien control panels with blinking lights and cryptic readouts — inspired by Nostromo and 1970s spacecraft interfaces.</p></a>
        <a href="touch-grass.html" class="machine-hydrate" data-cat="retro" data-date="2025-05-30T02:58:56.750Z"><img src="images/touch-grass.jpg" alt="Screenshot of Touch Grass: Interactive 3D grass simulator. Touch, blow, and interact with realistic virtual grass — a calming WebGL nature experience. Literally touch grass, digitally."><span>Touch Grass</span><p>Interactive 3D grass simulator. Touch, blow, and interact with realistic virtual grass — a calming WebGL nature experience. Literally touch grass, digitally.</p></a>
        <a href="flipatron.html" class="machine-hydrate" data-cat="retro" data-date="2025-06-06T05:21:14.620Z"><img src="images/flipatron.jpg" alt="Screenshot of Flipatron: Split-flap display simulator. Type any message and watch mechanical letters animate — a digital recreation of Solari departure boards and retro airport signage."><span>Flipatron</span><p>Split-flap display simulator. Type any message and watch mechanical letters animate — a digital recreation of Solari departure boards and retro airport signage.</p></a>
        <a href="rain.html" class="machine-hydrate" data-cat="ambient" data-date="2025-06-15T03:16:32.929Z"><img src="images/rain.jpg" alt="Screenshot of Rain Simulator: Ambient rain simulator with calming visuals. Watch realistic rainfall for relaxation and focus — a free alternative to Rainyscope, Rainy Mood, and lo-fi rain videos."><span>Rain Simulator</span><p>Ambient rain simulator with calming visuals. Watch realistic rainfall for relaxation and focus — a free alternative to Rainyscope, Rainy Mood, and lo-fi rain videos.</p></a>
        <a href="mathimation.html" class="machine-hydrate" data-cat="generative" data-date="2025-06-15T03:17:28.984Z"><img src="images/mathimation.jpg" alt="Screenshot of Mathimation: Mathematical animation generator. Explore visual patterns from parametric equations — watch Fourier series, Lissajous curves, and other formulas come alive."><span>Mathimation</span><p>Mathematical animation generator. Explore visual patterns from parametric equations — watch Fourier series, Lissajous curves, and other formulas come alive.</p></a>
        <a href="glasshole.html" class="machine-hydrate" data-cat="generative" data-date="2025-06-18T02:23:19.487Z"><img src="images/glasshole.jpg" alt="Screenshot of Glasshole: Procedural glass art generator. Create translucent geometric sculptures with refraction and caustics — a generative alternative to Chihuly-style digital glass art."><span>Glasshole</span><p>Procedural glass art generator. Create translucent geometric sculptures with refraction and caustics — a generative alternative to Chihuly-style digital glass art.</p></a>
        <a href="glass-emoji.html" class="machine-hydrate" data-cat="studio" data-date="2025-06-11T03:43:35.215Z"><img src="images/glass-emoji.jpg" alt="Screenshot of Glass Emoji: Glass distortion toy with emoji. Warp and refract a wall of characters through interactive lens effects — a satisfying optical physics toy."><span>Glass Emoji</span><p>Glass distortion toy with emoji. Warp and refract a wall of characters through interactive lens effects — a satisfying optical physics toy.</p></a>
        <a href="iphone.html" class="machine-hydrate" data-cat="retro" data-date="2025-06-13T03:57:36.512Z"><img src="images/iphone.jpg" alt="Screenshot of iPhone Simulator: Original 2007 iPhone simulator. Explore Apple's first smartphone interface — a faithful browser recreation of the device that changed everything."><span>iPhone Simulator</span><p>Original 2007 iPhone simulator. Explore Apple's first smartphone interface — a faithful browser recreation of the device that changed everything.</p></a>
        <a href="cosmic-forge.html" class="machine-hydrate" data-cat="studio" data-date="2025-06-23T18:27:31.828Z"><img src="images/cosmic-forge.jpg" alt="Screenshot of Cosmic Forge: Space wallpaper generator with nebulae, stars, and galaxies. Create custom cosmic backgrounds and download hi-res images — procedural astronomy art."><span>Cosmic Forge</span><p>Space wallpaper generator with nebulae, stars, and galaxies. Create custom cosmic backgrounds and download hi-res images — procedural astronomy art.</p></a>
        <a href="1-bit-camera.html" class="machine-hydrate" data-cat="studio" data-date="2025-06-23T18:28:28.813Z"><img src="images/1-bit-camera.jpg" alt="Screenshot of 1-Bit Camera: 1-bit dithering camera filter. Apply classic Macintosh black-and-white effects to webcam or photos — a retro HyperCard-era aesthetic tool."><span>1-Bit Camera</span><p>1-bit dithering camera filter. Apply classic Macintosh black-and-white effects to webcam or photos — a retro HyperCard-era aesthetic tool.</p></a>
        <a href="sand-art.html" class="machine-hydrate" data-cat="studio" data-date="2025-06-23T18:31:25.720Z"><img src="images/sand-art.jpg" alt="Screenshot of Sand Art Frame: Digital sand art simulator. Create flowing particle landscapes with serene colors — a meditative alternative to physical sand art frames and Zen sand toys."><span>Sand Art Frame</span><p>Digital sand art simulator. Create flowing particle landscapes with serene colors — a meditative alternative to physical sand art frames and Zen sand toys.</p></a>
        <a href="life-dashboard.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-30T17:48:52.971Z"><img src="images/life-dashboard.jpg" alt="Screenshot of Life Dashboard: Life statistics calculator. Heartbeats, breaths, steps, and more — visualized in a personal dashboard. Fascinating data about your existence since birth."><span>Life Dashboard</span><p>Life statistics calculator. Heartbeats, breaths, steps, and more — visualized in a personal dashboard. Fascinating data about your existence since birth.</p></a>
        <a href="pattern-wallpaper.html" class="machine-hydrate" data-cat="studio" data-date="2025-06-30T17:50:27.687Z"><img src="images/pattern-wallpaper.jpg" alt="Screenshot of Pattern Studio: Seamless pattern and wallpaper generator. Create tileable designs with generative algorithms — a free alternative to Patterninja and Repper for background creation."><span>Pattern Studio</span><p>Seamless pattern and wallpaper generator. Create tileable designs with generative algorithms — a free alternative to Patterninja and Repper for background creation.</p></a>
        <a href="circuit-breaker.html" class="machine-hydrate" data-cat="generative" data-date="2025-06-30T17:52:13.844Z"><img src="images/circuit-breaker.jpg" alt="Screenshot of Circuit Breaker: PCB circuit board art generator. Create hyperrealistic printed circuit board designs as digital art — generative electronics aesthetics for posters and wallpapers."><span>Circuit Breaker</span><p>PCB circuit board art generator. Create hyperrealistic printed circuit board designs as digital art — generative electronics aesthetics for posters and wallpapers.</p></a>
        <a href="particle-man.html" class="machine-hydrate" data-cat="generative" data-date="2025-07-08T00:00:53.005Z"><img src="images/particle-man.jpg" alt="Screenshot of Particle Man: Interactive particle flow field simulator. Thousands of particles follow your cursor — a WebGL physics toy inspired by flow field algorithms and Boids."><span>Particle Man</span><p>Interactive particle flow field simulator. Thousands of particles follow your cursor — a WebGL physics toy inspired by flow field algorithms and Boids.</p></a>
        <a href="binary-suns.html" class="machine-hydrate" data-cat="worlds" data-date="2025-07-08T00:03:58.046Z"><img src="images/binary-suns.jpg" alt="Screenshot of Binary Suns: Procedural desert landscape with twin suns, inspired by Tatooine. Explore vast alien terrain in 3D — a Star Wars-aesthetic generative world."><span>Binary Suns</span><p>Procedural desert landscape with twin suns, inspired by Tatooine. Explore vast alien terrain in 3D — a Star Wars-aesthetic generative world.</p></a>
        <a href="pixel-dust.html" class="machine-hydrate" data-cat="studio" data-date="2025-07-08T00:05:40.229Z"><img src="images/pixel-dust.jpg" alt="Screenshot of Pixel Dust: Photo-to-particle effect tool. Deconstruct any image into flowing pixel dust with interactive physics — create Thanos-snap-style disintegration art."><span>Pixel Dust</span><p>Photo-to-particle effect tool. Deconstruct any image into flowing pixel dust with interactive physics — create Thanos-snap-style disintegration art.</p></a>
        <a href="the-matrix.html" class="machine-hydrate" data-cat="generative" data-date="2025-07-08T00:06:41.402Z"><img src="images/the-matrix.jpg" alt="Screenshot of The Matrix: Matrix digital rain in 3D WebGL. The iconic green cascading code from The Matrix rendered with depth and perspective — a screensaver-quality recreation."><span>The Matrix</span><p>Matrix digital rain in 3D WebGL. The iconic green cascading code from The Matrix rendered with depth and perspective — a screensaver-quality recreation.</p></a>
        <a href="terminal-vision.html" class="machine-hydrate" data-cat="studio" data-date="2025-07-08T00:07:23.982Z"><img src="images/terminal-vision.jpg" alt="Screenshot of Terminal Vision: Live webcam-to-ASCII-art converter. Transform your camera feed into real-time text art — a free alternative to ASCII Webcam and jp2a with browser convenience."><span>Terminal Vision</span><p>Live webcam-to-ASCII-art converter. Transform your camera feed into real-time text art — a free alternative to ASCII Webcam and jp2a with browser convenience.</p></a>
        <a href="flux-weaver.html" class="machine-hydrate" data-cat="generative" data-date="2025-07-23T00:25:32.245Z"><img src="images/flux-weaver.jpg" alt="Screenshot of Flux Weaver: Interactive shader art tool. Create flowing abstract visuals with real-time GPU controls — a free alternative to ShaderToy for generative art exploration."><span>Flux Weaver</span><p>Interactive shader art tool. Create flowing abstract visuals with real-time GPU controls — a free alternative to ShaderToy for generative art exploration.</p></a>
        <a href="kinetic-craze.html" class="machine-hydrate" data-cat="studio" data-date="2025-07-23T00:28:01.751Z"><img src="images/kinetic-craze.jpg" alt="Screenshot of Kinetic Craze: Kinetic typography animator. Create dynamic moving text animations with customizable motion effects — a free alternative to After Effects text animation templates."><span>Kinetic Craze</span><p>Kinetic typography animator. Create dynamic moving text animations with customizable motion effects — a free alternative to After Effects text animation templates.</p></a>
        <a href="zen-garden.html" class="machine-hydrate" data-cat="ambient" data-date="2025-07-23T00:28:42.338Z"><img src="images/zen-garden.webp" alt="Screenshot of Zen Garden: Japanese zen garden creator. Design dry rock and sand landscapes with raking patterns — a digital karesansui sandbox for meditation and relaxation."><span>Zen Garden</span><p>Japanese zen garden creator. Design dry rock and sand landscapes with raking patterns — a digital karesansui sandbox for meditation and relaxation.</p></a>
        <a href="aqua-force.html" class="machine-hydrate" data-cat="worlds" data-date="2025-07-23T00:29:58.826Z"><img src="images/aqua-force.jpg" alt="Screenshot of Aqua Force: Fluid dynamics ring simulator. Create mesmerizing water-like ring formations with real-time physics — a satisfying WebGL toy for fluid simulation enthusiasts."><span>Aqua Force</span><p>Fluid dynamics ring simulator. Create mesmerizing water-like ring formations with real-time physics — a satisfying WebGL toy for fluid simulation enthusiasts.</p></a>
        <a href="crop-circles.html" class="machine-hydrate" data-cat="studio" data-date="2025-07-23T00:30:33.767Z"><img src="images/crop-circles.jpg" alt="Screenshot of Crop Circles: 3D crop circle pattern generator. Design intricate geometric formations viewed from above — create sacred geometry and alien-inspired art with parametric controls."><span>Crop Circles</span><p>3D crop circle pattern generator. Design intricate geometric formations viewed from above — create sacred geometry and alien-inspired art with parametric controls.</p></a>
        <a href="spectro-bloom.html" class="machine-hydrate" data-cat="generative" data-date="2025-07-23T00:32:11.263Z"><img src="images/spectro-bloom.jpg" alt="Screenshot of Spectro Bloom: Generative floral nebula art. Watch evolving organic blooms of light and color — procedural nature-inspired visuals with parametric controls."><span>Spectro Bloom</span><p>Generative floral nebula art. Watch evolving organic blooms of light and color — procedural nature-inspired visuals with parametric controls.</p></a>
        <a href="ribbon-waves.html" class="machine-hydrate" data-cat="generative" data-date="2025-07-23T00:32:55.246Z"><img src="images/ribbon-waves.jpg" alt="Screenshot of Ribbon Waves: Abstract ribbon wave visualization. Create flowing colorful patterns with mouse interaction — a relaxing generative art toy for ambient displays."><span>Ribbon Waves</span><p>Abstract ribbon wave visualization. Create flowing colorful patterns with mouse interaction — a relaxing generative art toy for ambient displays.</p></a>
        <a href="shatter-lab.html" class="machine-hydrate" data-cat="makers" data-date="2025-07-23T00:33:39.974Z"><img src="images/shatter-lab.jpg" alt="Screenshot of Shatter Lab: 3D model physics sandbox. Upload STL files and shatter, explode, and simulate destruction — a Voronoi fracture tool for 3D printing and visual effects."><span>Shatter Lab</span><p>3D model physics sandbox. Upload STL files and shatter, explode, and simulate destruction — a Voronoi fracture tool for 3D printing and visual effects.</p></a>
        <a href="cyber-traffic.html" class="machine-hydrate" data-cat="studio" data-date="2025-08-12T23:34:18.590Z"><img src="images/cyber-traffic.jpg" alt="Screenshot of Cyber Traffic: Digital kaleidoscope generator. Create symmetrical patterns with real-time controls — a hypnotic procedural art tool for mandala and geometric design."><span>Cyber Traffic</span><p>Digital kaleidoscope generator. Create symmetrical patterns with real-time controls — a hypnotic procedural art tool for mandala and geometric design.</p></a>
        <a href="endless-hacker.html" class="machine-hydrate" data-cat="retro" data-date="2025-08-12T23:36:26.462Z"><img src="images/endless-hacker.jpg" alt="Screenshot of Endless Hacker: Movie hacker terminal simulator. Type anything and look like you're breaching mainframes — cascading code effects inspired by Hollywood's version of hacking."><span>Endless Hacker</span><p>Movie hacker terminal simulator. Type anything and look like you're breaching mainframes — cascading code effects inspired by Hollywood's version of hacking.</p></a>
        <a href="fireflies.html" class="machine-hydrate" data-cat="ambient" data-date="2025-08-12T23:37:10.518Z"><img src="images/fireflies.jpg" alt="Screenshot of Fireflies: Interactive firefly simulator. Hundreds of glowing insects in a peaceful nighttime scene — a calming bioluminescence visualization with emergent swarm behavior."><span>Fireflies</span><p>Interactive firefly simulator. Hundreds of glowing insects in a peaceful nighttime scene — a calming bioluminescence visualization with emergent swarm behavior.</p></a>
        <a href="fractal-clouds.html" class="machine-hydrate" data-cat="worlds" data-date="2025-08-12T23:37:46.228Z"><img src="images/fractal-clouds.jpg" alt="Screenshot of Fractal Clouds: Volumetric fractal cloud visualizer. Explore 3D cloud formations with atmospheric controls — a raymarched weather art tool powered by WebGL shaders."><span>Fractal Clouds</span><p>Volumetric fractal cloud visualizer. Explore 3D cloud formations with atmospheric controls — a raymarched weather art tool powered by WebGL shaders.</p></a>
        <a href="kaleidoscope.html" class="machine-hydrate" data-cat="studio" data-date="2025-08-12T23:38:24.202Z"><img src="images/kaleidoscope.jpg" alt="Screenshot of Kaleidoscope: Webcam kaleidoscope. Transform your camera feed into symmetrical visual art patterns in real-time — a digital kaleidoscope toy using live video input."><span>Kaleidoscope</span><p>Webcam kaleidoscope. Transform your camera feed into symmetrical visual art patterns in real-time — a digital kaleidoscope toy using live video input.</p></a>
        <a href="lumicube.html" class="machine-hydrate" data-cat="generative" data-date="2025-08-12T23:39:07.152Z"><img src="images/lumicube.jpg" alt="Screenshot of Lumicube: 3D fractal art generator. Create and explore luminous geometric fractal sculptures — a free alternative to Mandelbulb 3D and Fragmentarium for fractal exploration."><span>Lumicube</span><p>3D fractal art generator. Create and explore luminous geometric fractal sculptures — a free alternative to Mandelbulb 3D and Fragmentarium for fractal exploration.</p></a>
        <a href="morphosphere.html" class="machine-hydrate" data-cat="worlds" data-date="2025-08-12T23:39:50.775Z"><img src="images/morphosphere.jpg" alt="Screenshot of Morphosphere: 3D morphing sphere visualization. Watch a colorful orb shift and transform with vertex displacement — a satisfying WebGL demo of procedural mesh animation."><span>Morphosphere</span><p>3D morphing sphere visualization. Watch a colorful orb shift and transform with vertex displacement — a satisfying WebGL demo of procedural mesh animation.</p></a>
        <a href="pipe-dream.html" class="machine-hydrate" data-cat="retro" data-date="2025-08-12T23:40:31.452Z"><img src="images/pipe-dream.jpg" alt="Screenshot of Pipe Dream: 3D Pipes screensaver recreation. Endless colorful pipes build and twist through space — a faithful WebGL tribute to the classic Windows screensaver from the 1990s."><span>Pipe Dream</span><p>3D Pipes screensaver recreation. Endless colorful pipes build and twist through space — a faithful WebGL tribute to the classic Windows screensaver from the 1990s.</p></a>
        <a href="quantum-platelets.html" class="machine-hydrate" data-cat="generative" data-date="2025-08-12T23:41:09.767Z"><img src="images/quantum-platelets.jpg" alt="Screenshot of Quantum Platelets: Glowing particle field generator. Create luminous quantum-inspired formations with adjustable physics — an interactive WebGL particle system explorer."><span>Quantum Platelets</span><p>Glowing particle field generator. Create luminous quantum-inspired formations with adjustable physics — an interactive WebGL particle system explorer.</p></a>
        <a href="space-rose.html" class="machine-hydrate" data-cat="generative" data-date="2025-08-12T23:42:04.172Z"><img src="images/space-rose.jpg" alt="Screenshot of Space Rose: Cosmic nebula art generator. Create swirling space formations with parametric controls — procedural astronomical visuals inspired by Hubble and Webb imagery."><span>Space Rose</span><p>Cosmic nebula art generator. Create swirling space formations with parametric controls — procedural astronomical visuals inspired by Hubble and Webb imagery.</p></a>
        <a href="whitecap-whirlpool.html" class="machine-hydrate" data-cat="generative" data-date="2025-08-12T23:43:54.926Z"><img src="images/whitecap-whirlpool.webp" alt="Screenshot of Whitecap Whirlpool: Abstract flow art generator. Create zooming and swirling visual patterns — a calming generative art tool for ambient display and desktop backgrounds."><span>Whitecap Whirlpool</span><p>Abstract flow art generator. Create zooming and swirling visual patterns — a calming generative art tool for ambient display and desktop backgrounds.</p></a>
        <a href="apple-glow.html" class="machine-hydrate" data-cat="generative" data-date="2025-09-25T01:18:49.502Z"><img src="images/apple-glow.jpg" alt="Screenshot of Apple Glow: Interactive shader toy with luminous effects. Play with glowing shapes and GPU-powered graphics — a WebGL sandbox for real-time visual experimentation."><span>Apple Glow</span><p>Interactive shader toy with luminous effects. Play with glowing shapes and GPU-powered graphics — a WebGL sandbox for real-time visual experimentation.</p></a>
        <a href="lcars.html" class="machine-hydrate" data-cat="retro" data-date="2025-09-25T01:19:52.262Z"><img src="images/lcars.jpg" alt="Screenshot of LCARS: Star Trek LCARS interface generator. Create authentic Starfleet computer panels — a procedural LCARS builder for Trek fans, inspired by the TNG/DS9/Voyager UI."><span>LCARS</span><p>Star Trek LCARS interface generator. Create authentic Starfleet computer panels — a procedural LCARS builder for Trek fans, inspired by the TNG/DS9/Voyager UI.</p></a>
        <a href="shape-weaver.html" class="machine-hydrate" data-cat="worlds" data-date="2025-09-25T01:24:43.526Z"><img src="images/shape-weaver.jpg" alt="Screenshot of Shape Weaver: 3D particle shape morphing tool. Watch thousands of particles transform between geometric forms — a mesmerizing point-cloud animation engine."><span>Shape Weaver</span><p>3D particle shape morphing tool. Watch thousands of particles transform between geometric forms — a mesmerizing point-cloud animation engine.</p></a>
        <a href="neotropolis.html" class="machine-hydrate" data-cat="worlds" data-date="2025-09-25T01:26:30.242Z"><img src="images/neotropolis.jpg" alt="Screenshot of Neotropolis: Psychedelic cityscape generator. Explore surreal urban landscapes with neon colors and shifting perspectives — procedural architecture art with a vaporwave aesthetic."><span>Neotropolis</span><p>Psychedelic cityscape generator. Explore surreal urban landscapes with neon colors and shifting perspectives — procedural architecture art with a vaporwave aesthetic.</p></a>
        <a href="scroll-city.html" class="machine-hydrate" data-cat="worlds" data-date="2025-09-25T01:27:28.142Z"><img src="images/scroll-city.jpg" alt="Screenshot of Scroll City: Cyberpunk cityscape builder. Scroll to reveal a neon-lit urban horizon — a stylish retro-futuristic parallax skyline visualization."><span>Scroll City</span><p>Cyberpunk cityscape builder. Scroll to reveal a neon-lit urban horizon — a stylish retro-futuristic parallax skyline visualization.</p></a>
        <a href="blinking-1200.html" class="machine-hydrate" data-cat="retro" data-date="2025-09-25T01:31:57.783Z"><img src="images/blinking-1200.jpg" alt="Screenshot of Blinking 12:00: Blinking VCR 12:00 display. The eternally flashing clock from the VHS era — a nostalgic novelty tribute to the most universally ignored user interface of the 1980s."><span>Blinking 12:00</span><p>Blinking VCR 12:00 display. The eternally flashing clock from the VHS era — a nostalgic novelty tribute to the most universally ignored user interface of the 1980s.</p></a>
        <a href="alumisphere.html" class="machine-hydrate" data-cat="worlds" data-date="2025-10-12T18:40:13.134Z"><img src="images/alumisphere.jpg" alt="Screenshot of Alumisphere: Interactive metallic sphere visualization. Adjust lighting, reflections, and surface properties — a satisfying PBR material demo with real-time environment mapping."><span>Alumisphere</span><p>Interactive metallic sphere visualization. Adjust lighting, reflections, and surface properties — a satisfying PBR material demo with real-time environment mapping.</p></a>
        <a href="charactercade.html" class="machine-hydrate" data-cat="generative" data-date="2025-10-12T18:41:54.990Z"><img src="images/charactercade.jpg" alt="Screenshot of Charactercade: Cascading ASCII character rain generator. Watch text flow in mesmerizing patterns — a customizable Matrix-rain-style typographic art tool."><span>Charactercade</span><p>Cascading ASCII character rain generator. Watch text flow in mesmerizing patterns — a customizable Matrix-rain-style typographic art tool.</p></a>
        <a href="cube-garden.html" class="machine-hydrate" data-cat="worlds" data-date="2025-10-12T18:43:02.919Z"><img src="images/cube-garden.jpg" alt="Screenshot of Cube Garden: 3D cube garden generator. Grow geometric landscapes of cubes with interactive controls — a satisfying generative voxel art toy with real-time growth simulation."><span>Cube Garden</span><p>3D cube garden generator. Grow geometric landscapes of cubes with interactive controls — a satisfying generative voxel art toy with real-time growth simulation.</p></a>
        <a href="fractal-flower.html" class="machine-hydrate" data-cat="generative" data-date="2025-10-12T18:44:54.076Z"><img src="images/fractal-flower.jpg" alt="Screenshot of Fractal Flower: Fractal flower pattern generator. Create mathematical floral designs with adjustable parameters — explore L-system and IFS-based botanical generative art."><span>Fractal Flower</span><p>Fractal flower pattern generator. Create mathematical floral designs with adjustable parameters — explore L-system and IFS-based botanical generative art.</p></a>
        <a href="orbit-trails.html" class="machine-hydrate" data-cat="generative" data-date="2025-10-12T18:45:52.930Z"><img src="images/orbit-trails.jpg" alt="Screenshot of Orbit Trails: Orbital fractal art toy. Watch particles trace beautiful paths around attractors — a gravity simulation visualizer with hypnotic trail rendering."><span>Orbit Trails</span><p>Orbital fractal art toy. Watch particles trace beautiful paths around attractors — a gravity simulation visualizer with hypnotic trail rendering.</p></a>
        <a href="shader-fire.html" class="machine-hydrate" data-cat="worlds" data-date="2025-10-12T18:48:10.421Z"><img src="images/shader-fire.jpg" alt="Screenshot of Shader Fire: Realistic GPU fire simulation. Watch and customize real-time flames with adjustable parameters — a raymarched combustion visualizer powered by fragment shaders."><span>Shader Fire</span><p>Realistic GPU fire simulation. Watch and customize real-time flames with adjustable parameters — a raymarched combustion visualizer powered by fragment shaders.</p></a>
        <a href="string-theory.html" class="machine-hydrate" data-cat="generative" data-date="2025-10-12T18:52:24.149Z"><img src="images/string-theory.jpg" alt="Screenshot of String Theory: Abstract string art visualization. Create flowing thread patterns with mouse interaction — a digital tribute to mathematical string art and Bézier curve drawing."><span>String Theory</span><p>Abstract string art visualization. Create flowing thread patterns with mouse interaction — a digital tribute to mathematical string art and Bézier curve drawing.</p></a>
        <a href="tunnel-warp.html" class="machine-hydrate" data-cat="worlds" data-date="2025-10-28T23:51:50.848Z"><img src="images/tunnel-warp.jpg" alt="Screenshot of Tunnel Warp: 3D tunnel visualization with speed, FOV, and rotation controls. Fly through infinite warp tunnels — a classic demoscene-style tunnel effect in WebGL."><span>Tunnel Warp</span><p>3D tunnel visualization with speed, FOV, and rotation controls. Fly through infinite warp tunnels — a classic demoscene-style tunnel effect in WebGL.</p></a>
        <a href="scream-saver.html" class="machine-hydrate" data-cat="studio" data-date="2025-10-31T00:29:24.785Z"><img src="images/scream-saver.jpg" alt="Screenshot of Scream Saver: 3D Jack-o'-Lantern carving tool for Halloween. Design custom pumpkin faces with interactive depth carving — share and export spooky designs."><span>Scream Saver</span><p>3D Jack-o'-Lantern carving tool for Halloween. Design custom pumpkin faces with interactive depth carving — share and export spooky designs.</p></a>
        <a href="awesome-blossom.html" class="machine-hydrate" data-cat="generative" data-date="2025-11-12T22:17:26.378Z"><img src="images/awesome-blossom.jpg" alt="Screenshot of Awesome Blossom: WebGL shader art generator. Create luminous floral patterns with real-time GPU rendering — generative botanical art powered by GLSL fragment shaders."><span>Awesome Blossom</span><p>WebGL shader art generator. Create luminous floral patterns with real-time GPU rendering — generative botanical art powered by GLSL fragment shaders.</p></a>
        <a href="block-knocks.html" class="machine-hydrate" data-cat="generative" data-date="2025-11-12T22:18:19.076Z"><img src="images/block-knocks.jpg" alt="Screenshot of Block Knocks: Fractal pattern controller. Adjust parameters to create complex geometric visual designs — an interactive explorer for Mandelbrot-adjacent mathematical art."><span>Block Knocks</span><p>Fractal pattern controller. Adjust parameters to create complex geometric visual designs — an interactive explorer for Mandelbrot-adjacent mathematical art.</p></a>
        <a href="browser-lights.html" class="machine-hydrate" data-cat="ambient" data-date="2025-11-12T22:19:40.591Z"><img src="images/browser-lights.jpg" alt="Screenshot of Browser Lights: Animated holiday string lights for your browser. Blinking Christmas lights as a festive decorative overlay — a seasonal ambient display widget."><span>Browser Lights</span><p>Animated holiday string lights for your browser. Blinking Christmas lights as a festive decorative overlay — a seasonal ambient display widget.</p></a>
        <a href="clinamen.html" class="machine-hydrate" data-cat="music" data-date="2025-11-12T22:21:12.938Z"><img src="images/clinamen.jpg" alt="Screenshot of Clinamen: Generative ambient music with virtual singing bowls. Procedural soundscapes and meditative visuals — an interactive alternative to Brian Eno's ambient apps and Endel."><span>Clinamen</span><p>Generative ambient music with virtual singing bowls. Procedural soundscapes and meditative visuals — an interactive alternative to Brian Eno's ambient apps and Endel.</p></a>
        <a href="river-shiver.html" class="machine-hydrate" data-cat="ambient" data-date="2025-11-12T22:21:59.666Z"><img src="images/river-shiver.jpg" alt="Screenshot of River Shiver: Abstract landscape generator with flowing river visuals. Create generative terrain scenes — procedural nature art with parametric erosion and water simulation."><span>River Shiver</span><p>Abstract landscape generator with flowing river visuals. Create generative terrain scenes — procedural nature art with parametric erosion and water simulation.</p></a>
        <a href="viral-alert.html" class="machine-hydrate" data-cat="worlds" data-date="2025-11-12T22:23:05.770Z"><img src="images/viral-alert.jpg" alt="Screenshot of Viral Alert: 3D virus structure simulator. Explore dynamic molecular formations with icosahedral geometry — a biological visualization inspired by electron microscopy."><span>Viral Alert</span><p>3D virus structure simulator. Explore dynamic molecular formations with icosahedral geometry — a biological visualization inspired by electron microscopy.</p></a>
        <a href="vitreus-spectacle.html" class="machine-hydrate" data-cat="generative" data-date="2025-11-12T22:24:10.015Z"><img src="images/vitreus-spectacle.jpg" alt="Screenshot of Vitreus Spectacle: Abstract glass geometry generator. Create translucent sculptural forms with refraction and lighting — a PBR material showcase for generative crystallography."><span>Vitreus Spectacle</span><p>Abstract glass geometry generator. Create translucent sculptural forms with refraction and lighting — a PBR material showcase for generative crystallography.</p></a>
        <a href="crystal-candy.html" class="machine-hydrate" data-cat="worlds" data-date="2025-11-24T17:56:58.707Z"><img src="images/crystal-candy.jpg" alt="Screenshot of Crystal Candy: Infinite crystal forest generator. Explore an endless procedural landscape of sparkling geometric formations — a generative geology visualizer."><span>Crystal Candy</span><p>Infinite crystal forest generator. Explore an endless procedural landscape of sparkling geometric formations — a generative geology visualizer.</p></a>
        <a href="fall-forest.html" class="machine-hydrate" data-cat="ambient" data-date="2025-11-24T17:58:56.684Z"><img src="images/fall-forest.jpg" alt="Screenshot of Fall Forest: Infinite autumn voxel landscape. Explore endless fall scenery with pixel-art trees and rolling terrain — a cozy procedural nature scene in retro 3D."><span>Fall Forest</span><p>Infinite autumn voxel landscape. Explore endless fall scenery with pixel-art trees and rolling terrain — a cozy procedural nature scene in retro 3D.</p></a>
        <a href="snow-globe.html" class="machine-hydrate" data-cat="ambient" data-date="2025-11-24T18:00:29.039Z"><img src="images/snow-globe.jpg" alt="Screenshot of Snow Globe: 3D snow globe simulator with fluid physics. Shake and watch realistic snowfall swirl — a calming interactive holiday toy with particle dynamics."><span>Snow Globe</span><p>3D snow globe simulator with fluid physics. Shake and watch realistic snowfall swirl — a calming interactive holiday toy with particle dynamics.</p></a>
        <a href="twirl-world.html" class="machine-hydrate" data-cat="studio" data-date="2025-11-24T18:02:30.717Z"><img src="images/twirl-world.jpg" alt="Screenshot of Twirl World: Psychedelic swirl art generator. Create colorful spiraling patterns with interactive controls — produce kaleidoscopic designs for posters and backgrounds."><span>Twirl World</span><p>Psychedelic swirl art generator. Create colorful spiraling patterns with interactive controls — produce kaleidoscopic designs for posters and backgrounds.</p></a>
        <a href="aether-flux.html" class="machine-hydrate" data-cat="generative" data-date="2025-12-14T23:41:32.522Z"><img src="images/aether-flux.jpg" alt="Screenshot of Aether Flux: Raymarching shader art generator. Explore cosmic fractal visuals with real-time parameter controls — a GPU-powered alternative to Mandelbulb 3D."><span>Aether Flux</span><p>Raymarching shader art generator. Explore cosmic fractal visuals with real-time parameter controls — a GPU-powered alternative to Mandelbulb 3D.</p></a>
        <a href="christmas-tree-maker.html" class="machine-hydrate" data-cat="studio" data-date="2025-12-14T23:43:11.377Z"><img src="images/christmas-tree-maker.jpg" alt="Screenshot of Tree Maker: 3D Christmas tree designer. Customize ornaments, lights, and decorations — create and share festive holiday tree designs with real-time preview."><span>Tree Maker</span><p>3D Christmas tree designer. Customize ornaments, lights, and decorations — create and share festive holiday tree designs with real-time preview.</p></a>
        <a href="cloudy-day.html" class="machine-hydrate" data-cat="ambient" data-date="2025-12-14T23:45:03.902Z"><img src="images/cloudy-day.jpg" alt="Screenshot of Cloudy Day: Interactive cloud simulator. Customize wind, density, and atmospheric conditions — a procedural sky generator for ambient displays and weather art."><span>Cloudy Day</span><p>Interactive cloud simulator. Customize wind, density, and atmospheric conditions — a procedural sky generator for ambient displays and weather art.</p></a>
        <a href="electric-ivy.html" class="machine-hydrate" data-cat="worlds" data-date="2025-12-14T23:46:25.999Z"><img src="images/electric-ivy.jpg" alt="Screenshot of Electric Ivy: 3D fractal fold explorer. Touch and manipulate organic electric-ivy structures — an interactive IFS fractal renderer with real-time deformation."><span>Electric Ivy</span><p>3D fractal fold explorer. Touch and manipulate organic electric-ivy structures — an interactive IFS fractal renderer with real-time deformation.</p></a>
        <a href="frosty-pane.html" class="machine-hydrate" data-cat="ambient" data-date="2025-12-14T23:47:12.334Z"><img src="images/frosty-pane.jpg" alt="Screenshot of Frosty Pane: Frost and ice crystal simulator. Watch generative patterns form on a frozen windowpane — a procedural crystallization visualization for winter aesthetics."><span>Frosty Pane</span><p>Frost and ice crystal simulator. Watch generative patterns form on a frozen windowpane — a procedural crystallization visualization for winter aesthetics.</p></a>
        <a href="metal-petal.html" class="machine-hydrate" data-cat="generative" data-date="2025-12-14T23:48:59.537Z"><img src="images/metal-petal.jpg" alt="Screenshot of Metal Petal: Metallic floral shader art. GLSL-powered physics simulations of metal flower forms — a generative art piece exploring material science and botanical geometry."><span>Metal Petal</span><p>Metallic floral shader art. GLSL-powered physics simulations of metal flower forms — a generative art piece exploring material science and botanical geometry.</p></a>
        <a href="orb-ashore.html" class="machine-hydrate" data-cat="ambient" data-date="2025-12-14T23:50:00.078Z"><img src="images/orb-ashore.jpg" alt="Screenshot of Orb Ashore: Procedural landscape generator with floating orbs. Explore vast generated terrain — a serene atmospheric WebGL world with raymarched volumetrics."><span>Orb Ashore</span><p>Procedural landscape generator with floating orbs. Explore vast generated terrain — a serene atmospheric WebGL world with raymarched volumetrics.</p></a>
        <a href="petalworks.html" class="machine-hydrate" data-cat="generative" data-date="2025-12-14T23:50:59.089Z"><img src="images/petalworks.jpg" alt="Screenshot of Petalworks: Fractal shader experience. Explore evolving petal-like mathematical structures — a real-time IFS fractal art tool with morphing parametric controls."><span>Petalworks</span><p>Fractal shader experience. Explore evolving petal-like mathematical structures — a real-time IFS fractal art tool with morphing parametric controls.</p></a>
        <a href="the-blob.html" class="machine-hydrate" data-cat="worlds" data-date="2025-12-14T23:56:23.854Z"><img src="images/the-blob.jpg" alt="Screenshot of The Blob: Interactive 3D blob simulator. Customize organic metaball geometry with physics and color — a satisfying morphing toy using raymarched implicit surfaces."><span>The Blob</span><p>Interactive 3D blob simulator. Customize organic metaball geometry with physics and color — a satisfying morphing toy using raymarched implicit surfaces.</p></a>
        <a href="tinsel-trees.html" class="machine-hydrate" data-cat="studio" data-date="2025-12-14T23:57:37.095Z"><img src="images/tinsel-trees.jpg" alt="Screenshot of Tinsel Trees: Retro aluminum tinsel Christmas tree designer. Customize nostalgic vintage decorations — a tribute to the mid-century holiday aesthetic."><span>Tinsel Trees</span><p>Retro aluminum tinsel Christmas tree designer. Customize nostalgic vintage decorations — a tribute to the mid-century holiday aesthetic.</p></a>
        <a href="beneath-air.html" class="machine-hydrate" data-cat="worlds" data-date="2026-01-13T03:57:42.115Z"><img src="images/beneath-air.jpg" alt="Screenshot of Beneath Air: Mandelbox fractal explorer. Navigate infinite mathematical structures with adjustable parameters — a free alternative to Mandelbulber and Fragmentarium."><span>Beneath Air</span><p>Mandelbox fractal explorer. Navigate infinite mathematical structures with adjustable parameters — a free alternative to Mandelbulber and Fragmentarium.</p></a>
        <a href="joy-field.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-13T03:57:42.115Z"><img src="images/joy-field.jpg" alt="Screenshot of Joy Field: Audio-reactive generative art. Procedural geometry responds to music and sound in real-time — a visual music experience inspired by Milkdrop and Winamp visualizers."><span>Joy Field</span><p>Audio-reactive generative art. Procedural geometry responds to music and sound in real-time — a visual music experience inspired by Milkdrop and Winamp visualizers.</p></a>
        <a href="liquid-evolution.html" class="machine-hydrate" data-cat="worlds" data-date="2026-01-13T03:57:42.115Z"><img src="images/liquid-evolution.jpg" alt="Screenshot of Liquid Evolution: 3D generative sphere visualization. Organic liquid forms evolve and morph — a captivating vertex-displacement animation with GLSL noise functions."><span>Liquid Evolution</span><p>3D generative sphere visualization. Organic liquid forms evolve and morph — a captivating vertex-displacement animation with GLSL noise functions.</p></a>
        <a href="node-moe.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-13T03:57:42.115Z"><img src="images/node-moe.jpg" alt="Screenshot of Node Moe: Interactive particle engine toy. Create node-based particle systems with adjustable physics — a fun sandbox for exploring force-directed graph dynamics."><span>Node Moe</span><p>Interactive particle engine toy. Create node-based particle systems with adjustable physics — a fun sandbox for exploring force-directed graph dynamics.</p></a>
        <a href="snubbles.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-13T03:57:42.115Z"><img src="images/snubbles.jpg" alt="Screenshot of Snubbles: Mathematical precision art generator. Complex geometric patterns from parametric functions — algorithmic art exploring Snub polyhedra and uniform tilings."><span>Snubbles</span><p>Mathematical precision art generator. Complex geometric patterns from parametric functions — algorithmic art exploring Snub polyhedra and uniform tilings.</p></a>
        <a href="cell-soul.html" class="machine-hydrate" data-cat="ambient" data-date="2026-01-29T06:08:51.275Z"><img src="images/cell-soul.jpg" alt="Screenshot of Cell Soul: Organic atmospheric cell generator. Cellular structures emerge and evolve — a meditative visualization of reaction-diffusion and Voronoi-based morphogenesis."><span>Cell Soul</span><p>Organic atmospheric cell generator. Cellular structures emerge and evolve — a meditative visualization of reaction-diffusion and Voronoi-based morphogenesis.</p></a>
        <a href="column-cascade.html" class="machine-hydrate" data-cat="worlds" data-date="2026-01-29T06:08:51.275Z"><img src="images/column-cascade.jpg" alt="Screenshot of Column Cascade: Infinite fractal column explorer. Navigate endless recursive architectural structures — a Mandelbrot-inspired journey through mathematical architecture."><span>Column Cascade</span><p>Infinite fractal column explorer. Navigate endless recursive architectural structures — a Mandelbrot-inspired journey through mathematical architecture.</p></a>
        <a href="computer-outerface.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-29T06:08:51.275Z"><img src="images/computer-outerface.jpg" alt="Screenshot of Computer Outerface: Digital face generator with procedural expressions. Create stylized computer personalities — a quirky generative character toy with randomized features."><span>Computer Outerface</span><p>Digital face generator with procedural expressions. Create stylized computer personalities — a quirky generative character toy with randomized features.</p></a>
        <a href="everline-forest.html" class="machine-hydrate" data-cat="ambient" data-date="2026-01-29T06:08:51.275Z"><img src="images/everline-forest.jpg" alt="Screenshot of Everline Forest: Atmospheric generative forest visualization. Procedural trees grow in an evolving woodland scene — a calming L-system botanical art generator."><span>Everline Forest</span><p>Atmospheric generative forest visualization. Procedural trees grow in an evolving woodland scene — a calming L-system botanical art generator.</p></a>
        <a href="geosplash.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-29T06:08:51.275Z"><img src="images/geosplash.jpg" alt="Screenshot of Geosplash: Hypnotic visual grid pattern generator. Mesmerizing geometric animations with adjustable parameters — an interactive op-art and moiré pattern tool."><span>Geosplash</span><p>Hypnotic visual grid pattern generator. Mesmerizing geometric animations with adjustable parameters — an interactive op-art and moiré pattern tool.</p></a>
        <a href="linky-dinks.html" class="machine-hydrate" data-cat="worlds" data-date="2026-01-29T06:08:51.275Z"><img src="images/linky-dinks.jpg" alt="Screenshot of Linky Dinks: Infinite chain link world simulator. Explore a metallic lattice with real-time navigation — a procedural material study in interlocking geometry."><span>Linky Dinks</span><p>Infinite chain link world simulator. Explore a metallic lattice with real-time navigation — a procedural material study in interlocking geometry.</p></a>
        <a href="maze-craze.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-29T06:08:51.275Z"><img src="images/maze-craze.jpg" alt="Screenshot of Maze Craze: Truchet tiling pattern generator. Create intricate maze-like geometric designs — a mathematical art tool for generative mosaic and labyrinth patterns."><span>Maze Craze</span><p>Truchet tiling pattern generator. Create intricate maze-like geometric designs — a mathematical art tool for generative mosaic and labyrinth patterns.</p></a>
        <a href="panic-command.html" class="machine-hydrate" data-cat="retro" data-date="2026-01-29T06:08:51.275Z"><img src="images/panic-command.jpg" alt="Screenshot of Panic Command: Procedural hacking terminal simulator. Cascading breach sequences and system alerts — a Hollywood-style hacker roleplay experience for fun and screenshots."><span>Panic Command</span><p>Procedural hacking terminal simulator. Cascading breach sequences and system alerts — a Hollywood-style hacker roleplay experience for fun and screenshots.</p></a>
        <a href="solar-juggler.html" class="machine-hydrate" data-cat="games" data-date="2026-01-29T06:08:51.275Z"><img src="images/solar-juggler.jpg" alt="Screenshot of Solar Juggler: Webcam-based virtual juggling toy. Use your camera and motion tracking to juggle digital balls — a fun computer-vision-powered physics toy."><span>Solar Juggler</span><p>Webcam-based virtual juggling toy. Use your camera and motion tracking to juggle digital balls — a fun computer-vision-powered physics toy.</p></a>
        <a href="spire-recursion.html" class="machine-hydrate" data-cat="worlds" data-date="2026-01-29T06:08:51.275Z"><img src="images/spire-recursion.jpg" alt="Screenshot of Spire Recursion: Infinite recursive nebula generator. Spiraling cosmic structures with real-time controls — a fractal zoom experience inspired by Mandelbrot deep-dives."><span>Spire Recursion</span><p>Infinite recursive nebula generator. Spiraling cosmic structures with real-time controls — a fractal zoom experience inspired by Mandelbrot deep-dives.</p></a>
        <a href="stepfinity.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-29T06:08:51.275Z"><img src="images/stepfinity.jpg" alt="Screenshot of Stepfinity: Algorithmic infinite pattern generator. Evolving geometric sequences unfold endlessly — an exploration of cellular automata and mathematical tiling."><span>Stepfinity</span><p>Algorithmic infinite pattern generator. Evolving geometric sequences unfold endlessly — an exploration of cellular automata and mathematical tiling.</p></a>
        <a href="sun-spots.html" class="machine-hydrate" data-cat="worlds" data-date="2026-01-29T06:08:51.275Z"><img src="images/sun-spots.jpg" alt="Screenshot of Sun Spots: Interactive solar plasma simulation. Explore sun surface artifacts and magnetic dynamics — an astrophysical visualization inspired by SDO/SOHO solar imagery."><span>Sun Spots</span><p>Interactive solar plasma simulation. Explore sun surface artifacts and magnetic dynamics — an astrophysical visualization inspired by SDO/SOHO solar imagery.</p></a>
        <a href="waves-wash.html" class="machine-hydrate" data-cat="generative" data-date="2026-01-29T06:08:51.275Z"><img src="images/waves-wash.jpg" alt="Screenshot of Waves Wash: Neural fractal flow visualizer. Create wave patterns with mathematical precision — a calming generative art tool inspired by neural style transfer aesthetics."><span>Waves Wash</span><p>Neural fractal flow visualizer. Create wave patterns with mathematical precision — a calming generative art tool inspired by neural style transfer aesthetics.</p></a>
        <a href="broken-city.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-09T01:25:21.627Z"><img src="images/broken-city.jpg" alt="Screenshot of Broken City: Generative dystopian architecture explorer. Navigate crumbling geometric cityscapes — procedural urban decay art inspired by Brutalist architecture."><span>Broken City</span><p>Generative dystopian architecture explorer. Navigate crumbling geometric cityscapes — procedural urban decay art inspired by Brutalist architecture.</p></a>
        <a href="fuzzy-neuron.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-09T01:25:21.627Z"><img src="images/fuzzy-neuron.jpg" alt="Screenshot of Fuzzy Neuron: Procedural 3D neuron structure generator. Explore branching dendrites and axonal networks — a biological visualization inspired by Cajal's neural drawings."><span>Fuzzy Neuron</span><p>Procedural 3D neuron structure generator. Explore branching dendrites and axonal networks — a biological visualization inspired by Cajal's neural drawings.</p></a>
        <a href="imperial-architect.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-09T01:25:21.627Z"><img src="images/imperial-architect.jpg" alt="Screenshot of Imperial Architect: Sci-fi industrial surface generator inspired by Star Wars greeble. Create intricate mechanical textures — generative kitbashing for concept art and design."><span>Imperial Architect</span><p>Sci-fi industrial surface generator inspired by Star Wars greeble. Create intricate mechanical textures — generative kitbashing for concept art and design.</p></a>
        <a href="mid-canyon.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-09T01:25:21.627Z"><img src="images/mid-canyon.jpg" alt="Screenshot of Mid Canyon: Sci-fi trench run simulator. Fly through procedural canyons with dynamic terrain — a Star Wars Death Star-inspired generative flight experience."><span>Mid Canyon</span><p>Sci-fi trench run simulator. Fly through procedural canyons with dynamic terrain — a Star Wars Death Star-inspired generative flight experience.</p></a>
        <a href="sore-eye.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-09T01:25:21.627Z"><img src="images/sore-eye.jpg" alt="Screenshot of Sore Eye: Abstract concentric ring pattern generator. Hypnotic formations with adjustable colors and motion — an op-art tool for moiré and interference pattern design."><span>Sore Eye</span><p>Abstract concentric ring pattern generator. Hypnotic formations with adjustable colors and motion — an op-art tool for moiré and interference pattern design.</p></a>
        <a href="vessel-reformed.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-09T01:25:21.627Z"><img src="images/vessel-reformed.jpg" alt="Screenshot of Vessel Reformed: Interactive liquid physics simulator. Adjust viscosity, flow, and surface tension — a fluid dynamics sandbox exploring Navier-Stokes-inspired simulations."><span>Vessel Reformed</span><p>Interactive liquid physics simulator. Adjust viscosity, flow, and surface tension — a fluid dynamics sandbox exploring Navier-Stokes-inspired simulations.</p></a>
        <a href="chromacosm.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-09T04:21:03.563Z"><img src="images/chromacosm.jpg" alt="Screenshot of Chromacosm: Interactive nebula shader visualizer. Explore colorful cosmic gas clouds with density and lighting controls — procedural space art rivaling Hubble palettes."><span>Chromacosm</span><p>Interactive nebula shader visualizer. Explore colorful cosmic gas clouds with density and lighting controls — procedural space art rivaling Hubble palettes.</p></a>
        <a href="retro-render.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-09T04:21:03.563Z"><img src="images/retro-render.jpg" alt="Screenshot of Retro Render: Webcam-to-ASCII and emoji art converter. Transform your live camera into retro text visuals — create CRT terminal selfies and text-art portraits in real-time."><span>Retro Render</span><p>Webcam-to-ASCII and emoji art converter. Transform your live camera into retro text visuals — create CRT terminal selfies and text-art portraits in real-time.</p></a>

                    <a href="blob-snob.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.590Z"><img src="images/blob-snob.jpg" alt="Screenshot of Blob Snob: Procedural gyroid structure generator. Blobby 3D mathematical surfaces in motion — a visualization of triply periodic minimal surfaces and TPMS geometry."><span>Blob Snob</span><p>Procedural gyroid structure generator. Blobby 3D mathematical surfaces in motion — a visualization of triply periodic minimal surfaces and TPMS geometry.</p></a>
            <a href="cat-scratch.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-18T23:13:59.592Z"><img src="images/cat-scratch.jpg" alt="Screenshot of Cat Scratch: Interactive ASCII cat with reactive behavior. A text-art digital pet that hunts, purrs, and plays — a charming companion living in your browser tab."><span>Cat Scratch</span><p>Interactive ASCII cat with reactive behavior. A text-art digital pet that hunts, purrs, and plays — a charming companion living in your browser tab.</p></a>
            <a href="cyber-horizon.html" class="machine-hydrate" data-cat="games" data-date="2026-02-18T23:13:59.594Z"><img src="images/cyber-horizon.jpg" alt="Screenshot of Cyber Horizon: Free 3D neon racer. Hit portal shortcuts, drift for boost, outrun CPU rivals across endless worlds or 1-5 lap circuits. No signup, plays in your browser."><span>Cyber Horizon</span><p> Free 3D neon racer. Hit portal shortcuts, drift for boost, outrun CPU rivals across endless worlds or 1-5 lap circuits. No signup, plays in your browser. </p></a>
            <a href="embroidery-lab.html" class="machine-hydrate" data-cat="makers" data-date="2026-02-18T23:13:59.597Z"><img src="images/embroidery-lab.jpg" alt="Screenshot of Embroidery Lab: Image-to-embroidery pattern converter. Transform photos into realistic cross-stitch designs with thread and Aida cloth textures — a free alternative to Pic2Pat."><span>Embroidery Lab</span><p>Image-to-embroidery pattern converter. Transform photos into realistic cross-stitch designs with thread and Aida cloth textures — a free alternative to Pic2Pat.</p></a>
            <a href="feeling-salty.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.598Z"><img src="images/feeling-salty.jpg" alt="Screenshot of Feeling Salty: Crystal growth simulator. Explore cubic crystallization with SEM-style visuals — a procedural mineralogy visualization inspired by scanning electron microscopy."><span>Feeling Salty</span><p>Crystal growth simulator. Explore cubic crystallization with SEM-style visuals — a procedural mineralogy visualization inspired by scanning electron microscopy.</p></a>
            <a href="fractal-mantle.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.599Z"><img src="images/fractal-mantle.jpg" alt="Screenshot of Fractal Mantle: Raymarching fractal explorer. Navigate geometric variations and mathematical landscapes — a free 3D fractal renderer like Mandelbulb 3D, running in WebGL."><span>Fractal Mantle</span><p>Raymarching fractal explorer. Navigate geometric variations and mathematical landscapes — a free 3D fractal renderer like Mandelbulb 3D, running in WebGL.</p></a>
            <a href="infinity-cubes.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.601Z"><img src="images/infinity-cubes.jpg" alt="Screenshot of Infinity Cubes: Menger sponge fractal tunnel. Fly through infinite recursive cube structures — a classic fractal geometry visualization with mesmerizing depth."><span>Infinity Cubes</span><p>Menger sponge fractal tunnel. Fly through infinite recursive cube structures — a classic fractal geometry visualization with mesmerizing depth.</p></a>
            <a href="lattice-pray.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-18T23:13:59.603Z"><img src="images/lattice-pray.jpg" alt="Screenshot of Lettuce Pray: Neural lattice visualizer. Trigonometric density studies with evolving structures — mathematical generative art exploring periodic spatial functions."><span>Lettuce Pray</span><p>Neural lattice visualizer. Trigonometric density studies with evolving structures — mathematical generative art exploring periodic spatial functions.</p></a>
            <a href="lava-lamp.html" class="machine-hydrate" data-cat="ambient" data-date="2026-02-18T23:13:59.603Z"><img src="images/lava-lamp.jpg" alt="Screenshot of Lava Lamp: 3D lava lamp simulator with customizable blobs. Relaxing raymarched metaballs rise and fall — a digital recreation of the iconic 1960s Spencer Gifts lamp."><span>Lava Lamp</span><p>3D lava lamp simulator with customizable blobs. Relaxing raymarched metaballs rise and fall — a digital recreation of the iconic 1960s Spencer Gifts lamp.</p></a>
            <a href="luxstranded.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.604Z"><img src="images/luxstranded.jpg" alt="Screenshot of Luxstranded: Procedural light tunnel explorer. Navigate infinite evolving strands of light — a raymarched WebGL experience exploring volumetric illumination."><span>Luxstranded</span><p>Procedural light tunnel explorer. Navigate infinite evolving strands of light — a raymarched WebGL experience exploring volumetric illumination.</p></a>
            <a href="other-oceans.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.607Z"><img src="images/other-oceans.jpg" alt="Screenshot of Other Oceans: Generative ocean explorer powered by WebGL2. Infinite procedural underwater spaces with evolving aquatic visuals — an ambient deep-sea environment."><span>Other Oceans</span><p>Generative ocean explorer powered by WebGL2. Infinite procedural underwater spaces with evolving aquatic visuals — an ambient deep-sea environment.</p></a>
            <a href="plasma-globe.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.608Z"><img src="images/plasma-globe.jpg" alt="Screenshot of Plasma Globe: Interactive plasma globe simulator. Touch the virtual globe and watch electric arcs follow your cursor — a digital replica of the classic novelty toy."><span>Plasma Globe</span><p>Interactive plasma globe simulator. Touch the virtual globe and watch electric arcs follow your cursor — a digital replica of the classic novelty toy.</p></a>
            <a href="pool-party.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.609Z"><img src="images/pool-party.jpg" alt="Screenshot of Pool Party: 3D pool water simulator with volumetric raymarching. Explore underwater distortions and caustic lighting — a real-time aquatic physics visualization."><span>Pool Party</span><p>3D pool water simulator with volumetric raymarching. Explore underwater distortions and caustic lighting — a real-time aquatic physics visualization.</p></a>
            <a href="pyroclastic.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.609Z"><img src="images/pyroclastic.jpg" alt="Screenshot of Pyroclastic: Fire and smoke simulator with volumetric shaders and generative audio. Realistic combustion visualization — a GPU-powered pyrotechnics engine."><span>Pyroclastic</span><p>Fire and smoke simulator with volumetric shaders and generative audio. Realistic combustion visualization — a GPU-powered pyrotechnics engine.</p></a>
            <a href="rolling-hills.html" class="machine-hydrate" data-cat="ambient" data-date="2026-02-18T23:13:59.611Z"><img src="images/rolling-hills.jpg" alt="Screenshot of Rolling Hills: Infinite pixelated landscape generator. Travel across procedural rolling hills and blocky terrain — a voxel-style endless journey for ambient displays."><span>Rolling Hills</span><p>Infinite pixelated landscape generator. Travel across procedural rolling hills and blocky terrain — a voxel-style endless journey for ambient displays.</p></a>
            <a href="snakespin.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-18T23:13:59.611Z"><img src="images/snakespin.jpg" alt="Screenshot of Snakespin: Raymarching 3D sculpture generator. Create and save mathematical art with customizable parameters — a free alternative to ShaderToy for generative 3D form exploration."><span>Snakespin</span><p>Raymarching 3D sculpture generator. Create and save mathematical art with customizable parameters — a free alternative to ShaderToy for generative 3D form exploration.</p></a>
            <a href="stratos-skysweeper.html" class="machine-hydrate" data-cat="ambient" data-date="2026-02-18T23:13:59.612Z"><img src="images/stratos-skysweeper.jpg" alt="Screenshot of Stratos Skysweeper: 3D cloud flying experience. Float through procedural skies with atmospheric scattering effects — a serene flight above volumetric cloudscapes."><span>Stratos Skysweeper</span><p>3D cloud flying experience. Float through procedural skies with atmospheric scattering effects — a serene flight above volumetric cloudscapes.</p></a>
            <a href="voronoi-vale.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-18T23:13:59.618Z"><img src="images/voronoi-vale.jpg" alt="Screenshot of Voronoi Vale: Interactive Voronoi tessellation generator. Satisfying jiggly mathematical patterns — a real-time Voronoi diagram tool for computational geometry exploration."><span>Voronoi Vale</span><p>Interactive Voronoi tessellation generator. Satisfying jiggly mathematical patterns — a real-time Voronoi diagram tool for computational geometry exploration.</p></a>
            <a href="water-planet.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-18T23:13:59.619Z"><img src="images/water-planet.jpg" alt="Screenshot of Water Planet: 3D ocean world explorer. Navigate a water planet with procedural waves and atmospheric effects — an immersive planetary environment with FFT water simulation."><span>Water Planet</span><p>3D ocean world explorer. Navigate a water planet with procedural waves and atmospheric effects — an immersive planetary environment with FFT water simulation.</p></a>
        <a href="404.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-27T04:40:41.520Z"><img src="images/404.jpg" alt="Screenshot of Best 404 Ever: Interactive 404 error page art. Drag, ripple, and play with a creative page-not-found design — a unique browser art installation you can interact with."><span>Best 404 Ever</span><p>Interactive 404 error page art. Drag, ripple, and play with a creative page-not-found design — a unique browser art installation you can interact with.</p></a>
        <a href="crystal-cluster.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-27T04:40:41.520Z"><img src="images/crystal-cluster.jpg" alt="Screenshot of Crystal Cluster: 3D crystal growth simulator. Customize formations, explosion forces, and cinematic lighting — procedural mineralogy art with physics-based generation."><span>Crystal Cluster</span><p>3D crystal growth simulator. Customize formations, explosion forces, and cinematic lighting — procedural mineralogy art with physics-based generation.</p></a>
        <a href="disco-ball.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-27T04:40:41.520Z"><img src="images/disco-ball.jpg" alt="Screenshot of Disco Ball: 3D disco ball simulator with reflective mirrors, dynamic nebulae, and starfields. A spinning mirrored sphere casting light across your screen."><span>Disco Ball</span><p>3D disco ball simulator with reflective mirrors, dynamic nebulae, and starfields. A spinning mirrored sphere casting light across your screen.</p></a>
        <a href="generative-geode.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-27T04:40:41.520Z"><img src="images/generative-geode.jpg" alt="Screenshot of Generative Geode: 3D geode generator with mineral growth, agate layers, and crystal formations. Explore procedural geology — a generative mineralogy art tool."><span>Generative Geode</span><p>3D geode generator with mineral growth, agate layers, and crystal formations. Explore procedural geology — a generative mineralogy art tool.</p></a>
        <a href="heart-drops.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-27T04:40:41.520Z"><img src="images/heart-drops.jpg" alt="Screenshot of Heart Drops: Heart-on-glass love message generator. Customize fog, lightning, and mist effects for romantic rain-on-window scenes — a Valentine's Day visual card maker."><span>Heart Drops</span><p>Heart-on-glass love message generator. Customize fog, lightning, and mist effects for romantic rain-on-window scenes — a Valentine's Day visual card maker.</p></a>
        <a href="maker-plaques.html" class="machine-hydrate" data-cat="makers" data-date="2026-02-27T04:40:41.520Z"><img src="images/maker-plaques.jpg" alt="Screenshot of Maker Plaques: 3D plaque designer for 3D printing. Add SVG logos, QR codes, and custom text with real-time preview — export production-ready STL and 3MF files."><span>Maker Plaques</span><p>3D plaque designer for 3D printing. Add SVG logos, QR codes, and custom text with real-time preview — export production-ready STL and 3MF files.</p></a>
        <a href="noise-bleed.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-27T04:40:41.520Z"><img src="images/noise-bleed.jpg" alt="Screenshot of Noise Bleed: Domain-warped noise texture generator. Create complex liquid patterns with granular fBM and color controls — download procedural art and seamless textures."><span>Noise Bleed</span><p>Domain-warped noise texture generator. Create complex liquid patterns with granular fBM and color controls — download procedural art and seamless textures.</p></a>
        <a href="refraction-action.html" class="machine-hydrate" data-cat="worlds" data-date="2026-02-27T04:40:41.520Z"><img src="images/refraction-action.jpg" alt="Screenshot of Refraction Action: 3D Voronoi lattice explorer with physical refraction and environment mapping. Create on-demand generative crystallography art."><span>Refraction Action</span><p>3D Voronoi lattice explorer with physical refraction and environment mapping. Create on-demand generative crystallography art.</p></a>
        <a href="silent-liquidity.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-27T04:40:41.520Z"><img src="images/silent-liquidity.jpg" alt="Screenshot of Silent Liquidity: Liquid wallpaper generator. Adjust optics, physics, and surface textures — export stunning 4K fluid art wallpapers. A free generative alternative to Wallpaper Engine."><span>Silent Liquidity</span><p>Liquid wallpaper generator. Adjust optics, physics, and surface textures — export stunning 4K fluid art wallpapers. A free generative alternative to Wallpaper Engine.</p></a>
        <a href="unamerican-graffiti.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-27T04:40:41.520Z"><img src="images/unamerican-graffiti.jpg" alt="Screenshot of Unamerican Graffiti: Procedural decay and glitch art generator. Abstract compositions with agent-based movement and structural distortion — a generative entropy visualizer."><span>Unamerican Graffiti</span><p>Procedural decay and glitch art generator. Abstract compositions with agent-based movement and structural distortion — a generative entropy visualizer.</p></a>
        <a href="be-leaf.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-10T07:23:17.627Z"><img src="images/be-leaf.jpg" alt="Screenshot of Be Leaf: Procedural garden simulator with 16 flower species, dynamic weather, and day-night cycles. Watch a serene digital garden bloom and change seasons."><span>Be Leaf</span><p>Procedural garden simulator with 16 flower species, dynamic weather, and day-night cycles. Watch a serene digital garden bloom and change seasons.</p></a>
        <a href="coffeetime.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/coffeetime.jpg" alt="Screenshot of CoffeeTime: Photo-to-mosaic art converter. Transform images into circle-packed designs with coffee-inspired textures — a unique generative art tool for portrait and photo mosaics."><span>CoffeeTime</span><p>Photo-to-mosaic art converter. Transform images into circle-packed designs with coffee-inspired textures — a unique generative art tool for portrait and photo mosaics.</p></a>
        <a href="duly-noted.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-10T07:23:17.627Z"><img src="images/duly-noted.jpg" alt="Screenshot of Duly Noted: Digital legal pad note-taking app. Write with analog paper textures and handwriting fonts — a distraction-free notepad, alternative to Simplenote and Standard Notes."><span>Duly Noted</span><p>Digital legal pad note-taking app. Write with analog paper textures and handwriting fonts — a distraction-free notepad, alternative to Simplenote and Standard Notes.</p></a>
        <a href="kind-rewind.html" class="machine-hydrate" data-cat="retro" data-date="2026-03-10T07:23:17.627Z"><img src="images/kind-rewind.jpg" alt="Screenshot of Kind Rewind: Retro VHS tape designer. Create custom cassette covers with authentic wear effects and nostalgic branding — a 3D tribute to the magnetic tape era."><span>Kind Rewind</span><p>Retro VHS tape designer. Create custom cassette covers with authentic wear effects and nostalgic branding — a 3D tribute to the magnetic tape era.</p></a>
        <a href="paper-jam.html" class="machine-hydrate" data-cat="retro" data-date="2026-03-10T07:23:17.627Z"><img src="images/paper-jam.jpg" alt="Screenshot of Paper Jam: Dot matrix printer simulator with 9-pin printing, RSS feeds, image-to-ASCII conversion, and authentic sounds — a faithful recreation of 1980s impact printing."><span>Paper Jam</span><p>Dot matrix printer simulator with 9-pin printing, RSS feeds, image-to-ASCII conversion, and authentic sounds — a faithful recreation of 1980s impact printing.</p></a>
        <a href="pin-toy.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/pin-toy.jpg" alt="Screenshot of Pin Toy: Webcam pin art toy. Transform your camera feed into a responsive metallic pin landscape with thousands of pins — a digital Pinpressions toy with audio reactivity."><span>Pin Toy</span><p>Webcam pin art toy. Transform your camera feed into a responsive metallic pin landscape with thousands of pins — a digital Pinpressions toy with audio reactivity.</p></a>
        <a href="sakurascape.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-10T07:23:17.627Z"><img src="images/sakurascape.jpg" alt="Screenshot of Sakurascape: Interactive cherry blossom garden simulator. Control wind, growth, and density in a procedural sakura ecosystem — a serene Japanese-inspired generative art piece."><span>Sakurascape</span><p>Interactive cherry blossom garden simulator. Control wind, growth, and density in a procedural sakura ecosystem — a serene Japanese-inspired generative art piece.</p></a>
        <a href="space-needle.html" class="machine-hydrate" data-cat="worlds" data-date="2026-03-10T07:23:17.627Z"><img src="images/space-needle.jpg" alt="Screenshot of Space Needle: 3D Seattle Space Needle and city simulator. Dynamic day-night cycles, weather, and rain — explore the Pacific Northwest skyline in interactive 3D."><span>Space Needle</span><p>3D Seattle Space Needle and city simulator. Dynamic day-night cycles, weather, and rain — explore the Pacific Northwest skyline in interactive 3D.</p></a>

            <!-- Tools & Retro -->
        <a href="ticker.html" class="machine-hydrate" data-cat="tools" data-date="2024-05-05T09:00:00Z"><img src="images/ticker.jpg" alt="Screenshot of RSS Ticker: LED news ticker for your desktop. Display scrolling RSS headlines in retro dot-matrix style — a customizable news feed widget inspired by stock ticker displays."><span>RSS Ticker</span><p>LED news ticker for your desktop. Display scrolling RSS headlines in retro dot-matrix style — a customizable news feed widget inspired by stock ticker displays.</p></a>
        <a href="textulator.html" class="machine-hydrate" data-cat="tools" data-date="2024-05-07T10:30:00Z"><img src="images/textulator.jpg" alt="Screenshot of Textulator: Text reformatting multi-tool. Apply filters to transform, clean, sort, and reformat text — a free alternative to TextSoap, CyberChef, and online text utilities."><span>Textulator</span><p>Text reformatting multi-tool. Apply filters to transform, clean, sort, and reformat text — a free alternative to TextSoap, CyberChef, and online text utilities.</p></a>
        <a href="funicode.html" class="machine-hydrate" data-cat="tools" data-date="2024-05-15T09:30:00Z"><img src="images/funicode.jpg" alt="Screenshot of fUNICODE: Unicode text converter for social media. Transform plain text into bold, italic, script, and decorative fonts — a free alternative to YayText and LingoJam."><span>fUNICODE</span><p>Unicode text converter for social media. Transform plain text into bold, italic, script, and decorative fonts — a free alternative to YayText and LingoJam.</p></a>
        <a href="online-meeting.html" class="machine-hydrate" data-cat="retro" data-date="2025-05-31T02:27:29.475Z"><img src="images/online-meeting.jpg" alt="Screenshot of Meeting Sim: Fake video meeting simulator. Generate realistic call screens to appear busy — a humorous tool for remote workers who need to look like they're in a meeting."><span>Meeting Sim</span><p>Fake video meeting simulator. Generate realistic call screens to appear busy — a humorous tool for remote workers who need to look like they're in a meeting.</p></a>
        <a href="tada-list.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-06T01:35:04.043Z"><img src="images/tada-list.jpg" alt="Screenshot of Ta-Da List: Kanban board and to-do list with drag-and-drop columns. A simple private task manager — a free alternative to Trello and Notion boards, fully local."><span>Ta-Da List</span><p>Kanban board and to-do list with drag-and-drop columns. A simple private task manager — a free alternative to Trello and Notion boards, fully local.</p></a>
        <a href="qr-code.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-11T01:37:34.794Z"><img src="images/qr-code.jpg" alt="Screenshot of QR Generator: QR code generator with glassmorphic design. Create scannable codes for URLs, text, and contacts — a free alternative to QRCode Monkey and Flowcode."><span>QR Generator</span><p>QR code generator with glassmorphic design. Create scannable codes for URLs, text, and contacts — a free alternative to QRCode Monkey and Flowcode.</p></a>
        <a href="weather.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-11T03:04:27.951Z"><img src="images/weather.jpg" alt="Screenshot of Weather or Not: Hyper-local weather forecast tool. Detailed current conditions and multi-day predictions for your exact GPS coordinates — fast, private, no tracking."><span>Weather or Not</span><p>Hyper-local weather forecast tool. Detailed current conditions and multi-day predictions for your exact GPS coordinates — fast, private, no tracking.</p></a>
        <a href="canvas-connect.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-13T02:00:43.563Z"><img src="images/canvas-connect.jpg" alt="Screenshot of Canvas Connect: Peer-to-peer digital whiteboard. Collaborate and draw in real-time with WebRTC — a free serverless alternative to Excalidraw and Microsoft Whiteboard."><span>Canvas Connect</span><p>Peer-to-peer digital whiteboard. Collaborate and draw in real-time with WebRTC — a free serverless alternative to Excalidraw and Microsoft Whiteboard.</p></a>
        <a href="instant-html.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-23T18:29:21.823Z"><img src="images/instant-html.jpg" alt="Screenshot of Instant HTML: Download text or code as an HTML file. Paste content and save as a standalone .html page — a quick utility for web developers and content archivists."><span>Instant HTML</span><p>Download text or code as an HTML file. Paste content and save as a standalone .html page — a quick utility for web developers and content archivists.</p></a>
        <a href="clickboard.html" class="machine-hydrate" data-cat="tools" data-date="2025-06-23T18:32:16.031Z"><img src="images/clickboard.jpg" alt="Screenshot of Clickboard: Secure local clipboard history manager. Track, search, and reuse copied text — a private alternative to clipboard managers like Ditto and CopyClip."><span>Clickboard</span><p>Secure local clipboard history manager. Track, search, and reuse copied text — a private alternative to clipboard managers like Ditto and CopyClip.</p></a>
        <a href="css-art.html" class="machine-hydrate" data-cat="studio" data-date="2025-06-30T17:44:39.823Z"><img src="images/css-art.jpg" alt="Screenshot of CSS Pixel Art: Image-to-CSS pixel art converter. Transform any photo into pure CSS code without image files — a free tool for web developers and pixel art enthusiasts."><span>CSS Pixel Art</span><p>Image-to-CSS pixel art converter. Transform any photo into pure CSS code without image files — a free tool for web developers and pixel art enthusiasts.</p></a>
        <a href="png-defaker.html" class="machine-hydrate" data-cat="media" data-date="2025-06-30T17:45:33.781Z"><img src="images/png-defaker.jpg" alt="Screenshot of PNG De-Faker: Remove fake transparent backgrounds from PNGs. Detect and fix images with solid backgrounds disguised as transparency — an image forensics utility."><span>PNG De-Faker</span><p>Remove fake transparent backgrounds from PNGs. Detect and fix images with solid backgrounds disguised as transparency — an image forensics utility.</p></a>
        <a href="picturino.html" class="machine-hydrate" data-cat="media" data-date="2025-06-30T17:46:50.336Z"><img src="images/picturino.jpg" alt="Screenshot of Picturino: Image editor with crop, resize, filters, and adjustments. Edit photos privately with zero server uploads — a free alternative to Pixlr and Photopea for quick edits."><span>Picturino</span><p>Image editor with crop, resize, filters, and adjustments. Edit photos privately with zero server uploads — a free alternative to Pixlr and Photopea for quick edits.</p></a>
        <a href="c64.html" class="machine-hydrate" data-cat="retro" data-date="2025-06-30T17:47:48.456Z"><img src="images/c64.jpg" alt="Screenshot of CHRISPIRILLO64: Commodore 64 emulator with BASIC interpreter. Write and run C64 BASIC programs — a retro computing environment for learning, nostalgia, and 8-bit programming."><span>CHRISPIRILLO64</span><p>Commodore 64 emulator with BASIC interpreter. Write and run C64 BASIC programs — a retro computing environment for learning, nostalgia, and 8-bit programming.</p></a>
        <a href="ascii-painter.html" class="machine-hydrate" data-cat="studio" data-date="2025-07-07T23:58:49.060Z"><img src="images/ascii-painter.jpg" alt="Screenshot of ASCII Painter: ASCII art drawing tool with full character palette, colors, and brushes. Create and export text art — a free alternative to Textcraft, REXPaint, and Playscii."><span>ASCII Painter</span><p>ASCII art drawing tool with full character palette, colors, and brushes. Create and export text art — a free alternative to Textcraft, REXPaint, and Playscii.</p></a>
        <a href="cyberpunk-text.html" class="machine-hydrate" data-cat="studio" data-date="2025-07-23T00:24:38.773Z"><img src="images/cyberpunk-text.jpg" alt="Screenshot of Cyberpunk Text: Glitch text animation generator. Create cyberpunk-style distorted neon text effects — perfect for YouTube thumbnails, social media headers, and sci-fi branding."><span>Cyberpunk Text</span><p>Glitch text animation generator. Create cyberpunk-style distorted neon text effects — perfect for YouTube thumbnails, social media headers, and sci-fi branding.</p></a>
        <a href="weboprompter.html" class="machine-hydrate" data-cat="tools" data-date="2025-08-12T23:43:17.997Z"><img src="images/weboprompter.jpg" alt="Screenshot of Weboprompter: Teleprompter for content creators and streamers. Scroll your script at adjustable speeds on any device — a free alternative to BigStage and PromptSmart."><span>Weboprompter</span><p>Teleprompter for content creators and streamers. Scroll your script at adjustable speeds on any device — a free alternative to BigStage and PromptSmart.</p></a>
        <a href="social-me.html" class="machine-hydrate" data-cat="tools" data-date="2025-09-25T01:23:48.627Z"><img src="images/social-me.jpg" alt="Screenshot of Social Me: Chris Pirillo social profile hub. Quick links to YouTube, Twitter, Mastodon, and every platform — a central directory for the Pirillo community."><span>Social Me</span><p>Chris Pirillo social profile hub. Quick links to YouTube, Twitter, Mastodon, and every platform — a central directory for the Pirillo community.</p></a>
        <a href="qlock.html" class="machine-hydrate" data-cat="tools" data-date="2025-09-25T01:28:44.236Z"><img src="images/qlock.jpg" alt="Screenshot of Qlock: Word clock that displays time as text. Hours spelled out in a minimalist grid — a digital replica of the QLOCKTWO design clock for your desktop."><span>Qlock</span><p>Word clock that displays time as text. Hours spelled out in a minimalist grid — a digital replica of the QLOCKTWO design clock for your desktop.</p></a>
        <a href="spinwheel.html" class="machine-hydrate" data-cat="tools" data-date="2025-10-12T18:48:52.629Z"><img src="images/spinwheel.jpg" alt="Screenshot of Spinwheel: Spinning wheel for random decisions. Enter custom options and spin to pick — a free alternative to Wheel of Names for giveaways, classrooms, and choices."><span>Spinwheel</span><p>Spinning wheel for random decisions. Enter custom options and spin to pick — a free alternative to Wheel of Names for giveaways, classrooms, and choices.</p></a>
        <a href="time-shift.html" class="machine-hydrate" data-cat="tools" data-date="2025-10-28T02:58:35.401Z"><img src="images/time-shift.jpg" alt="Screenshot of Time Shift: World clock and timezone converter. Visualize time across multiple cities simultaneously — a free alternative to World Time Buddy and Every Time Zone."><span>Time Shift</span><p>World clock and timezone converter. Visualize time across multiple cities simultaneously — a free alternative to World Time Buddy and Every Time Zone.</p></a>
        <a href="linkforge.html" class="machine-hydrate" data-cat="tools" data-date="2025-11-24T17:59:55.878Z"><img src="images/linkforge.jpg" alt="Screenshot of LinkForge: Link-in-bio page builder. Create a custom landing page with all your social links — a free self-hosted alternative to Linktree and Beacons."><span>LinkForge</span><p>Link-in-bio page builder. Create a custom landing page with all your social links — a free self-hosted alternative to Linktree and Beacons.</p></a>
        <a href="system-six.html" class="machine-hydrate" data-cat="retro" data-date="2025-12-14T23:53:46.324Z"><img src="images/system-six.jpg" alt="Screenshot of System Six: Classic Macintosh System 6 simulator. Explore the 1988 Mac OS desktop, menus, and apps — a faithful recreation for vintage Apple enthusiasts and computing historians."><span>System Six</span><p>Classic Macintosh System 6 simulator. Explore the 1988 Mac OS desktop, menus, and apps — a faithful recreation for vintage Apple enthusiasts and computing historians.</p></a>
        <a href="text-replacer.html" class="machine-hydrate" data-cat="tools" data-date="2025-12-14T23:54:36.442Z"><img src="images/text-replacer.jpg" alt="Screenshot of Text Replacer: Find-and-replace text tool with regex support. Bulk substitutions on any text — a free alternative to TextSoap and sed for non-developers."><span>Text Replacer</span><p>Find-and-replace text tool with regex support. Bulk substitutions on any text — a free alternative to TextSoap and sed for non-developers.</p></a>
        <a href="dot-matrix.html" class="machine-hydrate" data-cat="studio" data-date="2026-01-29T06:08:51.275Z"><img src="images/dot-matrix.jpg" alt="Screenshot of Dot Matrix: Dot matrix bitmap font generator. Create retro LED-style typography with customizable grid size and colors — design pixel signage and marquee text art."><span>Dot Matrix</span><p>Dot matrix bitmap font generator. Create retro LED-style typography with customizable grid size and colors — design pixel signage and marquee text art.</p></a>
        <a href="sprite-converter.html" class="machine-hydrate" data-cat="studio" data-date="2026-01-29T06:08:51.275Z"><img src="images/sprite-converter.jpg" alt="Screenshot of Sprite Tool: Sprite sheet and image-to-pixel-code converter. Transform images into code arrays for Arduino, LED matrices, and game dev — a free sprite extraction tool."><span>Sprite Tool</span><p>Sprite sheet and image-to-pixel-code converter. Transform images into code arrays for Arduino, LED matrices, and game dev — a free sprite extraction tool.</p></a>
        <a href="streamready.html" class="machine-hydrate" data-cat="tools" data-date="2026-01-29T06:08:51.275Z"><img src="images/streamready.jpg" alt="Screenshot of StreamReady: Pre-stream checklist for live streamers. Run through audio, video, and scene checks before going live — a flight-check tool for Twitch and YouTube creators."><span>StreamReady</span><p>Pre-stream checklist for live streamers. Run through audio, video, and scene checks before going live — a flight-check tool for Twitch and YouTube creators.</p></a>
        <a href="codesnap.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-09T01:25:21.627Z"><img src="images/codesnap.jpg" alt="Screenshot of CodeSnap: Code screenshot generator with syntax highlighting. Turn source code into shareable images — a free alternative to Carbon, Ray.so, and Chalk.ist."><span>CodeSnap</span><p>Code screenshot generator with syntax highlighting. Turn source code into shareable images — a free alternative to Carbon, Ray.so, and Chalk.ist.</p></a>
        <a href="emoji-mosaic.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-09T01:25:21.627Z"><img src="images/emoji-mosaic.jpg" alt="Screenshot of Emoji Mosaic: Photo-to-emoji mosaic converter. Transform any image into high-resolution emoji pixel art — a free alternative to Emoji Mosaic and EmojiCam."><span>Emoji Mosaic</span><p>Photo-to-emoji mosaic converter. Transform any image into high-resolution emoji pixel art — a free alternative to Emoji Mosaic and EmojiCam.</p></a>
        <a href="fontmoji.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-09T01:25:21.627Z"><img src="images/fontmoji.jpg" alt="Screenshot of Fontmoji: Emoji typography and wallpaper maker. Create custom emoji-based text art and downloadable backgrounds — a unique visual content design tool."><span>Fontmoji</span><p>Emoji typography and wallpaper maker. Create custom emoji-based text art and downloadable backgrounds — a unique visual content design tool.</p></a>
        <a href="photo-corkboard.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-09T01:25:21.627Z"><img src="images/photo-corkboard.jpg" alt="Screenshot of Corkboard: Photo corkboard and mood board maker. Pin, arrange, and layer photos on a virtual cork surface — a free alternative to Milanote and Pinterest boards."><span>Corkboard</span><p>Photo corkboard and mood board maker. Pin, arrange, and layer photos on a virtual cork surface — a free alternative to Milanote and Pinterest boards.</p></a>
        <a href="source-downloader.html" class="machine-hydrate" data-cat="tools" data-date="2026-02-09T01:25:21.627Z"><img src="images/source-downloader.jpg" alt="Screenshot of Downloader: Website source code downloader. Fetch and save HTML, CSS, and JavaScript of any public page — a quick inspection tool for web developers and designers."><span>Downloader</span><p>Website source code downloader. Fetch and save HTML, CSS, and JavaScript of any public page — a quick inspection tool for web developers and designers.</p></a>
        <a href="vibe-gif.html" class="machine-hydrate" data-cat="media" data-date="2026-02-09T01:25:21.627Z"><img src="images/vibe-gif.jpg" alt="Screenshot of Vibe GIF: Text-to-animated-GIF maker. Type a message and generate a looping text animation — create shareable GIF graphics for social media and messaging."><span>Vibe GIF</span><p>Text-to-animated-GIF maker. Type a message and generate a looping text animation — create shareable GIF graphics for social media and messaging.</p></a>

                    <a href="bad-kanban.html" class="machine-hydrate" data-cat="retro" data-date="2026-02-18T23:13:59.588Z"><img src="images/bad-kanban.jpg" alt="Screenshot of Bad Kanban: Satirical Kanban board simulator. Experience the absurdity of corporate agile project management — a humorous parody for anyone who's survived sprint planning."><span>Bad Kanban</span><p>Satirical Kanban board simulator. Experience the absurdity of corporate agile project management — a humorous parody for anyone who's survived sprint planning.</p></a>
            <a href="diamond-studio.html" class="machine-hydrate" data-cat="generative" data-date="2026-02-18T23:13:59.596Z"><img src="images/diamond-studio.jpg" alt="Screenshot of Diamond Studio: 3D diamond viewer with physically-based rendering. Visualize and compare diamond cuts with realistic light simulation — a gemological analysis tool."><span>Diamond Studio</span><p>3D diamond viewer with physically-based rendering. Visualize and compare diamond cuts with realistic light simulation — a gemological analysis tool.</p></a>
            <a href="holonet-uplink.html" class="machine-hydrate" data-cat="retro" data-date="2026-02-18T23:13:59.600Z"><img src="images/holonet-uplink.jpg" alt="Screenshot of Holonet Uplink: Star Wars news and podcast aggregator. Browse dozens of galactic RSS feeds in an immersive Holonet-themed dashboard — a daily briefing for Star Wars fans."><span>Holonet Uplink</span><p>Star Wars news and podcast aggregator. Browse dozens of galactic RSS feeds in an immersive Holonet-themed dashboard — a daily briefing for Star Wars fans.</p></a>
            <a href="laser-cursor.html" class="machine-hydrate" data-cat="tools" data-date="2026-02-18T23:13:59.602Z"><img src="images/laser-cursor.jpg" alt="Screenshot of Laser Cursor: Mouse pointer reticle overlay bookmarklet. Install a laser-sight cursor on any web page — never lose your pointer during presentations and screencasts."><span>Laser Cursor</span><p>Mouse pointer reticle overlay bookmarklet. Install a laser-sight cursor on any web page — never lose your pointer during presentations and screencasts.</p></a>
            <a href="meeting-cost.html" class="machine-hydrate" data-cat="tools" data-date="2026-02-18T23:13:59.606Z"><img src="images/meeting-cost.jpg" alt="Screenshot of Meeting Cost Tracker: Real-time meeting cost calculator. Enter attendee salaries and watch dollars tick up — visualize the true cost of every meeting."><span>Meeting Cost Tracker</span><p>Real-time meeting cost calculator. Enter attendee salaries and watch dollars tick up — visualize the true cost of every meeting.</p></a>
            <a href="messy-text.html" class="machine-hydrate" data-cat="studio" data-date="2026-02-18T23:13:59.606Z"><img src="images/messy-text.jpg" alt="Screenshot of Messy Text: Zalgo text generator. Transform normal text into chaotic glitched unicode — create creepy, distorted characters for social media. A free Zalgo alternative."><span>Messy Text</span><p>Zalgo text generator. Transform normal text into chaotic glitched unicode — create creepy, distorted characters for social media. A free Zalgo alternative.</p></a>
            <a href="storm-front.html" class="machine-hydrate" data-cat="retro" data-date="2026-02-18T23:13:59.612Z"><img src="images/storm-front.jpg" alt="Screenshot of Storm Front: Retro CRT weather terminal. Live weather data with ASCII art in a green-screen terminal — a geek-chic forecast display inspired by 1980s BBS systems."><span>Storm Front</span><p>Retro CRT weather terminal. Live weather data with ASCII art in a green-screen terminal — a geek-chic forecast display inspired by 1980s BBS systems.</p></a>
            <a href="tooltimate.html" class="machine-hydrate" data-cat="tools" data-date="2026-02-18T23:13:59.615Z"><img src="images/tooltimate.jpg" alt="Screenshot of Tooltimate: Collection of 500+ browser tools for developers, designers, and creators. Privacy-focused with no data collection — an all-in-one utility toolkit."><span>Tooltimate</span><p>Collection of 500+ browser tools for developers, designers, and creators. Privacy-focused with no data collection — an all-in-one utility toolkit.</p></a>
        <a href="aurebesh-forge.html" class="machine-hydrate" data-cat="makers" data-date="2026-02-27T04:40:41.520Z"><img src="images/aurebesh-forge.jpg" alt="Screenshot of Aurebesh Forge: Star Wars Aurebesh nameplate maker for 3D printing. Design custom text in galactic script and export STL or 3MF files — for cosplay, props, and displays."><span>Aurebesh Forge</span><p>Star Wars Aurebesh nameplate maker for 3D printing. Design custom text in galactic script and export STL or 3MF files — for cosplay, props, and displays.</p></a>
        <a href="aurebesh-translator.html" class="machine-hydrate" data-cat="retro" data-date="2026-02-27T04:40:41.520Z"><img src="images/aurebesh-translator.jpg" alt="Screenshot of Aurebesh Translator: English-to-Aurebesh translator with CRT terminal aesthetics. Convert text to Star Wars script with high-res image export — for props, cosplay, and fan art."><span>Aurebesh Translator</span><p>English-to-Aurebesh translator with CRT terminal aesthetics. Convert text to Star Wars script with high-res image export — for props, cosplay, and fan art.</p></a>
        <a href="business-cads.html" class="machine-hydrate" data-cat="makers" data-date="2026-02-27T04:40:41.520Z"><img src="images/business-cads.jpg" alt="Screenshot of Business CADs: 3D-printable business card designer. Create embossed cards with text, QR codes, and SVG logos — export STL and 3MF files for multi-material printing."><span>Business CADs</span><p>3D-printable business card designer. Create embossed cards with text, QR codes, and SVG logos — export STL and 3MF files for multi-material printing.</p></a>
        <a href="huttese-translator.html" class="machine-hydrate" data-cat="retro" data-date="2026-02-27T04:40:41.520Z"><img src="images/huttese-translator.jpg" alt="Screenshot of Huttese Translator: English-to-Huttese translator. Convert text to Star Wars Huttese with a searchable lexicon — an immersive galactic language tool for fans and cosplayers."><span>Huttese Translator</span><p>English-to-Huttese translator. Convert text to Star Wars Huttese with a searchable lexicon — an immersive galactic language tool for fans and cosplayers.</p></a>
        <a href="nexus-1138.html" class="machine-hydrate" data-cat="retro" data-date="2026-02-27T04:40:41.520Z"><img src="images/nexus-1138.jpg" alt="Screenshot of Nexus 1138: Star Wars orbital station dashboard. Monitor pseudo telemetry, tactical readouts, and controls — an immersive sci-fi command center experience for space fans."><span>Nexus 1138</span><p>Star Wars orbital station dashboard. Monitor pseudo telemetry, tactical readouts, and controls — an immersive sci-fi command center experience for space fans.</p></a>
        <a href="crt-tv.html" class="machine-hydrate" data-cat="retro" data-date="2026-03-15T20:35:26Z"><img src="images/crt-tv.jpg" alt="Screenshot of CRT TV: Hyperrealistic CRT television simulator. Flip through 80s channels with real static, clicky knobs, scanlines, and rabbit ears — a tribute to analog TV nostalgia."><span>CRT TV</span><p>Hyperrealistic CRT television simulator. Flip through 80s channels with real static, clicky knobs, scanlines, and rabbit ears — a tribute to analog TV nostalgia.</p></a>
        <a href="svg-vectorify.html" class="machine-hydrate" data-cat="media" data-date="2026-02-27T04:40:41.520Z"><img src="images/svg-vectorify.jpg" alt="Screenshot of SVG Vectorify: Image-to-SVG vectorizer and SVG optimizer. Convert rasters to scalable vectors — a free alternative to Vector Magic, Vectorizer.ai, and SVGO."><span>SVG Vectorify</span><p>Image-to-SVG vectorizer and SVG optimizer. Convert rasters to scalable vectors — a free alternative to Vector Magic, Vectorizer.ai, and SVGO.</p></a>
        <a href="ascii-forge.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-10T07:23:17.627Z"><img src="images/ascii-forge.jpg" alt="Screenshot of ASCII Forge: Image-to-3D-printable ASCII art converter. Turn any image into sculptural text art with extrusion controls — export STL and 3MF for CNC or 3D printing."><span>ASCII Forge</span><p>Image-to-3D-printable ASCII art converter. Turn any image into sculptural text art with extrusion controls — export STL and 3MF for CNC or 3D printing.</p></a>
        <a href="design-workshop.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/design-workshop.jpg" alt="Screenshot of Design Workshop: CSS generator and web design toolkit. Create gradients, shadows, accessible color palettes, and process images — a modular workspace like a mini Figma for CSS."><span>Design Workshop</span><p>CSS generator and web design toolkit. Create gradients, shadows, accessible color palettes, and process images — a modular workspace like a mini Figma for CSS.</p></a>
        <a href="font-anatomy.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/font-anatomy.jpg" alt="Screenshot of Font Anatomy: Font inspector and analysis tool. Examine metrics, OpenType features, glyph outlines, and table data — a free alternative to FontDrop, Wakamai Fondue, and FontForge."><span>Font Anatomy</span><p>Font inspector and analysis tool. Examine metrics, OpenType features, glyph outlines, and table data — a free alternative to FontDrop, Wakamai Fondue, and FontForge.</p></a>
        <a href="fontcrafter.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/fontcrafter.jpg" alt="Screenshot of FontCrafter: Handwriting-to-font converter. Scan your handwriting and create custom OTF and TTF fonts with local processing — a free alternative to Calligraphr and FontStruct."><span>FontCrafter</span><p>Handwriting-to-font converter. Scan your handwriting and create custom OTF and TTF fonts with local processing — a free alternative to Calligraphr and FontStruct.</p></a>
        <a href="glyph-extractor.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/glyph-extractor.jpg" alt="Screenshot of Glyph Extractor: Handwriting glyph extraction tool. Isolate clean character images from scanned paper — remove noise and export PNGs for custom font creation pipelines."><span>Glyph Extractor</span><p>Handwriting glyph extraction tool. Isolate clean character images from scanned paper — remove noise and export PNGs for custom font creation pipelines.</p></a>
        <a href="makerchip-maker.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-10T07:23:17.627Z"><img src="images/makerchip-maker.jpg" alt="Screenshot of MakerChip Maker: 3D poker chip designer for 3D printing. Add logos, QR codes, and custom text with real-time preview — export multi-material 3MF and STL files for production."><span>MakerChip Maker</span><p>3D poker chip designer for 3D printing. Add logos, QR codes, and custom text with real-time preview — export multi-material 3MF and STL files for production.</p></a>
        <a href="morning-cockpit.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-10T07:23:17.627Z"><img src="images/morning-cockpit.jpg" alt="Screenshot of Mission Cockpit: Morning routine countdown dashboard with a sci-fi cockpit interface. Set milestones, track time, and launch your day — a tactical scheduler for early risers."><span>Mission Cockpit</span><p>Morning routine countdown dashboard with a sci-fi cockpit interface. Set milestones, track time, and launch your day — a tactical scheduler for early risers.</p></a>
        <a href="nfc-maestro.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-10T07:23:17.627Z"><img src="images/nfc-maestro.jpg" alt="Screenshot of NFC Maestro: NFC tag reader, writer, and cloner. Scan, write, lock, and batch-program NFC tags — a free alternative to NFC Tools and TagWriter for Web NFC."><span>NFC Maestro</span><p>NFC tag reader, writer, and cloner. Scan, write, lock, and batch-program NFC tags — a free alternative to NFC Tools and TagWriter for Web NFC.</p></a>
        <a href="pocket-calculator.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-10T07:23:17.627Z"><img src="images/pocket-calculator.jpg" alt="Screenshot of Pocket Calculator: Graphing calculator with scientific functions. Plot equations, convert units, and solve math — a free alternative to Desmos and TI-84 emulators."><span>Pocket Calculator</span><p>Graphing calculator with scientific functions. Plot equations, convert units, and solve math — a free alternative to Desmos and TI-84 emulators.</p></a>
        <a href="spice-rack.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-10T07:23:17.627Z"><img src="images/spice-rack.jpg" alt="Screenshot of Spice Rack: Visual spice and herb encyclopedia. Flavor chemistry, usage guides, and culinary pairings — a reference for chefs. Alternative to The Flavor Bible lookup tools."><span>Spice Rack</span><p>Visual spice and herb encyclopedia. Flavor chemistry, usage guides, and culinary pairings — a reference for chefs. Alternative to The Flavor Bible lookup tools.</p></a>
        <a href="studio-b64.html" class="machine-hydrate" data-cat="media" data-date="2026-03-10T07:23:17.627Z"><img src="images/studio-b64.jpg" alt="Screenshot of Studio B64: Image-to-Base64 converter. Crop, resize, filter, then export as data URIs for HTML and CSS — a developer utility for embedding images directly in code."><span>Studio B64</span><p>Image-to-Base64 converter. Crop, resize, filter, then export as data URIs for HTML and CSS — a developer utility for embedding images directly in code.</p></a>
        <a href="svglyph.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-10T07:23:17.627Z"><img src="images/svglyph.jpg" alt="Screenshot of SVGlyph: SVG-to-3D-ASCII-art converter. Transform vector files into animated text-art sculptures with customizable lighting, depth, and character density."><span>SVGlyph</span><p>SVG-to-3D-ASCII-art converter. Transform vector files into animated text-art sculptures with customizable lighting, depth, and character density.</p></a>
        <a href="fall-leaves.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-16T01:28:09Z"><img src="images/fall-leaves.jpg" alt="Screenshot of Fall Leaves: Procedural autumn forest with falling leaves, swaying trees, and dynamic day-night sky. A free alternative to fall screensavers and live wallpapers. Put it on your TV!"><span>Fall Leaves</span><p>Procedural autumn forest with falling leaves, swaying trees, and dynamic day-night sky. A free alternative to fall screensavers and live wallpapers. Put it on your TV!</p></a>
        <a href="video-shrinker.html" class="machine-hydrate" data-cat="media" data-date="2026-03-10T07:23:17.627Z"><img src="images/video-shrinker.jpg" alt="Screenshot of Video Shrinker: Video compressor for Discord and social media. Shrink files without uploading — browser-based FFmpeg compression. A free alternative to HandBrake for quick jobs."><span>Video Shrinker</span><p>Video compressor for Discord and social media. Shrink files without uploading — browser-based FFmpeg compression. A free alternative to HandBrake for quick jobs.</p></a>
        <a href="website-workshop.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-10T07:23:17.627Z"><img src="images/website-workshop.jpg" alt="Screenshot of Website Workshop: Favicon and PWA manifest generator. Create Apple touch icons, social meta tags, and app manifests from one logo — a free alternative to RealFaviconGenerator."><span>Website Workshop</span><p>Favicon and PWA manifest generator. Create Apple touch icons, social meta tags, and app manifests from one logo — a free alternative to RealFaviconGenerator.</p></a>
        <a href="pixel-melt.html" class="machine-hydrate" data-cat="media" data-date="2026-03-15T19:27:22Z"><img src="images/pixel-melt.jpg" alt="Screenshot of Pixel Melt: Bulk image converter to WebP. Convert PNG, JPG, GIF, BMP, and TIFF — everything runs locally, no upload. A free alternative to Squoosh and TinyPNG for batch conversion."><span>Pixel Melt</span><p>Bulk image converter to WebP. Convert PNG, JPG, GIF, BMP, and TIFF — everything runs locally, no upload. A free alternative to Squoosh and TinyPNG for batch conversion.</p></a>
        <a href="font-to-svg.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-15T20:52:38Z"><img src="images/font-to-svg.jpg" alt="Screenshot of Font to SVG: Font-to-SVG path converter. Extract scalable vector outlines from any font file — for Cricut, laser cutting, logos, and design. A free alternative to FontForge export."><span>Font to SVG</span><p>Font-to-SVG path converter. Extract scalable vector outlines from any font file — for Cricut, laser cutting, logos, and design. A free alternative to FontForge export.</p></a>
        <a href="photo-fixer.html" class="machine-hydrate" data-cat="media" data-date="2026-03-15T22:59:45Z"><img src="images/photo-fixer.jpg" alt="Screenshot of Photo Fixer: One-click photo enhancer for muddy phone photos. Auto-adjust exposure, contrast, and color — a free alternative to Snapseed and Lightroom auto-enhance."><span>Photo Fixer</span><p>One-click photo enhancer for muddy phone photos. Auto-adjust exposure, contrast, and color — a free alternative to Snapseed and Lightroom auto-enhance.</p></a>
        <a href="breathing-room.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-16T00:57:42Z"><img src="images/breathing-room.jpg" alt="Screenshot of Breathing Room: Box breathing timer with generative nature landscapes — inhale, hold, exhale, hold in a calming 4-4-4-4 pattern. A free alternative to Breathwrk and Calm."><span>Breathing Room</span><p>Box breathing timer with generative nature landscapes — inhale, hold, exhale, hold in a calming 4-4-4-4 pattern. A free alternative to Breathwrk and Calm.</p></a>
        <a href="thoughts-ripple.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-16T00:59:56Z"><img src="images/thoughts-ripple.jpg" alt="Screenshot of Thoughts Ripple: Calm writing journal with a procedural 3D creek, blooming flowers, and ambient audio — type and watch the world respond. Free, no signup, ephemeral. Calm."><span>Thoughts Ripple</span><p>Calm writing journal with a procedural 3D creek, blooming flowers, and ambient audio — type and watch the world respond. Free, no signup, ephemeral. Calm.</p></a>

            <!-- Music -->
        <a href="synthwave.html" class="machine-hydrate" data-cat="music" data-date="2024-05-03T14:30:00Z"><img src="images/synthwave.jpg" alt="Screenshot of Synthwave: Synthwave typing visualizer. Retro neon animations react to your keyboard — an aesthetic experience for writers and coders inspired by outrun and retrowave culture."><span>Synthwave</span><p>Synthwave typing visualizer. Retro neon animations react to your keyboard — an aesthetic experience for writers and coders inspired by outrun and retrowave culture.</p></a>
        <a href="tenori-on.html" class="machine-hydrate" data-cat="music" data-date="2025-06-04T02:14:12.684Z"><img src="images/tenori-on.jpg" alt="Screenshot of Tenori-Online: Music sequencer inspired by the Yamaha Tenori-on. Create melodies by tapping a grid of lights — a free alternative to the discontinued $1,200 hardware instrument."><span>Tenori-Online</span><p>Music sequencer inspired by the Yamaha Tenori-on. Create melodies by tapping a grid of lights — a free alternative to the discontinued $1,200 hardware instrument.</p></a>
        <a href="circlaud.html" class="machine-hydrate" data-cat="music" data-date="2025-06-11T02:20:05.257Z"><img src="images/circlaud.jpg" alt="Screenshot of Circlaud: Generative audio-visual composition tool. Sound and visuals evolve together in meditative circles — a procedural music experience inspired by generative art and ambient."><span>Circlaud</span><p>Generative audio-visual composition tool. Sound and visuals evolve together in meditative circles — a procedural music experience inspired by generative art and ambient.</p></a>
        <a href="infinite-rainstick.html" class="machine-hydrate" data-cat="music" data-date="2025-06-23T18:30:35.575Z"><img src="images/infinite-rainstick.jpg" alt="Screenshot of Rainstick: Infinite rainstick sound generator. Endless calming rain percussion for relaxation, sleep, and focus — a free ambient noise alternative to Noisli and myNoise."><span>Rainstick</span><p>Infinite rainstick sound generator. Endless calming rain percussion for relaxation, sleep, and focus — a free ambient noise alternative to Noisli and myNoise.</p></a>
        <a href="theremin.html" class="machine-hydrate" data-cat="music" data-date="2025-07-08T00:05:07.098Z"><img src="images/theremin.jpg" alt="Screenshot of Theremin: Theremin simulator. Create haunting melodies by moving your mouse or finger — a digital recreation of the classic electronic instrument invented by Léon Theremin."><span>Theremin</span><p>Theremin simulator. Create haunting melodies by moving your mouse or finger — a digital recreation of the classic electronic instrument invented by Léon Theremin.</p></a>
        <a href="synesthesia.html" class="machine-hydrate" data-cat="music" data-date="2025-07-23T00:23:49.319Z"><img src="images/synesthesia.jpg" alt="Screenshot of Synesthesia: Audiovisual art creator. Generate combinations of sound and color by clicking and typing — explore synesthetic experiences where visual and audio merge."><span>Synesthesia</span><p>Audiovisual art creator. Generate combinations of sound and color by clicking and typing — explore synesthetic experiences where visual and audio merge.</p></a>
        <a href="keystroke-capers.html" class="machine-hydrate" data-cat="music" data-date="2025-07-23T00:27:19.030Z"><img src="images/keystroke-capers.jpg" alt="Screenshot of Capers: Typing sound and visual effects toy. Every keystroke triggers unique animations and audio — a sensory keyboard experience for ASMR and creative typing enthusiasts."><span>Capers</span><p>Typing sound and visual effects toy. Every keystroke triggers unique animations and audio — a sensory keyboard experience for ASMR and creative typing enthusiasts.</p></a>
        <a href="simon-says.html" class="machine-hydrate" data-cat="games" data-date="2025-09-25T01:31:10.829Z"><img src="images/simon-says.jpg" alt="Screenshot of Simon Says: Simon memory game with color and tone sequences. Follow the pattern, test your recall — a faithful recreation of the classic Milton Bradley electronic game."><span>Simon Says</span><p>Simon memory game with color and tone sequences. Follow the pattern, test your recall — a faithful recreation of the classic Milton Bradley electronic game.</p></a>
        <a href="gridrunner.html" class="machine-hydrate" data-cat="worlds" data-date="2026-03-15T22:52:28Z"><img src="images/gridrunner.jpg" alt="Screenshot of GridRunner: Infinite procedural terrain through a CRT monitor. Synthwave wireframe landscape generator — a retro aesthetic tribute to Tron and 1980s vector graphics."><span>GridRunner</span><p>Infinite procedural terrain through a CRT monitor. Synthwave wireframe landscape generator — a retro aesthetic tribute to Tron and 1980s vector graphics.</p></a>
        <a href="retro-beatbox.html" class="machine-hydrate" data-cat="music" data-date="2025-10-12T18:47:00.118Z"><img src="images/retro-beatbox.jpg" alt="Screenshot of Beatbox: 16-step drum machine and beat sequencer. Create beats with classic drum kit sounds — a free alternative to the Roland TR-808 and online beat makers like Drumbit."><span>Beatbox</span><p>16-step drum machine and beat sequencer. Create beats with classic drum kit sounds — a free alternative to the Roland TR-808 and online beat makers like Drumbit.</p></a>
        <a href="midi-mixer.html" class="machine-hydrate" data-cat="music" data-date="2026-01-13T03:57:42.115Z"><img src="images/midi-mixer.jpg" alt="Screenshot of MIDI Mixer: Generative MIDI synthesizer studio. Create evolving compositions with an interactive synth engine — a free alternative to Chrome Music Lab and Ableton Note."><span>MIDI Mixer</span><p>Generative MIDI synthesizer studio. Create evolving compositions with an interactive synth engine — a free alternative to Chrome Music Lab and Ableton Note.</p></a>
        <a href="livebeat.html" class="machine-hydrate" data-cat="music" data-date="2026-02-09T01:25:21.627Z"><img src="images/livebeat.jpg" alt="Screenshot of LiveBeat: Text-to-music live coding tool. Write simple code to generate songs and beats — a creative music coding environment inspired by Sonic Pi and TidalCycles."><span>LiveBeat</span><p>Text-to-music live coding tool. Write simple code to generate songs and beats — a creative music coding environment inspired by Sonic Pi and TidalCycles.</p></a>
        <a href="voice-keyboard.html" class="machine-hydrate" data-cat="music" data-date="2026-02-27T04:40:41.520Z"><img src="images/voice-keyboard.jpg" alt="Screenshot of Voice Keyboard: Voice sampler and synthesizer. Record your voice and play it on a keyboard with ABC notation sequencing — create vocal music and sample-based compositions."><span>Voice Keyboard</span><p>Voice sampler and synthesizer. Record your voice and play it on a keyboard with ABC notation sequencing — create vocal music and sample-based compositions.</p></a>
        <a href="tone-shelf.html" class="machine-hydrate" data-cat="music" data-date="2026-03-15T23:10:07Z"><img src="images/tone-shelf.jpg" alt="Screenshot of Tone Shelf: Brown, white, and pink noise generator with rain, ocean, wind, and fire. Mix 10 ambient channels — a free alternative to Noisli, myNoise, and A Soft Murmur."><span>Tone Shelf</span><p>Brown, white, and pink noise generator with rain, ocean, wind, and fire. Mix 10 ambient channels — a free alternative to Noisli, myNoise, and A Soft Murmur.</p></a>
        <a href="turntable-zikka.html" class="machine-hydrate" data-cat="music" data-date="2026-03-15T23:13:23Z"><img src="images/turntable-zikka.jpg" alt="Screenshot of Turntable Zikka: Hyperrealistic DJ turntable simulator. Scratch vinyl, mix beats, and feel the nightclub — a free alternative to real decks and DJ apps like djay."><span>Turntable Zikka</span><p>Hyperrealistic DJ turntable simulator. Scratch vinyl, mix beats, and feel the nightclub — a free alternative to real decks and DJ apps like djay.</p></a>
        <a href="single-line-font-maker.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-17T00:37:08Z"><img src="images/single-line-font-maker.jpg" alt="Screenshot of Single Line Font Maker: Single line font converter for Cricut, Silhouette, laser engraving, and pen plotters. Drop any font file, get clean single-stroke SVG paths and installable OTF."><span>Single Line Font Maker</span><p>Single line font converter for Cricut, Silhouette, laser engraving, and pen plotters. Drop any font file, get clean single-stroke SVG paths and installable OTF.</p></a>
        <a href="letter-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-17T23:06:33Z"><img src="images/letter-crafter.jpg" alt="Screenshot of LetterCrafter: Design professional letterheads for your business. Add your logo, use your own handwriting font, and download print-ready PDFs."><span>LetterCrafter</span><p>Design professional letterheads for your business. Add your logo, use your own handwriting font, and download print-ready PDFs.</p></a>
        <a href="quote-crafter.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-17T23:07:03Z"><img src="images/quote-crafter.jpg" alt="Screenshot of QuoteCrafter: Create beautiful quote images for Instagram, Twitter, Facebook & more. Use your own handwriting font or pick from stylish defaults."><span>QuoteCrafter</span><p>Create beautiful quote images for Instagram, Twitter, Facebook & more. Use your own handwriting font or pick from stylish defaults.</p></a>
        <a href="certificate-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-17T23:07:59Z"><img src="images/certificate-crafter.jpg" alt="Screenshot of CertificateCrafter: Certificate, diploma, and award maker with ornate borders, gold seals, batch name generation, and custom font support — a free Canva certificate alternative."><span>CertificateCrafter</span><p>Certificate, diploma, and award maker with ornate borders, gold seals, batch name generation, and custom font support — a free Canva certificate alternative.</p></a>
        <a href="air-hockey.html" class="machine-hydrate" data-cat="games" data-date="2026-03-17T23:13:37Z"><img src="images/air-hockey.jpg" alt="Screenshot of Air Hockey: Air hockey table simulator with 3D physics, skeuomorphic neon-lit table, and adjustable CPU opponent — arcade sports game alternative to real tabletop play."><span>Air Hockey</span><p>Air hockey table simulator with 3D physics, skeuomorphic neon-lit table, and adjustable CPU opponent — arcade sports game alternative to real tabletop play.</p></a>
        <a href="font-hatch.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-18T04:02:02Z"><img src="images/font-hatch.jpg" alt="Screenshot of Font Hatch: Hatch fill font tool for laser engraving, CNC routing, and pen plotters. Drop any font, type text, get vector-scored SVG paths — replaces slow raster engraving."><span>Font Hatch</span><p>Hatch fill font tool for laser engraving, CNC routing, and pen plotters. Drop any font, type text, get vector-scored SVG paths — replaces slow raster engraving.</p></a>
        <a href="card-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-18T22:45:02Z"><img src="images/card-crafter.jpg" alt="Screenshot of CardCrafter: Design professional business cards with vCard QR codes, 16+ fonts, 15 drag-to-position layouts, and print-ready 10-up PDF sheets."><span>CardCrafter</span><p>Design professional business cards with vCard QR codes, 16+ fonts, 15 drag-to-position layouts, and print-ready 10-up PDF sheets.</p></a>
        <a href="handprint.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-19T03:10:37Z"><img src="images/handprint.jpg" alt="Screenshot of HandPrint: Makers: turn your handwriting font into 3D printed nameplates, keychains, coasters, gift tags, garden stakes, cake toppers, etc. Exports 3MF files for your slicer."><span>HandPrint</span><p>Makers: turn your handwriting font into 3D printed nameplates, keychains, coasters, gift tags, garden stakes, cake toppers, etc. Exports 3MF files for your slicer.</p></a>
        <a href="greeting-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-19T05:05:26Z"><img src="images/greeting-crafter.jpg" alt="Screenshot of GreetingCrafter: Greeting card maker with fold-and-print templates, occasion presets, and custom fonts — Hallmark alternative for handmade cards."><span>GreetingCrafter</span><p>Greeting card maker with fold-and-print templates, occasion presets, and custom fonts — Hallmark alternative for handmade cards.</p></a>
        <a href="wedding-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-20T03:13:11Z"><img src="images/wedding-crafter.jpg" alt="Screenshot of WeddingCrafter: Wedding invitation suite maker with RSVP QR code, details card, and printable PDF export. Use your own handwriting font — a free Canva and Paperless Post alternative."><span>WeddingCrafter</span><p>Wedding invitation suite maker with RSVP QR code, details card, and printable PDF export. Use your own handwriting font — a free Canva and Paperless Post alternative.</p></a>
        <a href="lavender-meadow.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-20T04:36:31Z"><img src="images/lavender-meadow.jpg" alt="Screenshot of Lavender Meadow: Raymarched lavender meadow with budded flower whorls, organic stems, and basal leaf rosettes. Drift through Provence at eye level (and save 4K wallpapers)."><span>Lavender Meadow</span><p>Raymarched lavender meadow with budded flower whorls, organic stems, and basal leaf rosettes. Drift through Provence at eye level (and save 4K wallpapers).</p></a>
        <a href="label-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-20T17:51:26Z"><img src="images/label-crafter.jpg" alt="Screenshot of LabelCrafter: Design and print labels for 18 Avery sheet sizes — address, shipping, round, square, name badge. Custom fonts supported!"><span>LabelCrafter</span><p>Design and print labels for 18 Avery sheet sizes — address, shipping, round, square, name badge. Custom fonts supported!</p></a>
        <a href="envelope-crafter.html" class="machine-hydrate" data-cat="makers" data-date="2026-03-21T00:07:52Z"><img src="images/envelope-crafter.jpg" alt="Screenshot of EnvelopeCrafter: Free envelope printer with 20 sizes (#10, A7, 9×12, DL and more), batch printing, address book, handwriting fonts, QR codes — print envelopes at home."><span>EnvelopeCrafter</span><p>Free envelope printer with 20 sizes (#10, A7, 9×12, DL and more), batch printing, address book, handwriting fonts, QR codes — print envelopes at home.</p></a>
        <a href="party-platter.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-21T00:52:55Z"><img src="images/party-platter.jpg" alt="Screenshot of Party Platter: Group preference voting and order calculator for parties — guests tap their choice for food, drinks, or anything else. Live tally, portion math."><span>Party Platter</span><p>Group preference voting and order calculator for parties — guests tap their choice for food, drinks, or anything else. Live tally, portion math.</p></a>
        <a href="audio-trimmer.html" class="machine-hydrate" data-cat="media" data-date="2026-03-21T04:05:17Z"><img src="images/audio-trimmer.jpg" alt="Screenshot of Audio Trimmer: Audio trimmer, MP3 cutter & format converter with waveform zoom, fade effects, volume normalize, loop playback. Client-side — Audacity & mp3cut alternative."><span>Audio Trimmer</span><p>Audio trimmer, MP3 cutter & format converter with waveform zoom, fade effects, volume normalize, loop playback. Client-side — Audacity & mp3cut alternative.</p></a>
        <a href="signoff.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-21T05:21:22Z"><img src="images/signoff.jpg" alt="Screenshot of SignOff: Email signature generator with headshot, logo, QR vCard, social links, and CTA button — free WiseStamp and HubSpot alternative for Gmail, Outlook, Apple Mail."><span>SignOff</span><p>Email signature generator with headshot, logo, QR vCard, social links, and CTA button — free WiseStamp and HubSpot alternative for Gmail, Outlook, Apple Mail.</p></a>
        <a href="meme-o-matic.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-21T05:46:03Z"><img src="images/meme-o-matic.jpg" alt="Screenshot of Meme-O-Matic: Meme generator with draggable text, word wrap, custom fonts, and clean PNG export — no watermark, no account. Imgflip & Kapwing alternative."><span>Meme-O-Matic</span><p>Meme generator with draggable text, word wrap, custom fonts, and clean PNG export — no watermark, no account. Imgflip & Kapwing alternative.</p></a>
        <a href="handwriting-fontalizer.html" class="machine-hydrate" data-cat="studio" data-date="2026-03-21T07:57:22Z"><img src="images/handwriting-fontalizer.jpg" alt="Screenshot of Handwriting Fontalizer: Handwriting-to-font photo converter — snap a picture of your handwriting and create a FontCrafter-compatible template. No printed grid required."><span>Handwriting Fontalizer</span><p>Handwriting-to-font photo converter — snap a picture of your handwriting and create a FontCrafter-compatible template. No printed grid required.</p></a>
        <a href="instant-snap.html" class="machine-hydrate" data-cat="retro" data-date="2026-03-23T20:30:32Z"><img src="images/instant-snap.jpg" alt="Screenshot of Instant Snap: Instant film camera sim! Take photos with this skeuomorphic web camera, watch them develop like real instant film on your virtual desk. Retro photo booth alternative."><span>Instant Snap</span><p>Instant film camera sim! Take photos with this skeuomorphic web camera, watch them develop like real instant film on your virtual desk. Retro photo booth alternative.</p></a>
        <a href="brickgen.html" class="machine-hydrate" data-cat="ambient" data-date="2026-03-26T21:41:52Z"><img src="images/brickgen.jpg" alt="Screenshot of BrickGen: &quot;LEGO&quot; 3D generative brick art toy — mandalas, spiral towers, cityscapes (or whatever) built from interlocking bricks. Relaxing creative builder in your browser."><span>BrickGen</span><p>"LEGO" 3D generative brick art toy — mandalas, spiral towers, cityscapes (or whatever) built from interlocking bricks. Relaxing creative builder in your browser.</p></a>
        <a href="momentminer.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-31T03:10:29Z"><img src="images/momentminer.jpg" alt="Screenshot of MomentMiner: AI clip finder for YouTube videos — paste a transcript, get timestamped moments with ready-to-post social copy for X, LinkedIn, TikTok, Reels, and Shorts."><span>MomentMiner</span><p>AI clip finder for YouTube videos — paste a transcript, get timestamped moments with ready-to-post social copy for X, LinkedIn, TikTok, Reels, and Shorts.</p></a>
        <a href="convertacle.html" class="machine-hydrate" data-cat="media" data-date="2026-03-31T07:15:53Z"><img src="images/convertacle.jpg" alt="Screenshot of Convertacle: Image converter for HEIC, PSD, SVG, JPG, PNG, WebP, TIFF, PDF, ICO, QOI — batch processing, multi-page PDF, EXIF viewer, resize, rotate & flip. Better than others!"><span>Convertacle</span><p>Image converter for HEIC, PSD, SVG, JPG, PNG, WebP, TIFF, PDF, ICO, QOI — batch processing, multi-page PDF, EXIF viewer, resize, rotate & flip. Better than others!</p></a>
        <a href="social-markdown.html" class="machine-hydrate" data-cat="tools" data-date="2026-03-31T20:58:16Z"><img src="images/social-markdown.jpg" alt="Screenshot of SocialMarkdown: Free markdown to social media converter — LinkedIn Unicode bold/italic, X thread splitter, Threads, Mastodon, Bluesky, Reddit, Slack, Discord. Post and Article modes."><span>SocialMarkdown</span><p>Free markdown to social media converter — LinkedIn Unicode bold/italic, X thread splitter, Threads, Mastodon, Bluesky, Reddit, Slack, Discord. Post and Article modes.</p></a>
        <a href="movable-type.html" class="machine-hydrate" data-cat="studio" data-date="2026-04-01T06:33:16Z"><img src="images/movable-type.jpg" alt="Screenshot of Movable Type: Free kinetic typography playground with 15 modes — explode, scatter, tornado, and more. Upload custom fonts. Play with your words!"><span>Movable Type</span><p>Free kinetic typography playground with 15 modes — explode, scatter, tornado, and more. Upload custom fonts. Play with your words!</p></a>
        <a href="depth-window.html" class="machine-hydrate" data-cat="generative" data-date="2026-04-04T06:17:41Z"><img src="images/depth-window.jpg" alt="Screenshot of Depth Window: Off-axis projection with webcam head tracking — your screen becomes a window into 3D. Drop STL, OBJ, or 3MF models for head-tracked perspective viewing."><span>Depth Window</span><p>Off-axis projection with webcam head tracking — your screen becomes a window into 3D. Drop STL, OBJ, or 3MF models for head-tracked perspective viewing.</p></a>
        <a href="pensend.html" class="machine-hydrate" data-cat="studio" data-date="2026-04-06T07:28:18Z"><img src="images/pensend.jpg" alt="Screenshot of PenSend: Handwriting font message maker — load your font, type a message, style it with colors and backgrounds, export as PNG. Make your digital messages more personal!"><span>PenSend</span><p>Handwriting font message maker — load your font, type a message, style it with colors and backgrounds, export as PNG. Make your digital messages more personal!</p></a>
        <a href="resume-analyzer.html" class="machine-hydrate" data-cat="tools" data-date="2026-04-08T02:12:12Z"><img src="images/resume-analyzer.jpg" alt="Screenshot of Resume Analyzer: Resume gap analyzer with ATS sim, keyword matching, and skill-gap detection. Upload your CV and a job description for an honest assessment. Free Jobscan alternative."><span>Resume Analyzer</span><p>Resume gap analyzer with ATS sim, keyword matching, and skill-gap detection. Upload your CV and a job description for an honest assessment. Free Jobscan alternative.</p></a>
        <a href="dear-applicant.html" class="machine-hydrate" data-cat="tools" data-date="2026-04-10T01:50:24Z"><img src="images/dear-applicant.jpg" alt="Screenshot of Dear Applicant: Pre-rejection letter generator for job seekers. Write your own rejection letter, attach it with your resume, and save hiring managers the effort. Good luck!"><span>Dear Applicant</span><p>Pre-rejection letter generator for job seekers. Write your own rejection letter, attach it with your resume, and save hiring managers the effort. Good luck!</p></a>
        <a href="dial-up.html" class="machine-hydrate" data-cat="retro" data-date="2026-04-12T05:09:01Z"><img src="images/dial-up.jpg" alt="Screenshot of Dial-Up: Rotary phone simulator with T9 multi-tap, modem handshake sounds, and a skeuomorphic bakelite dial. Type URLs or phone numbers the hard way."><span>Dial-Up</span><p>Rotary phone simulator with T9 multi-tap, modem handshake sounds, and a skeuomorphic bakelite dial. Type URLs or phone numbers the hard way.</p></a>
        <a href="stringshot.html" class="machine-hydrate" data-cat="studio" data-date="2026-04-16T02:03:20Z"><img src="images/stringshot.jpg" alt="Screenshot of Stringshot: Convert any photo into string art with original photo colors — circle, heart, square, polygon, or ellipse frames. Export pin-sequence TXT, printable nailing template."><span>Stringshot</span><p>Convert any photo into string art with original photo colors — circle, heart, square, polygon, or ellipse frames. Export pin-sequence TXT, printable nailing template.</p></a>
        <a href="mp4ever.html" class="machine-hydrate" data-cat="media" data-date="2026-04-17T01:13:29Z"><img src="images/mp4ever.jpg" alt="Screenshot of MP4ever: Convert WebM, MKV, MOV, AVI, HEIC, and more into H.264 MP4 — the format every editor, platform accepts. Free alternative to CloudConvert or HandBrake."><span>MP4ever</span><p>Convert WebM, MKV, MOV, AVI, HEIC, and more into H.264 MP4 — the format every editor, platform accepts. Free alternative to CloudConvert or HandBrake.</p></a>
        <a href="isogrid.html" class="machine-hydrate" data-cat="studio" data-date="2026-04-17T01:57:28Z"><img src="images/isogrid.jpg" alt="Screenshot of Isogrid: Free isometric motif editor and Wang-tile pattern generator. Design cube motifs, compose grids, export SVG for plotters or PNG for social."><span>Isogrid</span><p>Free isometric motif editor and Wang-tile pattern generator. Design cube motifs, compose grids, export SVG for plotters or PNG for social.</p></a>
        <a href="pixel-peep.html" class="machine-hydrate" data-cat="tools" data-date="2026-04-17T05:22:32Z"><img src="images/pixel-peep.jpg" alt="Screenshot of PixelPeep: Compare photos from different phones. Auto-sorted by EXIF, seen side-by-side at 100% with synced zoom, slider, and toggle views. Export your session in video."><span>PixelPeep</span><p>Compare photos from different phones. Auto-sorted by EXIF, seen side-by-side at 100% with synced zoom, slider, and toggle views. Export your session in video.</p></a>
        <a href="hueday.html" class="machine-hydrate" data-cat="tools" data-date="2026-04-22T05:05:41Z"><img src="images/hueday.jpg" alt="Screenshot of Hueday: Birthday color generator that gives every date — year included — its own deterministic hue, codes, palette, and share card. Happy Hueday!"><span>Hueday</span><p>Birthday color generator that gives every date — year included — its own deterministic hue, codes, palette, and share card. Happy Hueday!</p></a>
        <a href="vibe-brief.html" class="machine-hydrate" data-cat="tools" data-date="2026-04-28T21:22:25Z"><img src="images/vibe-brief.jpg" alt="Screenshot of Vibe Brief: A free worksheet that turns a vague app idea into a paste-ready prompt for AI tools. Forces problem-first thinking and ruthless MVP scope so you ship instead of spin."><span>Vibe Brief</span><p>A free worksheet that turns a vague app idea into a paste-ready prompt for AI tools. Forces problem-first thinking and ruthless MVP scope so you ship instead of spin.</p></a>
        <a href="tileloom.html" class="machine-hydrate" data-cat="makers" data-date="2026-04-29T02:14:57Z"><img src="images/tileloom.jpg" alt="Screenshot of TileLoom: Sculpt seamless 3D-printable tiles and matching frames. Free parametric tile generator, Frank Lloyd Wright blocks, tessellation patterns — exports one 3MF."><span>TileLoom</span><p>Sculpt seamless 3D-printable tiles and matching frames. Free parametric tile generator, Frank Lloyd Wright blocks, tessellation patterns — exports one 3MF.</p></a>
        <a href="hopf-skip.html" class="machine-hydrate" data-cat="worlds" data-date="2026-05-01T21:12:05Z"><img src="images/hopf-skip.jpg" alt="Screenshot of Hopf Skip: Explore the Hopf fibration in your browser. 12 topology presets, generative color harmony, ribbon/tube fibers. It's a 4D-to-3D math art playground."><span>Hopf Skip</span><p>Explore the Hopf fibration in your browser. 12 topology presets, generative color harmony, ribbon/tube fibers. It's a 4D-to-3D math art playground.</p></a>
        <a href="typhoria.html" class="machine-hydrate" data-cat="studio" data-date="2026-05-08T04:29:05Z"><img src="images/typhoria.jpg" alt="Screenshot of Typhoria: Euphoria? Type? Yes! 3D kinetic type generator with 40 modes — sphere, helix, mobius, vortex. Various fonts, image and video export. Space Type alternative."><span>Typhoria</span><p>Euphoria? Type? Yes! 3D kinetic type generator with 40 modes — sphere, helix, mobius, vortex. Various fonts, image and video export. Space Type alternative.</p></a>
        <a href="page-turner.html" class="machine-hydrate" data-cat="tools" data-date="2026-05-10T21:57:57Z"><img src="images/page-turner.jpg" alt="Screenshot of Page Turner: Read ePub & PDF ebooks as &quot;real&quot; 3D books with Euler Elastica page-turn physics. Dial paper stiffness, fonts, etc. Free alt to DearFlip and FlipBuilder."><span>Page Turner</span><p>Read ePub & PDF ebooks as "real" 3D books with Euler Elastica page-turn physics. Dial paper stiffness, fonts, etc. Free alt to DearFlip and FlipBuilder.</p></a>
        <a href="wooly-willy.html" class="machine-hydrate" data-cat="retro" data-date="2026-05-11T04:35:31Z"><img src="images/wooly-willy.jpg" alt="Screenshot of Wooly Willy: The classic 1955 magnetic drawing toy reimagined in your browser, with real iron-filing physics. Draw hair, beards, eyebrows. Upload any face. Save and share."><span>Wooly Willy</span><p>The classic 1955 magnetic drawing toy reimagined in your browser, with real iron-filing physics. Draw hair, beards, eyebrows. Upload any face. Save and share.</p></a>
        <a href="signal-flare.html" class="machine-hydrate" data-cat="tools" data-date="2026-05-15T00:01:13Z"><img src="images/signal-flare.jpg" alt="Screenshot of Signal Flare: Stuck in support loops after a hijack, ban, or lockout? Signal Flare helps you organize what happened, set realistic expectations, and prepare docs to escalate."><span>Signal Flare</span><p>Stuck in support loops after a hijack, ban, or lockout? Signal Flare helps you organize what happened, set realistic expectations, and prepare docs to escalate.</p></a>
        <a href="conjurelang.html" class="machine-hydrate" data-cat="tools" data-date="2026-05-18T23:03:28Z"><img src="images/conjurelang.jpg" alt="Screenshot of Conjurelang: Conjurelang invents complete fantasy languages with grammar, vocabulary, and morphology. Free alternative to Vulgar — no signup, no limits. Use plain English to make."><span>Conjurelang</span><p>Conjurelang invents complete fantasy languages with grammar, vocabulary, and morphology. Free alternative to Vulgar — no signup, no limits. Use plain English to make.</p></a>
        <a href="driftopolis.html" class="machine-hydrate" data-cat="ambient" data-date="2026-05-20T02:06:00Z"><img src="images/driftopolis.jpg" alt="Screenshot of Driftopolis: Procedural 3D city visualizer and ambient screensaver. Generative skyline with panning controls. It's like your very own Pixel City that never sleeps."><span>Driftopolis</span><p>Procedural 3D city visualizer and ambient screensaver. Generative skyline with panning controls. It's like your very own Pixel City that never sleeps.</p></a>
        <a href="profile-studio.html" class="machine-hydrate" data-cat="tools" data-date="2026-05-26T17:22:00Z"><img src="images/profile-studio.jpg" alt="Screenshot of Profile Studio: Social media image / profile picture editor for LinkedIn, Instagram, X, Facebook, YouTube, TikTok, Bluesky, Threads,  Pinterest, et al. Batch download. Easy, fast."><span>Profile Studio</span><p>Social media image / profile picture editor for LinkedIn, Instagram, X, Facebook, YouTube, TikTok, Bluesky, Threads,  Pinterest, et al. Batch download. Easy, fast.</p></a>
        <a href="skill-cartridge.html" class="machine-hydrate" data-cat="tools" data-date="2026-05-31T13:49:57Z"><img src="images/skill-cartridge.jpg" alt="Screenshot of Skill Cartridge: Embed a Claude or agent skill in a lossless PNG to save or share with others - or use the app to &quot;load&quot; a cartridge to extract its data. More visual!"><span>Skill Cartridge</span><p>Embed a Claude or agent skill in a lossless PNG to save or share with others - or use the app to "load" a cartridge to extract its data. More visual!</p></a>
        <a href="coffee-counter.html" class="machine-hydrate" data-cat="tools" data-date="2026-05-31T14:18:31Z"><img src="images/coffee-counter.jpg" alt="Screenshot of Coffee Counter: Coffee drink finder and visual menu — answer 6 quick questions and get matched to one of 55 espresso, iced, and cold brew drinks, and how to best order it."><span>Coffee Counter</span><p>Coffee drink finder and visual menu — answer 6 quick questions and get matched to one of 55 espresso, iced, and cold brew drinks, and how to best order it.</p></a>
        <a href="force-finder.html" class="machine-hydrate" data-cat="tools" data-date="2026-06-03T18:26:42Z"><img src="images/force-finder.jpg" alt="Screenshot of Force Finder: Not sure where to start with Star Wars? Force Finder plots your perfect entry point — where to begin, the right film order, what to experience tonight, etc."><span>Force Finder</span><p>Not sure where to start with Star Wars? Force Finder plots your perfect entry point — where to begin, the right film order, what to experience tonight, etc.</p></a>
        <a href="markdown-galley.html" class="machine-hydrate" data-cat="media" data-date="2026-06-04T03:39:04Z"><img src="images/markdown-galley.jpg" alt="Screenshot of Markdown Galley: Markdown to PDF converter with a library of document styles, live preview, and crisp print-ready output. Paste or drop a .md file and export a clean, selectable PDF."><span>Markdown Galley</span><p>Markdown to PDF converter with a library of document styles, live preview, and crisp print-ready output. Paste or drop a .md file and export a clean, selectable PDF.</p></a>
        <a href="maze-maker.html" class="machine-hydrate" data-cat="games" data-date="2026-06-07T04:26:37Z"><img src="images/maze-maker.jpg" alt="Screenshot of Maze Maker: Free printable maze generator — grid, hex, triangle, circular, or shaped from a photo or emoji. Solve, then export to PDF, PNG, or SVG with an answer key."><span>Maze Maker</span><p>Free printable maze generator — grid, hex, triangle, circular, or shaped from a photo or emoji. Solve, then export to PDF, PNG, or SVG with an answer key.</p></a>
        <a href="spool-story.html" class="machine-hydrate" data-cat="makers" data-date="2026-06-08T07:38:32Z"><img src="images/spool-story.jpg" alt="Screenshot of Spool Story: Spool Story is a 3D printing filament calculator: drop an STL or 3MF to see filament grams, length, cost, and how much of your spool one print uses."><span>Spool Story</span><p>Spool Story is a 3D printing filament calculator: drop an STL or 3MF to see filament grams, length, cost, and how much of your spool one print uses.</p></a>
        <a href="sportsball-stupid.html" class="machine-hydrate" data-cat="tools" data-date="2026-06-13T01:54:39Z"><img src="images/sportsball-stupid.jpg" alt="Screenshot of Sportsball Stupid: The sports game last night explained for people who don't watch sports. The score, the star, the big moment, and lines to say at work. NFL, NBA, MLB, NHL, soccer."><span>Sportsball Stupid</span><p>The sports game last night explained for people who don't watch sports. The score, the star, the big moment, and lines to say at work. NFL, NBA, MLB, NHL, soccer.</p></a>
        <a href="oilwheel.html" class="machine-hydrate" data-cat="worlds" data-date="2026-06-16T04:37:42Z"><img src="images/oilwheel.jpg" alt="Screenshot of Oilwheel: Liquid light show simulator — a real-time fluid painting, with glowing bloom, oil-projection palettes, presets, custom palettes, media exports to save and share."><span>Oilwheel</span><p>Liquid light show simulator — a real-time fluid painting, with glowing bloom, oil-projection palettes, presets, custom palettes, media exports to save and share.</p></a>
        <a href="looplift.html" class="machine-hydrate" data-cat="media" data-date="2026-06-17T23:19:50Z"><img src="images/looplift.jpg" alt="Screenshot of LoopLift: Turn iPhone Live Photos &amp; Android Motion Photos into a GIF, MP4, or WebP. Trim, boomerang, reverse, fit under a size limit. Free, no upload, no watermark."><span>LoopLift</span><p>Turn iPhone Live Photos &amp; Android Motion Photos into a GIF, MP4, or WebP. Trim, boomerang, reverse, fit under a size limit. Free, no upload, no watermark.</p></a>
        <a href="van-go.html" class="machine-hydrate" data-cat="studio" data-date="2026-06-18T18:10:50Z"><img src="images/van-go.jpg" alt="Screenshot of Van Go: Here's painterly landscape generator — shape swirling Van Gogh-style skies, water, and hills. Every time you refresh the page, it's a different work of art."><span>Van Go</span><p>Here's painterly landscape generator — shape swirling Van Gogh-style skies, water, and hills. Every time you refresh the page, it's a different work of art.</p></a>
        <a href="gullywash.html" class="machine-hydrate" data-cat="generative" data-date="2026-06-20T19:15:31Z"><img src="images/gullywash.jpg" alt="Screenshot of Gullywash: Make your own island! Watch an erosion filter carve gullies and river drainage in real time, then export a heightmap PNG, 4K render, or 3D-printable STL. For kicks."><span>Gullywash</span><p>Make your own island! Watch an erosion filter carve gullies and river drainage in real time, then export a heightmap PNG, 4K render, or 3D-printable STL. For kicks.</p></a>
        <a href="media-convertifly.html" class="machine-hydrate" data-cat="media" data-date="2026-06-21T01:21:49Z"><img src="images/media-convertifly.jpg" alt="Screenshot of Media Convertifly: Convert 200+ video, audio and image file formats by typing what you want. FFmpeg runs locally in your browser — no upload, no AI, no account. Easy, fast, informative!"><span>Media Convertifly</span><p>Convert 200+ video, audio and image file formats by typing what you want. FFmpeg runs locally in your browser — no upload, no AI, no account. Easy, fast, informative!</p></a>
        <a href="metro-gnome.html" class="machine-hydrate" data-cat="music" data-date="2026-06-21T05:31:57Z"><img src="images/metro-gnome.jpg" alt="Screenshot of Metro Gnome: Digital metronome with adjustable BPM, time signatures, subdivisions, per-beat accents, tap-to-set tempo, and a practice timer — kept by an animated &quot;metro gnome!&quot;"><span>Metro Gnome</span><p>Digital metronome with adjustable BPM, time signatures, subdivisions, per-beat accents, tap-to-set tempo, and a practice timer — kept by an animated "metro gnome!"</p></a>
        <a href="gif-boy.html" class="machine-hydrate" data-cat="media" data-date="2026-06-23T23:53:52Z"><img src="images/gif-boy.jpg" alt="Screenshot of GIF BOY: Animated GIF camera with a &quot;Nintendo Game Boy&quot; inspired look — record with filters, captions, stickers. Free alternative to Giphy Cam. Now you're animating with power!"><span>GIF BOY</span><p>Animated GIF camera with a "Nintendo Game Boy" inspired look — record with filters, captions, stickers. Free alternative to Giphy Cam. Now you're animating with power!</p></a>
        <a href="gif-strips.html" class="machine-hydrate" data-cat="media" data-date="2026-06-24T06:20:26Z"><img src="images/gif-strips.jpg" alt="Screenshot of GIF Strips: Animated GIF photo booth & photo strip maker. Your cam shoots looping panels you can filter, caption, and sticker, then export as GIF, MP4, or PNG. No mall required!"><span>GIF Strips</span><p>Animated GIF photo booth & photo strip maker. Your cam shoots looping panels you can filter, caption, and sticker, then export as GIF, MP4, or PNG. No mall required!</p></a>
        <a href="aetheric-gears.html" class="machine-hydrate" data-cat="generative" data-date="2026-06-24T16:13:57Z"><img src="images/aetheric-gears.jpg" alt="Screenshot of Aetheric Gears: Procedural steampunk gear machine that animates endless interlocking brass gear trains — a clockwork art generator with an optional parallax pipes background."><span>Aetheric Gears</span><p>Procedural steampunk gear machine that animates endless interlocking brass gear trains — a clockwork art generator with an optional parallax pipes background.</p></a>
        <a href="thin-ice.html" class="machine-hydrate" data-cat="games" data-date="2026-06-28T22:51:24Z"><img src="images/thin-ice.jpg" alt="Screenshot of Thin Ice: &quot;Don't Break the Ice?&quot; Okay. Here's a 3D ice-block tapping game — knock out the frozen blocks one by one without dropping the penguin. Be cool!"><span>Thin Ice</span><p>"Don't Break the Ice?" Okay. Here's a 3D ice-block tapping game — knock out the frozen blocks one by one without dropping the penguin. Be cool!</p></a>
        <a href="ice-wheels.html" class="machine-hydrate" data-cat="games" data-date="2026-06-30T15:27:09Z"><img src="images/ice-wheels.jpg" alt="Screenshot of Ice Wheels: Drift and do donuts in a snowy 3D parking lot. Switch FWD, RWD, and AWD, carve tire tracks, and knock cones over for points. Every day is a snow day!"><span>Ice Wheels</span><p>Drift and do donuts in a snowy 3D parking lot. Switch FWD, RWD, and AWD, carve tire tracks, and knock cones over for points. Every day is a snow day!</p></a>
        <a href="gif-grab.html" class="machine-hydrate" data-cat="media" data-date="2026-06-30T20:13:01Z"><img src="images/gif-grab.jpg" alt="Screenshot of GIF Grab: Screen record a tab, window, or webcam, or drop in a video, then trim, caption, and size-cap it - export as GIF or MP4. Private, on-device. Get the Chrome extension!"><span>GIF Grab</span><p>Screen record a tab, window, or webcam, or drop in a video, then trim, caption, and size-cap it - export as GIF or MP4. Private, on-device. Get the Chrome extension!</p></a>
        <a href="snack-samurai.html" class="machine-hydrate" data-cat="games" data-date="2026-07-02T07:05:04Z"><img src="images/snack-samurai.jpg" alt="Screenshot of Snack Samurai: Free fruit slicing game with real 3D fruit, combos, criticals, bombs, special bananas, and Classic, Arcade &amp; Zen modes. Pure fun. Low calorie. Eat your veggies."><span>Snack Samurai</span><p>Free fruit slicing game with real 3D fruit, combos, criticals, bombs, special bananas, and Classic, Arcade &amp; Zen modes. Pure fun. Low calorie. Eat your veggies.</p></a>
        <a href="seattle-snarlcast.html" class="machine-hydrate" data-cat="tools" data-date="2026-07-02T19:54:54Z"><img src="images/seattle-snarlcast.jpg" alt="Screenshot of Seattle Snarlcast: Seattle traffic and crowd forecast built on live data. See what&rsquo;s driving congestion near your destination, whether to go, and when. Save your fave commutes!"><span>Seattle Snarlcast</span><p>Seattle traffic and crowd forecast built on live data. See what&rsquo;s driving congestion near your destination, whether to go, and when. Save your fave commutes!</p></a>
        <a href="koi-pond.html" class="machine-hydrate" data-cat="ambient" data-date="2026-07-03T02:35:43Z"><img src="images/koi-pond.jpg" alt="Screenshot of Koi Pond: Koi pond simulator with generative nishikigoi — tap to feed, ripples, caustics, lily pads, day-night light. Alternative to My Koi and Pocket Pond."><span>Koi Pond</span><p>Koi pond simulator with generative nishikigoi — tap to feed, ripples, caustics, lily pads, day-night light. Alternative to My Koi and Pocket Pond.</p></a>
        <a href="grand-finale.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-04T04:56:32Z"><img src="images/grand-finale.jpg" alt="Screenshot of Grand Finale: Free 3D fireworks sim that dances to your music or live mic. 43 real shell types, an orbit camera, holiday palettes, and MP4/GIF — a FWsim alternative."><span>Grand Finale</span><p>Free 3D fireworks sim that dances to your music or live mic. 43 real shell types, an orbit camera, holiday palettes, and MP4/GIF — a FWsim alternative.</p></a>
        <a href="newtons-cradle.html" class="machine-hydrate" data-cat="retro" data-date="2026-07-04T05:49:34Z"><img src="images/newtons-cradle.jpg" alt="Screenshot of Newton's Cradle: Free 3D Newton's cradle simulator — drag the balls, orbit the frame, change materials, gravity and lighting, plus pendulum-wave mode. Learn as you play. World's best!"><span>Newton's Cradle</span><p>Free 3D Newton's cradle simulator — drag the balls, orbit the frame, change materials, gravity and lighting, plus pendulum-wave mode. Learn as you play. World's best!</p></a>
        <a href="timbre-table.html" class="machine-hydrate" data-cat="music" data-date="2026-07-04T19:02:29Z"><img src="images/timbre-table.jpg" alt="Screenshot of Timbre Table: Nine tuned mallet instruments in your browser — xylophone, marimba, vibraphone, glockenspiel and more. Record a tune or just &quot;fiddle&quot; around. Play us a song..."><span>Timbre Table</span><p>Nine tuned mallet instruments in your browser — xylophone, marimba, vibraphone, glockenspiel and more. Record a tune or just "fiddle" around. Play us a song...</p></a>
        <a href="blockyard.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-04T20:42:59Z"><img src="images/blockyard.jpg" alt="Screenshot of Blockyard: A calming 3D wooden block sandbox with satisfying, ASMR-style wood clacks. Stack, fling, and topple real physics blocks. No score — just relax and play."><span>Blockyard</span><p>A calming 3D wooden block sandbox with satisfying, ASMR-style wood clacks. Stack, fling, and topple real physics blocks. No score — just relax and play.</p></a>
        <a href="grainery.html" class="machine-hydrate" data-cat="studio" data-date="2026-07-05T01:37:34Z"><img src="images/grainery.jpg" alt="Screenshot of Grainery: Grainery generates endless procedural wood-grain patterns — planks, herringbone parquet, end-grain butcher block and more — in real wood species, and exports images."><span>Grainery</span><p>Grainery generates endless procedural wood-grain patterns — planks, herringbone parquet, end-grain butcher block and more — in real wood species, and exports images.</p></a>
        <a href="night-curtains.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-09T19:22:24Z"><img src="images/night-curtains.jpg" alt="Screenshot of Night Curtains: Aurora borealis simulator and northern lights screensaver with KP storm control, procedural curtains, live substorms. Never loops. Works year-round from your location!"><span>Night Curtains</span><p>Aurora borealis simulator and northern lights screensaver with KP storm control, procedural curtains, live substorms. Never loops. Works year-round from your location!</p></a>
        <a href="retrowave-road.html" class="machine-hydrate" data-cat="retro" data-date="2026-07-10T00:24:22Z"><img src="images/retrowave-road.jpg" alt="Screenshot of Retrowave Road: Retrowave Road generates an endless synthwave highway — seeded neon worlds, a generative 80s soundtrack. Like, totally tubular. Awesome!"><span>Retrowave Road</span><p>Retrowave Road generates an endless synthwave highway — seeded neon worlds, a generative 80s soundtrack. Like, totally tubular. Awesome!</p></a>
        <a href="harmonia.html" class="machine-hydrate" data-cat="music" data-date="2026-07-10T02:11:16Z"><img src="images/harmonia.jpg" alt="Screenshot of Harmonia: Interactive circle of fifths that plays real four-part voice leading. Find the diatonic chords in any key, explore all seven modes, build progressions you can hear."><span>Harmonia</span><p>Interactive circle of fifths that plays real four-part voice leading. Find the diatonic chords in any key, explore all seven modes, build progressions you can hear.</p></a>
        <a href="mandala-muse.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-10T03:46:33Z"><img src="images/mandala-muse.jpg" alt="Screenshot of Mandala Muse: Mandala maker and symmetry drawing studio — kaleidoscope brushes, layers, sacred-geometry palettes, coloring-page features. A free alternative to Silk and Weavesilk."><span>Mandala Muse</span><p>Mandala maker and symmetry drawing studio — kaleidoscope brushes, layers, sacred-geometry palettes, coloring-page features. A free alternative to Silk and Weavesilk.</p></a>
        <a href="live-wire.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-10T16:26:21Z"><img src="images/live-wire.jpg" alt="Screenshot of Live Wire: Generative circuit-board animation with routed light pulses, parallax depth, and neon palettes — a living PCB screensaver and free live wallpaper for your screen."><span>Live Wire</span><p>Generative circuit-board animation with routed light pulses, parallax depth, and neon palettes — a living PCB screensaver and free live wallpaper for your screen.</p></a>
        <a href="stained-glass.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-10T17:07:39Z"><img src="images/stained-glass.jpg" alt="Screenshot of Stained Glass: Stained glass window generator with a real light engine: rose windows, Tiffany and Prairie panels, sun, caustics, export options. Use your own images, too. Holy sim!"><span>Stained Glass</span><p>Stained glass window generator with a real light engine: rose windows, Tiffany and Prairie panels, sun, caustics, export options. Use your own images, too. Holy sim!</p></a>
        <a href="tesselchet.html" class="machine-hydrate" data-cat="makers" data-date="2026-07-11T04:06:35Z"><img src="images/tesselchet.jpg" alt="Screenshot of Tesselchet: Generative geometric pattern maker with 52 seamless Truchet, girih, weave, and tile families, custom color palettes, deterministic seeds, and export SVG, STL, PNG."><span>Tesselchet</span><p>Generative geometric pattern maker with 52 seamless Truchet, girih, weave, and tile families, custom color palettes, deterministic seeds, and export SVG, STL, PNG.</p></a>
        <a href="ccat-prep.html" class="machine-hydrate" data-cat="tools" data-date="2026-07-11T19:42:44Z"><img src="images/ccat-prep.jpg" alt="Screenshot of CCAT Prep: CCAT practice test trainer: unlimited verbal, math & logic, and spatial questions, timed 50-in-15 simulations, and pacing drills to lift your score."><span>CCAT Prep</span><p>CCAT practice test trainer: unlimited verbal, math & logic, and spatial questions, timed 50-in-15 simulations, and pacing drills to lift your score.</p></a>
        <a href="astrostorm.html" class="machine-hydrate" data-cat="games" data-date="2026-07-12T04:56:27Z"><img src="images/astrostorm.jpg" alt="Screenshot of Astrostorm: Classic Asteroids game with power-ups, hyperspace, UFOs, astronaut rescues, boss waves, and a scrolling 8x8 world. A retro space shooter like Maelstrom. GAME OVER?"><span>Astrostorm</span><p>Classic Asteroids game with power-ups, hyperspace, UFOs, astronaut rescues, boss waves, and a scrolling 8x8 world. A retro space shooter like Maelstrom. GAME OVER?</p></a>
        <a href="paper-glider.html" class="machine-hydrate" data-cat="games" data-date="2026-07-12T19:46:59Z"><img src="images/paper-glider.jpg" alt="Screenshot of Paper Glider: Paper airplane flying game — glide through endless rooms, thread floating rings, and dodge furniture in warm afternoon light. A free tribute to Glider PRO."><span>Paper Glider</span><p>Paper airplane flying game — glide through endless rooms, thread floating rings, and dodge furniture in warm afternoon light. A free tribute to Glider PRO.</p></a>
        <a href="glass-towers.html" class="machine-hydrate" data-cat="games" data-date="2026-07-12T20:16:15Z"><img src="images/glass-towers.jpg" alt="Screenshot of Glass Towers: 3D stacking balance game. Drop translucent glass shapes on a pedestal and build the tallest sculpture — free alternative to Stacktris and Balance Stack."><span>Glass Towers</span><p>3D stacking balance game. Drop translucent glass shapes on a pedestal and build the tallest sculpture — free alternative to Stacktris and Balance Stack.</p></a>
        <a href="living-aquarium.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-13T17:58:44Z"><img src="images/living-aquarium.jpg" alt="Screenshot of Living Aquarium: Freshwater aquarium simulator: aquascape with plants, driftwood and rock, stock 100 fish species, and let procedurally generated tanks cycle on their own."><span>Living Aquarium</span><p>Freshwater aquarium simulator: aquascape with plants, driftwood and rock, stock 100 fish species, and let procedurally generated tanks cycle on their own.</p></a>
        <a href="reef-dive.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-13T23:09:59Z"><img src="images/reef-dive.jpg" alt="Screenshot of Reef Dive: A pixel art aquarium that never runs the same reef twice. Every fish is grown from a procedural genome — its own shape, colour and markings — and swims. Dive, dive!"><span>Reef Dive</span><p>A pixel art aquarium that never runs the same reef twice. Every fish is grown from a procedural genome — its own shape, colour and markings — and swims. Dive, dive!</p></a>
        <a href="pixel-rehab.html" class="machine-hydrate" data-cat="tools" data-date="2026-07-15T17:28:40Z"><img src="images/pixel-rehab.jpg" alt="Screenshot of Pixel Rehab: Pixel art fixer. Snaps mixels and blurry AI sprites back onto a true pixel grid, or pixelizes any photo into true pixel art. A free Pixel Snapper alternative."><span>Pixel Rehab</span><p>Pixel art fixer. Snaps mixels and blurry AI sprites back onto a true pixel grid, or pixelizes any photo into true pixel art. A free Pixel Snapper alternative.</p></a>
        <a href="slack-man.html" class="machine-hydrate" data-cat="games" data-date="2026-07-15T19:39:17Z"><img src="images/slack-man.jpg" alt="Screenshot of Slack Man: Endless Pac-Man style maze chase set inside Slack. Clear tasks, dodge Distractions, grab coffee for Focus Mode — a free workplace arcade game."><span>Slack Man</span><p>Endless Pac-Man style maze chase set inside Slack. Clear tasks, dodge Distractions, grab coffee for Focus Mode — a free workplace arcade game.</p></a>
        <a href="brickmark.html" class="machine-hydrate" data-cat="media" data-date="2026-07-17T00:57:47Z"><img src="images/brickmark.jpg" alt="Screenshot of Brickmark: Brickmark is a free browser tool that turns any word into a bold, outlined brick-style logo wordmark and exports it as a high-res PNG. Not affilated with LEGO."><span>Brickmark</span><p>Brickmark is a free browser tool that turns any word into a bold, outlined brick-style logo wordmark and exports it as a high-res PNG. Not affilated with LEGO.</p></a>
        <a href="windchimes.html" class="machine-hydrate" data-cat="music" data-date="2026-07-17T03:19:45Z"><img src="images/windchimes.jpg" alt="Screenshot of Windchimes: Interactive wind chime instrument with 55 musical scales, breeze physics, and Web Audio synthesis. Tune, play, and record ambient wind chime soundscapes."><span>Windchimes</span><p>Interactive wind chime instrument with 55 musical scales, breeze physics, and Web Audio synthesis. Tune, play, and record ambient wind chime soundscapes.</p></a>
        <a href="bricksaver.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-17T16:12:28Z"><img src="images/bricksaver.jpg" alt="Screenshot of BrickSaver: BrickSaver is a free 3D brick screensaver and wallpaper maker — a calm sea of tumbling LEGO-style bricks you can tune and capture as a PNG, MP4, or GIF."><span>BrickSaver</span><p>BrickSaver is a free 3D brick screensaver and wallpaper maker — a calm sea of tumbling LEGO-style bricks you can tune and capture as a PNG, MP4, or GIF.</p></a>
        <a href="brick-asmr.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-18T00:04:32Z"><img src="images/brick-asmr.jpg" alt="Screenshot of Brick ASMR: Brick ASMR is an infinite hands-on pile of toy bricks with real-time physics and responsive rummaging sound — brush, dig, pick up, shake, and relax. Like a LEGO bin!"><span>Brick ASMR</span><p>Brick ASMR is an infinite hands-on pile of toy bricks with real-time physics and responsive rummaging sound — brush, dig, pick up, shake, and relax. Like a LEGO bin!</p></a>
        <a href="antique-typewriter.html" class="machine-hydrate" data-cat="retro" data-date="2026-07-18T00:08:57Z"><img src="images/antique-typewriter.jpg" alt="Screenshot of Antique Typewriter: 3D vintage typewriter simulator with working typebars, inked ribbon, carriage return, margin bell, and clearable key jams — a free OverType alternative."><span>Antique Typewriter</span><p>3D vintage typewriter simulator with working typebars, inked ribbon, carriage return, margin bell, and clearable key jams — a free OverType alternative.</p></a>
        <a href="easy-invoices.html" class="machine-hydrate" data-cat="tools" data-date="2026-07-18T21:38:24Z"><img src="images/easy-invoices.jpg" alt="Screenshot of Easy Invoices: Free invoice generator with no client limit, no watermark, and no signup. Saves your clients, items, history on your own device. Alternative to paid invoice services."><span>Easy Invoices</span><p>Free invoice generator with no client limit, no watermark, and no signup. Saves your clients, items, history on your own device. Alternative to paid invoice services.</p></a>
        <a href="retrotube-television.html" class="machine-hydrate" data-cat="retro" data-date="2026-07-19T05:29:21Z"><img src="images/retrotube-television.jpg" alt="Screenshot of Retrotube Television: Analog video filter with 57 CRT, VHS, PAL, NTSC and Super 8 emulations. Run YouTube, webcam or local video through real shadow-mask tube simulation."><span>Retrotube Television</span><p>Analog video filter with 57 CRT, VHS, PAL, NTSC and Super 8 emulations. Run YouTube, webcam or local video through real shadow-mask tube simulation.</p></a>
        <a href="jimothy.html" class="machine-hydrate" data-cat="games" data-date="2026-07-19T20:09:10Z"><img src="images/jimothy.jpg" alt="Screenshot of Jimothy: Free 8-bit NES-style (Nintendo) game starring Jimothy, Seattle's viral short-spined raccoon. Raid trash cans, dodge paparazzi, cross Ballard streets, climb to the den."><span>Jimothy</span><p>Free 8-bit NES-style (Nintendo) game starring Jimothy, Seattle's viral short-spined raccoon. Raid trash cans, dodge paparazzi, cross Ballard streets, climb to the den.</p></a>
        <a href="screencast-recorder.html" class="machine-hydrate" data-cat="media" data-date="2026-07-19T21:11:06Z"><img src="images/screencast-recorder.jpg" alt="Screenshot of Screencast Recorder: Record your screen, then zoom, blur, caption and cut it. Exports MP4 or GIF. No watermark, no account, nothing uploaded. A free Loom alternative."><span>Screencast Recorder</span><p>Record your screen, then zoom, blur, caption and cut it. Exports MP4 or GIF. No watermark, no account, nothing uploaded. A free Loom alternative.</p></a>
        <a href="hexcrawl-generator.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-23T00:18:58Z"><img src="images/hexcrawl-generator.jpg" alt="Screenshot of Hexcrawl Generator: Hexcrawl Generator builds fantasy hex maps with settlements, rivers, roads, ruins, a campaign gazetteer. Exports VTT, SVG, PDF, JSON for tabletop RPG game masters."><span>Hexcrawl Generator</span><p>Hexcrawl Generator builds fantasy hex maps with settlements, rivers, roads, ruins, a campaign gazetteer. Exports VTT, SVG, PDF, JSON for tabletop RPG game masters.</p></a>
        <a href="screen-schnauzer.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-24T22:32:24Z"><img src="images/screen-schnauzer.jpg" alt="Screenshot of Screen Schnauzer: Virtual pixel dog roaming a full-screen yard: cursor following, zoomies, live-synthesized barks, your own images as toys. A free desktop pet."><span>Screen Schnauzer</span><p>Virtual pixel dog roaming a full-screen yard: cursor following, zoomies, live-synthesized barks, your own images as toys. A free desktop pet.</p></a>
        <a href="comic-chatter.html" class="machine-hydrate" data-cat="studio" data-date="2026-07-24T23:05:15Z"><img src="images/comic-chatter.jpg" alt="Screenshot of Comic Chatter: Comic strip maker that draws what you type into panels with the original Comic Chat cast, automatic camera angles, balloon shapes, and shared rooms."><span>Comic Chatter</span><p>Comic strip maker that draws what you type into panels with the original Comic Chat cast, automatic camera angles, balloon shapes, and shared rooms.</p></a>
        <a href="circuit-simulator.html" class="machine-hydrate" data-cat="makers" data-date="2026-07-25T08:51:16Z"><img src="images/circuit-simulator.jpg" alt="Screenshot of Circuit Simulator: Free circuit simulator that runs real firmware in your browser: Arduino C++ and Great Cow BASIC compile in the page for ATmega328P and PIC16F886."><span>Circuit Simulator</span><p>Free circuit simulator that runs real firmware in your browser: Arduino C++ and Great Cow BASIC compile in the page for ATmega328P and PIC16F886.</p></a>
        <a href="ufo-game.html" class="machine-hydrate" data-cat="games" data-date="2026-07-26T23:46:56Z"><img src="images/ufo-game.jpg" alt="Screenshot of UFO Game: 3D flying saucer game: pilot a UFO, tractor-beam humans and cows, charge the laser, and level a voxel city. A free Destroy All Humans alternative."><span>UFO Game</span><p>3D flying saucer game: pilot a UFO, tractor-beam humans and cows, charge the laser, and level a voxel city. A free Destroy All Humans alternative.</p></a>
        <a href="avatar-atlas.html" class="machine-hydrate" data-cat="studio" data-date="2026-07-28T03:50:10Z"><img src="images/avatar-atlas.jpg" alt="Screenshot of Avatar Atlas: Avatar style comparison tool — set character traits, render them across 100+ open source avatar styles at once, and export the wall as a contact sheet. Fast, free."><span>Avatar Atlas</span><p>Avatar style comparison tool — set character traits, render them across 100+ open source avatar styles at once, and export the wall as a contact sheet. Fast, free.</p></a>
        <a href="since-when.html" class="machine-hydrate" data-cat="tools" data-date="2026-07-29T03:01:03Z"><img src="images/since-when.jpg" alt="Screenshot of Since When: See what actually happens while this page is open: Wikipedia edits, Bluesky posts, internet routes, earthquakes, Bitcoin blocks. Measured, not estimated."><span>Since When</span><p>See what actually happens while this page is open: Wikipedia edits, Bluesky posts, internet routes, earthquakes, Bitcoin blocks. Measured, not estimated.</p></a>
        <a href="jimothy-screensaver.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-29T04:08:39Z"><img src="images/jimothy-screensaver.jpg" alt="Screenshot of Jimothy Screensaver: Virtual pet: an 8-bit Seattle raccoon that went viral is now roaming a full-screen yard: cursor following, zoomies, weather, custom backdrops, MP4 and GIF clips. Safe!"><span>Jimothy Screensaver</span><p>Virtual pet: an 8-bit Seattle raccoon that went viral is now roaming a full-screen yard: cursor following, zoomies, weather, custom backdrops, MP4 and GIF clips. Safe!</p></a>
        <a href="virtual-bonsai.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-30T01:45:23Z"><img src="images/virtual-bonsai.jpg" alt="Screenshot of Virtual Bonsai: Grow a 3D bonsai tree in your browser. 11 species across sakura, juniper, pine, maple, elm and ficus, with full pot and scene color to save as a free wallpaper."><span>Virtual Bonsai</span><p>Grow a 3D bonsai tree in your browser. 11 species across sakura, juniper, pine, maple, elm and ficus, with full pot and scene color to save as a free wallpaper.</p></a>
        <a href="wander-valley.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-30T03:47:51Z"><img src="images/wander-valley.jpg" alt="Screenshot of Wander Valley: Walk or fly through a hand-painted anime valley — river, village, steam train, four seasons — rebuilt from scratch every reload. Time to explore this free, open world!"><span>Wander Valley</span><p>Walk or fly through a hand-painted anime valley — river, village, steam train, four seasons — rebuilt from scratch every reload. Time to explore this free, open world!</p></a>
        <a href="browser-fingerprint.html" class="machine-hydrate" data-cat="tools" data-date="2026-07-30T05:14:53Z"><img src="images/browser-fingerprint.jpg" alt="Screenshot of Browser Fingerprint Test: Browser fingerprint and privacy test that turns 120+ signals into plain English — what sites learn, how they knew it, and how to reveal less. Stats for nerds, too!"><span>Browser Fingerprint Test</span><p>Browser fingerprint and privacy test that turns 120+ signals into plain English — what sites learn, how they knew it, and how to reveal less. Stats for nerds, too!</p></a>
        <a href="emoji-press.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-30T05:23:19Z"><img src="images/emoji-press.jpg" alt="Screenshot of Emoji Press: 3D emoji screensaver: a rolling paper press prints 3,884 Unicode 17.0 emoji onto an endless paper strip. Steer it, or leave it wandering on its own. It's not sticky!"><span>Emoji Press</span><p>3D emoji screensaver: a rolling paper press prints 3,884 Unicode 17.0 emoji onto an endless paper strip. Steer it, or leave it wandering on its own. It's not sticky!</p></a>
        <a href="campfire-simulator.html" class="machine-hydrate" data-cat="worlds" data-date="2026-07-30T18:28:29Z"><img src="images/campfire-simulator.jpg" alt="Screenshot of Campfire Simulator: Virtual campfire in a living night forest. Crackling fire, wind, crickets and rain synthesised live — never a loop. Free fire sounds for sleep, focus and calm."><span>Campfire Simulator</span><p>Virtual campfire in a living night forest. Crackling fire, wind, crickets and rain synthesised live — never a loop. Free fire sounds for sleep, focus and calm.</p></a>
        <a href="castle-defense.html" class="machine-hydrate" data-cat="games" data-date="2026-07-30T21:58:45Z"><img src="images/castle-defense.jpg" alt="Screenshot of Castle Defense: Castle defense drawn entirely in crayon. Grab the stick army, fling them into the ground, convert survivors, and hold the walls one more day. Crayon warriors, FTW!"><span>Castle Defense</span><p>Castle defense drawn entirely in crayon. Grab the stick army, fling them into the ground, convert survivors, and hold the walls one more day. Crayon warriors, FTW!</p></a>
        <a href="hot-coals.html" class="machine-hydrate" data-cat="generative" data-date="2026-07-31T02:27:42Z"><img src="images/hot-coals.jpg" alt="Screenshot of Hot Coals: A living bed of glowing charcoal — no flames, just real 3D coals that breathe, crack, and cool. No need to start a fire? Just watch the embers. Without the heat."><span>Hot Coals</span><p>A living bed of glowing charcoal — no flames, just real 3D coals that breathe, crack, and cool. No need to start a fire? Just watch the embers. Without the heat.</p></a>
        <a href="guitar-centered.html" class="machine-hydrate" data-cat="music" data-date="2026-07-31T06:25:28Z"><img src="images/guitar-centered.jpg" alt="Screenshot of Guitar Centered: Playable 3D acoustic guitar with 35 chords, 80 songs, scales, alternate tunings, capo and video capture. Free alternative to Recursive Arts Online Guitar."><span>Guitar Centered</span><p>Playable 3D acoustic guitar with 35 chords, 80 songs, scales, alternate tunings, capo and video capture. Free alternative to Recursive Arts Online Guitar.</p></a>
        <a href="chiptune-jukebox.html" class="machine-hydrate" data-cat="music" data-date="2026-07-31T22:00:00Z"><img src="images/chiptune-jukebox.jpg" alt="Screenshot of Chiptune Jukebox: An endless shelf of chiptune albums that compose themselves as you listen. Browse the covers, keep the seeds, export WAVs, or let the Auto DJ run. Like Nintendo music!"><span>Chiptune Jukebox</span><p>An endless shelf of chiptune albums that compose themselves as you listen. Browse the covers, keep the seeds, export WAVs, or let the Auto DJ run. Like Nintendo music!</p></a>
        <a href="jimothy-sighting.html" class="machine-hydrate" data-cat="games" data-date="2026-08-01T07:02:54Z"><img src="images/jimothy-sighting.jpg" alt="Screenshot of Jimothy Sighting: You spotted Jimothy! Now get him home. A free 8-bit NES-style game starring Seattle's viral short-spined raccoon: climb the fence, cross it, trash the big bad boss."><span>Jimothy Sighting</span><p>You spotted Jimothy! Now get him home. A free 8-bit NES-style game starring Seattle's viral short-spined raccoon: climb the fence, cross it, trash the big bad boss.</p></a>
        <a href="jimothy-game.html" class="machine-hydrate" data-cat="games" data-date="2026-08-01T07:07:03Z"><img src="images/jimothy-game.jpg" alt="Screenshot of Jimothy Game: Jimothy sighting! 8-bit NES game starring Seattle's viral short-spined raccoon. Raid trash cans, dodge paparazzi, cross Ballard, climb to the den."><span>Jimothy Game</span><p>Jimothy sighting! 8-bit NES game starring Seattle's viral short-spined raccoon. Raid trash cans, dodge paparazzi, cross Ballard, climb to the den.</p></a>
        <a href="collage-wall.html" class="machine-hydrate" data-cat="media" data-date="2026-08-01T18:29:32Z"><img src="images/collage-wall.jpg" alt="Screenshot of Collage Wall: Sort hundreds of photos by color into one banner, contact sheet, or wallpaper. Names on tiles, no cropping, 28 export sizes. Free photo mosaic app alternative."><span>Collage Wall</span><p>Sort hundreds of photos by color into one banner, contact sheet, or wallpaper. Names on tiles, no cropping, 28 export sizes. Free photo mosaic app alternative.</p></a>
        <a href="jimothy-raccoon.html" class="machine-hydrate" data-cat="games" data-date="2026-08-01T19:58:28Z"><img src="images/jimothy-raccoon.jpg" alt="Screenshot of Raccoon Run: Jimothy Night! Free browser maze game starring Jimothy, Seattle's viral short-spined raccoon. Clear every scrap, roll for speed, outrun dogs. Definitely not PAC-MAN."><span>Raccoon Run</span><p>Jimothy Night! Free browser maze game starring Jimothy, Seattle's viral short-spined raccoon. Clear every scrap, roll for speed, outrun dogs. Definitely not PAC-MAN.</p></a>
        <a href="framesend.html" class="machine-hydrate" data-cat="tools" data-date="2026-08-01T23:37:11Z"><img src="images/framesend.jpg" alt="Screenshot of FrameSend: QR code file transfer from one screen to another device's camera. No Wi-Fi, pairing, cable, or install — an offline LocalSend and Snapdrop alternative."><span>FrameSend</span><p>QR code file transfer from one screen to another device's camera. No Wi-Fi, pairing, cable, or install — an offline LocalSend and Snapdrop alternative.</p></a>
        <a href="chiptune-radio.html" class="machine-hydrate" data-cat="music" data-date="2026-08-02T02:22:01Z"><img src="images/chiptune-radio.jpg" alt="Screenshot of Chiptune Radio: Roll original Nintendo / NES chiptunes 8-bit loops across 25 moods, then export seamless looping WAV, stems, or MIDI with loop points Unity, Godot and RPG Maker read."><span>Chiptune Radio</span><p>Roll original Nintendo / NES chiptunes 8-bit loops across 25 moods, then export seamless looping WAV, stems, or MIDI with loop points Unity, Godot and RPG Maker read.</p></a>
        <a href="mood-journal.html" class="machine-hydrate" data-cat="tools" data-date="2026-08-05T18:16:01Z"><img src="images/mood-journal.jpg" alt="Screenshot of Mood Journal: Mood tracker and daily journal that grows every entry into a flower on a year-long 3D calendar garden. 96 species, private, no account needed."><span>Mood Journal</span><p>Mood tracker and daily journal that grows every entry into a flower on a year-long 3D calendar garden. 96 species, private, no account needed.</p></a>
        <a href="weather-music.html" class="machine-hydrate" data-cat="music" data-date="2026-08-05T18:17:08Z"><img src="images/weather-music.jpg" alt="Screenshot of Weather Music: Weather Music composes an original song from any city's real forecast. Temperature sets tempo, sky sets harmony, rain sets rhythm. Export WAV or MIDI."><span>Weather Music</span><p>Weather Music composes an original song from any city's real forecast. Temperature sets tempo, sky sets harmony, rain sets rhythm. Export WAV or MIDI.</p></a>
        <a href="spin-stack.html" class="machine-hydrate" data-cat="games" data-date="2026-08-05T23:04:22Z"><img src="images/spin-stack.jpg" alt="Screenshot of Spin Stack: Spin Stack is a rotating block puzzle: the whole chamber turns a quarter turn after every piece, and only lines through the core count. Not Tetris, but like it."><span>Spin Stack</span><p>Spin Stack is a rotating block puzzle: the whole chamber turns a quarter turn after every piece, and only lines through the core count. Not Tetris, but like it.</p></a>
        <a href="wordpress-checkup.html" class="machine-hydrate" data-cat="tools" data-date="2026-08-08T19:54:12Z"><img src="images/wordpress-checkup.jpg" alt="Screenshot of WordPress Checkup: Paste your Site Health report for an ordered maintenance list: what to update, what to retire, which settings to change, each linked into your admin. Not a plugin."><span>WordPress Checkup</span><p>Paste your Site Health report for an ordered maintenance list: what to update, what to retire, which settings to change, each linked into your admin. Not a plugin.</p></a>
        <a href="monster-rally.html" class="machine-hydrate" data-cat="games" data-date="2026-08-12T20:41:40Z"><img src="images/monster-rally.jpg" alt="Screenshot of Monster Rally: Free monster truck racing game in your browser. Generate endless 3D dirt tracks, share any circuit by code, and race the pack. No download, no signup. Vroom!"><span>Monster Rally</span><p>Free monster truck racing game in your browser. Generate endless 3D dirt tracks, share any circuit by code, and race the pack. No download, no signup. Vroom!</p></a>
        <a href="space-coaster.html" class="machine-hydrate" data-cat="games" data-date="2026-08-12T21:17:58Z"><img src="images/space-coaster.jpg" alt="Screenshot of Space Coaster: Race a hovercraft against rivals on a looping 3D anti-gravity circuit with sweepers, gravity shears, moving gates, portals, drift surges, and hull damage. Free TRON?"><span>Space Coaster</span><p>Race a hovercraft against rivals on a looping 3D anti-gravity circuit with sweepers, gravity shears, moving gates, portals, drift surges, and hull damage. Free TRON?</p></a>
        <a href="domino-rally.html" class="machine-hydrate" data-cat="worlds" data-date="2026-08-12T22:31:18Z"><img src="images/domino-rally.jpg" alt="Screenshot of Domino Rally: Domino run builder with real 3D physics. Draw tracks, add bridges, branches and curves, turn photos into domino mosaics, then watch the whole chain reaction topple."><span>Domino Rally</span><p>Domino run builder with real 3D physics. Draw tracks, add bridges, branches and curves, turn photos into domino mosaics, then watch the whole chain reaction topple.</p></a>
        <a href="filament-swatch.html" class="machine-hydrate" data-cat="makers" data-date="2026-08-12T23:12:31Z"><img src="images/filament-swatch.jpg" alt="Screenshot of Filament Swatch: Make a filament swatch card with your brand, color and temps baked in. Download a print-ready STL or two-color 3MF. Fits standard swatch boxes."><span>Filament Swatch</span><p>Make a filament swatch card with your brand, color and temps baked in. Download a print-ready STL or two-color 3MF. Fits standard swatch boxes.</p></a>
        <a href="plugin-gap.html" class="machine-hydrate" data-cat="tools" data-date="2026-08-12T23:19:23Z"><img src="images/plugin-gap.jpg" alt="Screenshot of Plugin Gap: Check whether your WordPress plugin idea already exists. Search the live WordPress.org directory for rivals, install bands, recent reviews, and real gaps."><span>Plugin Gap</span><p>Check whether your WordPress plugin idea already exists. Search the live WordPress.org directory for rivals, install bands, recent reviews, and real gaps.</p></a>
        <a href="clean-slate.html" class="machine-hydrate" data-cat="media" data-date="2026-08-13T03:22:42Z"><img src="images/clean-slate.jpg" alt="Screenshot of Clean Slate: Whiteboard photo cleaner. Straighten crooked shots, remove glare and shadows, export clean pages as PNG, JPG or PDF - a free Microsoft Lens alternative."><span>Clean Slate</span><p>Whiteboard photo cleaner. Straighten crooked shots, remove glare and shadows, export clean pages as PNG, JPG or PDF - a free Microsoft Lens alternative.</p></a>
        <a href="measure-twice.html" class="machine-hydrate" data-cat="tools" data-date="2026-08-13T19:56:32Z"><img src="images/measure-twice.jpg" alt="Screenshot of Measure Twice: How much gravel, topsoil, tile, drywall, sod or grass seed do you need? Just say what you want to do. 20 free calculators show bags, gallons, sheets or pallets to buy."><span>Measure Twice</span><p>How much gravel, topsoil, tile, drywall, sod or grass seed do you need? Just say what you want to do. 20 free calculators show bags, gallons, sheets or pallets to buy.</p></a>
        <a href="rock-collector.html" class="machine-hydrate" data-cat="generative" data-date="2026-08-14T00:47:57Z"><img src="images/rock-collector.jpg" alt="Screenshot of Rock Collector: A virtual rock collection you can handle: tumble, stack and study 286 minerals, rocks, gems, fossils and meteorites with real hardness, streak and luster."><span>Rock Collector</span><p>A virtual rock collection you can handle: tumble, stack and study 286 minerals, rocks, gems, fossils and meteorites with real hardness, streak and luster.</p></a>
    </div>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        document.addEventListener('DOMContentLoaded', () => {

            // --- 1. Audio System ---
            let audioEnabled = false;
            let synth;
            
            const soundToggle = document.getElementById('sound-toggle');
            const iconOn = `<svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20" class="text-neon-cyan"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>`;
            const iconOff = `<svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20" class="text-gray-500"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>`;

            if (soundToggle) {
                soundToggle.addEventListener('click', () => {
                    audioEnabled = !audioEnabled;
                    soundToggle.innerHTML = audioEnabled ? iconOn : iconOff;
                    if (audioEnabled && typeof Tone !== 'undefined') {
                        Tone.start();
                        synth = new Tone.PolySynth(Tone.Synth).toDestination();
                        synth.volume.value = -15;
                    }
                });
            }

            function playSound(type) {
                if (!audioEnabled || !synth) return;
                try {
                    const now = Tone.now();
                    if (type === 'hover') synth.triggerAttackRelease("C6", "64n", now, 0.1);
                    if (type === 'click') synth.triggerAttackRelease("F5", "32n", now);
                } catch(e) { }
            }

            // --- 2. Data Hydration ---
            const rawLinks = document.querySelectorAll('#raw-data a');
            const apps = Array.from(rawLinks).map(link => {
                // FIXED: Simplified to only look for standard tags per user request
                const titleEl = link.querySelector('span');
                const descEl = link.querySelector('p');
                const imgEl = link.querySelector('img');

                return {
                    href: link.getAttribute('href'),
                    cat: link.dataset.cat,
                    date: new Date(link.dataset.date),
                    title: titleEl ? titleEl.textContent : 'Untitled App',
                    desc: descEl ? descEl.textContent : '',
                    img: imgEl ? imgEl.src : '',
                    alt: imgEl ? imgEl.getAttribute('alt') || '' : ''
                };
            });

            // --- 3. Grid Rendering ---
            const gridContainer = document.getElementById('grid-container');
            const luckyBtn = document.getElementById('random-launch');
            const searchInput = document.getElementById('app-search');
            const clearBtn = document.getElementById('search-clear');
            
            // New Sort Logic State
            const sortModes = ['random', 'newest', 'oldest'];
            let sortIndex = 0; // Starts at random
            let currentSort = sortModes[sortIndex];

            // Category Name Map for cross-cat results
            const catMap = { 'games': 'Games', 'generative': 'Generative', 'worlds': 'Worlds', 'ambient': 'Ambient', 'studio': 'Studio', 'makers': 'Makers', 'media': 'Media', 'tools': 'Tools', 'retro': 'Retro', 'music': 'Music' };

            function updateSearchPlaceholder(count, category) {
                if(!searchInput) return;
                
                                let catName = "apps";
                if(category === 'games') catName = "games";
                else if(category === 'generative') catName = "generative art pieces";
                else if(category === 'worlds') catName = "3D worlds & sims";
                else if(category === 'ambient') catName = "ambient escapes";
                else if(category === 'studio') catName = "art & design tools";
                else if(category === 'makers') catName = "maker & print tools";
                else if(category === 'media') catName = "media converters";
                else if(category === 'tools') catName = "tools";
                else if(category === 'retro') catName = "retro experiences";
                else if(category === 'music') catName = "music & sound apps";
                
                searchInput.placeholder = `Search through all of my ${count} ${catName}...`;
            }

            function renderApps(filter = 'all') {
                if(!gridContainer) return;
                gridContainer.innerHTML = '';
                
                const searchTerm = searchInput.value.toLowerCase();
                clearBtn.classList.toggle('hidden', searchTerm.length === 0);

                let filtered = apps.filter(app => {
                    const matchesSearch = app.title.toLowerCase().includes(searchTerm) || app.desc.toLowerCase().includes(searchTerm);
                    
                    // If searching, include matches from ALL categories
                    if (searchTerm.length > 0) {
                        return matchesSearch;
                    }

                    // Standard filter behavior when not searching
                    const matchesFilter = filter === 'all' || app.cat === filter;
                    return matchesFilter;
                });
                
                // Only update placeholder if we aren't currently searching (to avoid jumping numbers while typing)
                if (searchTerm.length === 0) {
                    const catCount = apps.filter(app => filter === 'all' || app.cat === filter).length;
                    updateSearchPlaceholder(catCount, filter);
                }

                if (currentSort === 'random') {
                    filtered.sort(() => Math.random() - 0.5);
                } else if (currentSort === 'newest') {
                    filtered.sort((a, b) => b.date - a.date);
                } else if (currentSort === 'oldest') {
                    filtered.sort((a, b) => a.date - b.date);
                }

                if (filtered.length === 0) {
                    document.getElementById('no-results').classList.remove('hidden');
                } else {
                    document.getElementById('no-results').classList.add('hidden');
                    
                    filtered.forEach((app) => {
                        // Check if this result is from a different category than the active filter
                        // Only relevant if we have a specific filter active AND we are searching
                        const isCrossCategory = filter !== 'all' && app.cat !== filter && searchTerm.length > 0;
                        
                        // If cross-category, apply different border styling
                        const borderClass = isCrossCategory ? 'border-neon-orange' : 'border-[#27273a]';
                        const badgeHtml = isCrossCategory ? 
                            `<div class="absolute top-2 right-2 bg-neon-orange text-black text-[9px] font-heading font-black px-2 py-1 rounded shadow-lg uppercase tracking-wide z-20">In ${catMap[app.cat] || 'Other'}</div>` 
                            : '';

                        const card = document.createElement('article');
                        // We use inline style for border override if needed to ensure specificity without !important
                        card.className = `arcade-cabinet group ${borderClass}`;
                        // If standard class has border defined, we might need to ensure our new class wins, 
                        // but since we are generating fresh, we can just replace the border utility or let cascade handle it.
                        // The base .arcade-cabinet has border defined in CSS. Adding tailwind class 'border-neon-orange' overrides it if tailwind loads after.
                        // To be safe, we can add a style attribute for the border color if it is cross-cat.
                        if (isCrossCategory) card.style.borderColor = '#f97316';

                        card.innerHTML = `
                            <a href="${app.href}" target="_blank" class="block w-full h-full no-underline text-inherit flex flex-col relative">
                                ${badgeHtml}
                                <div class="screen-area">
                                    <img src="${app.img}" loading="lazy" alt="${app.alt || app.title}">
                                    <div class="launch-btn">
                                        LAUNCH <span>►</span>
                                    </div>
                                </div>
                                <div class="p-5 flex flex-col flex-grow bg-gray-900/40 relative">
                                    <h3 class="font-heading font-black text-white text-[0.85rem] mb-2 group-hover:text-neon-cyan transition-colors uppercase tracking-tight">${app.title}</h3>
                                    <p class="text-[0.75rem] text-gray-400 font-sans font-medium line-clamp-4 leading-relaxed">${app.desc}</p>
                                </div>
                            </a>
                        `;
                        card.addEventListener('mouseenter', () => playSound('hover'));
                        gridContainer.appendChild(card);
                    });
                }
            }

            // --- 4. Event Listeners ---
            document.querySelectorAll('.cat-tab').forEach(btn => {
                btn.addEventListener('click', (e) => {
                    document.querySelectorAll('.cat-tab').forEach(b => b.classList.remove('active'));
                    e.target.classList.add('active');
                    renderApps(e.target.dataset.filter);
                    playSound('click');
                });
            });

            searchInput.addEventListener('input', () => {
                const activeBtn = document.querySelector('.cat-tab.active');
                renderApps(activeBtn ? activeBtn.dataset.filter : 'all');
            });

            clearBtn.addEventListener('click', () => {
                searchInput.value = '';
                const activeBtn = document.querySelector('.cat-tab.active');
                renderApps(activeBtn ? activeBtn.dataset.filter : 'all');
                searchInput.focus();
            });

            // Cycle Sort Logic
            function handleSortClick() {
                // Cycle index
                sortIndex = (sortIndex + 1) % sortModes.length;
                currentSort = sortModes[sortIndex];
                
                // Update labels
                const labelText = currentSort.toUpperCase();
                document.querySelectorAll('.sort-label').forEach(el => el.textContent = labelText);
                
                const activeBtn = document.querySelector('.cat-tab.active');
                renderApps(activeBtn ? activeBtn.dataset.filter : 'all');
                playSound('click');
            }

            document.querySelectorAll('.sort-trigger').forEach(btn => {
                btn.addEventListener('click', handleSortClick);
            });
            
            if (luckyBtn) {
                luckyBtn.addEventListener('click', () => {
                    const randomApp = apps[Math.floor(Math.random() * apps.length)];
                    if (randomApp) {
                        window.open(randomApp.href, '_blank');
                        playSound('click');
                    }
                });
            }

            // --- Mobile Menu Logic ---
            const menuToggle = document.getElementById('menu-toggle');
            const mobileMenu = document.getElementById('mobile-menu');
            
            if (menuToggle && mobileMenu) {
                menuToggle.addEventListener('click', () => {
                    mobileMenu.classList.toggle('open');
                    // Toggle aria-expanded for accessibility if desired
                });
            }

            // --- 5. Holodeck (Featured Machine) ---
            const holoContainer = document.getElementById('holodeck-container');
            const holoTitle = document.getElementById('holo-title');
            const holoDesc = document.getElementById('holo-desc');
            const holoImg = document.getElementById('holo-img');
            const holoLink = document.getElementById('holo-link');
            const holoFullLink = document.getElementById('holo-full-link');
            let holoInterval;

            function updateHolodeck() {
                if (!holoTitle || apps.length === 0) return;
                
                // 1. Trigger Glitch Animation
                holoContainer.classList.remove('animate-holo-glitch');
                void holoContainer.offsetWidth; // Force reflow
                holoContainer.classList.add('animate-holo-glitch');

                const randomApp = apps[Math.floor(Math.random() * apps.length)];
                
                // 2. Swap Content (timed with middle of glitch)
                setTimeout(() => {
                    holoTitle.textContent = randomApp.title;
                    holoDesc.textContent = randomApp.desc;
                    holoImg.src = randomApp.img;
                    holoLink.href = randomApp.href;
                    if(holoFullLink) holoFullLink.href = randomApp.href;
                    
                    // Dynamic text sizing logic - Smaller to prevent wrapping
                    holoTitle.classList.remove('text-xl', 'text-2xl', 'md:text-2xl', 'md:text-4xl');
                    if (randomApp.title.length > 20) { // Stricter length check
                        holoTitle.classList.add('text-xl', 'md:text-2xl');
                    } else {
                        holoTitle.classList.add('text-2xl', 'md:text-4xl');
                    }
                }, 200);
            }

            if (apps.length > 0) updateHolodeck();
            
            const holoReroll = document.getElementById('holo-reroll');
            if (holoReroll) {
                holoReroll.addEventListener('click', (e) => {
                    updateHolodeck();
                    playSound('click');
                });
            }

            function startHoloLoop() {
                clearInterval(holoInterval);
                holoInterval = setInterval(updateHolodeck, 10000);
            }
            startHoloLoop();

            if (holoContainer) {
                holoContainer.addEventListener('mouseenter', () => clearInterval(holoInterval));
                holoContainer.addEventListener('mouseleave', startHoloLoop);
            }

            // --- 6. Back To Top ---
            const backToTopBtn = document.getElementById('back-to-top');
            window.addEventListener('scroll', () => {
                if (window.scrollY > 300) {
                    backToTopBtn.classList.add('visible');
                } else {
                    backToTopBtn.classList.remove('visible');
                }
            });

            // --- 7. Original Canvas Animation Logic ---
            function initBackgroundCanvas() {
                const canvas = document.getElementById('background-canvas');
                if (!canvas) return;
                const ctx = canvas.getContext('2d');
                const gridOptions = { baseLineColor: 'rgba(255, 255, 255, 0.03)', lineWidth: 1, gridSize: 60 };
                const lightOptions = { count: 6, minLength: 2, maxLength: 5, speedMin: 1, speedMax: 3, lifeMin: 50, lifeMax: 100, colors: ['#06b6d4','#ec4899','#8b5cf6'] };
                let lights = [];

                class Light {
                    constructor() { this.reset(); }
                    reset() {
                        this.x = Math.floor(Math.random()*(canvas.width/gridOptions.gridSize)); 
                        this.y = Math.floor(Math.random()*(canvas.height/gridOptions.gridSize));
                        this.length = Math.floor(Math.random()*(lightOptions.maxLength-lightOptions.minLength+1))+lightOptions.minLength;
                        this.life = Math.floor(Math.random()*(lightOptions.lifeMax-lightOptions.lifeMin+1))+lightOptions.lifeMin;
                        this.speed = Math.floor(Math.random()*(lightOptions.speedMax-lightOptions.speedMin+1))+lightOptions.speedMin;
                        this.frames = 0; 
                        this.color = lightOptions.colors[Math.floor(Math.random()*lightOptions.colors.length)];
                        const dir = Math.floor(Math.random()*4); 
                        this.vx = 0; this.vy = 0;
                        if (dir===0) this.vx=1; else if (dir===1) this.vx=-1; else if (dir===2) this.vy=1; else this.vy=-1;
                    }
                    update() {
                        this.frames++;
                        if (this.frames >= this.speed) { 
                            this.x+=this.vx; this.y+=this.vy; this.life--; this.frames=0; 
                        }
                        if (this.life<=0 || this.x < 0 || this.x > canvas.width/gridOptions.gridSize || this.y < 0 || this.y > canvas.height/gridOptions.gridSize) { 
                            this.reset(); 
                        }
                    }
                    draw(ctx) {
                        ctx.shadowBlur = 10;
                        ctx.shadowColor = this.color;
                        ctx.strokeStyle = this.color; 
                        ctx.lineWidth = 2; 
                        ctx.lineCap = "round";
                        ctx.beginPath();
                        const sx = this.x*gridOptions.gridSize; 
                        const sy = this.y*gridOptions.gridSize;
                        if (this.vx!==0) { 
                            ctx.moveTo(sx, sy); ctx.lineTo(sx + this.vx*this.length*gridOptions.gridSize, sy); 
                        } else { 
                            ctx.moveTo(sx, sy); ctx.lineTo(sx, sy + this.vy*this.length*gridOptions.gridSize); 
                        }
                        ctx.stroke();
                        ctx.shadowBlur = 0;
                    }
                }

                function initLights() { lights = []; for (let i=0; i<lightOptions.count; i++) { lights.push(new Light()); } }
                function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; initLights(); }
                function drawBaseGrid() {
                    ctx.strokeStyle = gridOptions.baseLineColor; ctx.lineWidth = 1;
                    for (let y=0; y<=canvas.height; y+=gridOptions.gridSize) { ctx.beginPath(); ctx.moveTo(0,y); ctx.lineTo(canvas.width,y); ctx.stroke(); }
                    for (let x=0; x<=canvas.width; x+=gridOptions.gridSize) { ctx.beginPath(); ctx.moveTo(x,0); ctx.lineTo(x,canvas.height); ctx.stroke(); }
                }
                function animate() {
                    ctx.clearRect(0,0,canvas.width,canvas.height); drawBaseGrid();
                    lights.forEach(light => { light.update(); light.draw(ctx); }); requestAnimationFrame(animate);
                }
                window.addEventListener('resize', resizeCanvas); resizeCanvas(); animate();
            }
            initBackgroundCanvas();

            // --- Initial Render ---
            renderApps('all');
        });
    </script>
    <script>
        // Mobile quick-links: tap a colored primary to open its dropdown; tap again or outside to close
        (function () {
            const wrap = document.getElementById('mobile-quicklinks');
            if (!wrap) return;
            const dropdown = document.getElementById('ql-dropdown');
            const primaries = wrap.querySelectorAll('.ql-primary');
            const groups = wrap.querySelectorAll('.ql-links');
            let openGroup = null;
            function close() {
                openGroup = null;
                primaries.forEach(function (b) { b.classList.remove('active'); });
                dropdown.classList.add('hidden');
            }
            function open(g) {
                openGroup = g;
                primaries.forEach(function (b) { b.classList.toggle('active', b.dataset.qlgroup === g); });
                groups.forEach(function (el) { el.classList.toggle('hidden', el.dataset.qllinks !== g); });
                dropdown.classList.remove('hidden');
            }
            primaries.forEach(function (btn) {
                btn.addEventListener('click', function (e) {
                    e.stopPropagation();
                    const g = btn.dataset.qlgroup;
                    if (openGroup === g) { close(); } else { open(g); }
                });
            });
            document.addEventListener('click', function (e) {
                if (openGroup && !wrap.contains(e.target)) close();
            });
        })();

        // Category tabs: randomize order every load (All stays pinned first) + chevron scroll arrows
        (function () {
            const scroller = document.getElementById('cat-scroll');
            if (!scroller) return;
            const arrowL = document.getElementById('cat-arrow-left');
            const arrowR = document.getElementById('cat-arrow-right');

            // Shuffle all category tabs except "All"
            const tabs = Array.from(scroller.querySelectorAll('.cat-tab'));
            const rest = tabs.filter(function (t) { return t.dataset.filter !== 'all'; });
            for (let i = rest.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                const tmp = rest[i]; rest[i] = rest[j]; rest[j] = tmp;
            }
            rest.forEach(function (t) { scroller.appendChild(t); });

            // Show a chevron whenever there are more tabs in that direction; click/tap to scroll
            function update() {
                const atStart = scroller.scrollLeft <= 1;
                const atEnd = scroller.scrollLeft + scroller.clientWidth >= scroller.scrollWidth - 1;
                if (arrowL) arrowL.classList.toggle('show', !atStart);
                if (arrowR) arrowR.classList.toggle('show', !atEnd);
            }
            function nudge(dir) {
                scroller.scrollBy({ left: dir * Math.max(160, scroller.clientWidth * 0.7), behavior: 'smooth' });
            }
            if (arrowL) arrowL.addEventListener('click', function () { nudge(-1); });
            if (arrowR) arrowR.addEventListener('click', function () { nudge(1); });
            scroller.addEventListener('scroll', update, { passive: true });
            window.addEventListener('resize', update);
            update();
        })();
    </script>
</body>
</html>