<!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 — 372 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 (67)</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="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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Generative Art &amp; Shaders (45)</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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">3D Worlds &amp; Simulations (48)</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>
</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 (51)</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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Maker &amp; 3D Print Tools (22)</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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Media Converters &amp; Capture (18)</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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Productivity Tools &amp; Utilities (48)</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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Retro Computing &amp; Simulators (28)</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>
</ul>
<h3 style="color:#ec4899;margin:1.5rem 0 0.5rem;">Music &amp; Sound Apps (20)</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="cyber-horizon.html" style="color:#06b6d4;text-decoration:none;">Cyber Horizon</a> — <span style="color:#9ca3af;font-size:0.85rem;">Synthwave landscape generator. Create retro-futuristic 1980s neon horizon scenes — download vaporwave and outrun-style backgrounds for thumbnails and wallpapers.</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>
</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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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="music" data-date="2026-02-18T23:13:59.594Z"><img src="images/cyber-horizon.webp" alt="Screenshot of Cyber Horizon: Synthwave landscape generator. Create retro-futuristic 1980s neon horizon scenes — download vaporwave and outrun-style backgrounds for thumbnails and wallpapers."><span>Cyber Horizon</span><p>Synthwave landscape generator. Create retro-futuristic 1980s neon horizon scenes — download vaporwave and outrun-style backgrounds for thumbnails and wallpapers.</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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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.webp" 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>
    </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>