index.html

<!doctype html>
<html lang="en">

<head>
  
  <meta charset="UTF-8" />
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
  <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
  <link rel="manifest" href="/site.webmanifest" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description"
    content="Origami AI is a browser-based AI video studio: turn PDF slides into narrated videos, record cinematic screen tutorials with auto-zoom, generate faceless AI shorts, and chat with a local AI assistant. Runs entirely on-device via WebGPU. Free and open-source." />
  <meta name="keywords"
    content="PDF to video, AI video generator, presentation to video, screen recorder, screen recording software, AI shorts generator, faceless video generator, text to speech, local AI assistant, WebGPU AI, browser video editor, automated video creation, slide to video, AI presentation tool" />
  <meta name="author" content="TechMitten LLC" />
  <meta name="theme-color" content="#000000" />
  <link rel="canonical" href="https://origami.techmitten.com/" />

  <!-- Roboto for UI text, Unbounded for display headings -->
  <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=Roboto:wght@400;500;700&family=Unbounded:wght@600;700;800&display=swap" rel="stylesheet">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://origami.techmitten.com/" />
  <meta property="og:title" content="Origami AI - Your Local AI Video Studio" />
  <meta property="og:description"
    content="Turn PDFs into narrated videos, record cinematic screen tutorials, generate faceless AI shorts, and chat with a local AI assistant — all running privately in your browser." />
  <meta property="og:image" content="https://origami.techmitten.com/og.webp" />
  <meta property="og:image:width" content="1536" />
  <meta property="og:image:height" content="1024" />
  <meta property="og:image:type" content="image/webp" />
  <meta property="og:image:alt" content="Origami AI - Your Local AI Video Studio" />
  <meta property="og:site_name" content="Origami AI" />
  <meta property="og:locale" content="en_US" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Origami AI - Your Local AI Video Studio" />
  <meta name="twitter:description"
    content="Turn PDFs into narrated videos, record cinematic screen tutorials, generate faceless AI shorts, and chat with a local AI assistant — all running privately in your browser." />
  <meta name="twitter:image" content="https://origami.techmitten.com/og.webp" />
  <meta name="twitter:image:alt" content="Origami AI - Your Local AI Video Studio" />

  <!-- Additional SEO -->
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="application-name" content="Origami AI" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="apple-mobile-web-app-title" content="Origami AI" />
  <meta name="rating" content="General" />
  <meta name="category" content="Technology, AI, Video" />

  <!-- Structured Data -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Origami AI",
      "url": "https://origami.techmitten.com/",
      "description": "Origami AI is a browser-based AI video studio: turn PDF slides into narrated videos, record cinematic screen tutorials with auto-zoom, generate faceless AI shorts, and chat with a local AI assistant. Runs entirely on-device via WebGPU. Free and open-source.",
      "applicationCategory": "MultimediaApplication",
      "applicationSubCategory": "VideoEditingApplication",
      "operatingSystem": "Any",
      "inLanguage": "en",
      "isAccessibleForFree": true,
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "screenshot": {
        "@type": "ImageObject",
        "url": "https://origami.techmitten.com/og.webp",
        "width": 1536,
        "height": 1024
      },
      "featureList": [
        "PDF to narrated video conversion",
        "AI-powered script generation",
        "High-quality local Text-to-Speech",
        "Programmatic video rendering",
        "Interactive slide editor",
        "Screen recording with cinematic auto-zoom",
        "AI shorts generator with auto-captions",
        "Local in-browser AI assistant chat",
        "MP4 scene analysis",
        "Background music mixing with auto-ducking",
        "Video normalization to YouTube standards"
      ],
      "browserRequirements": "Requires JavaScript. Requires WebGPU for local AI inference.",
      "author": {
        "@type": "Organization",
        "name": "TechMitten LLC",
        "url": "https://techmitten.com"
      },
      "logo": {
        "@type": "ImageObject",
        "url": "https://origami.techmitten.com/android-chrome-512x512.png",
        "width": 512,
        "height": 512
      },
      "license": "https://opensource.org/licenses/MIT",
      "sameAs": [
        "https://github.com/TechMitten/Origami-AI"
      ]
    }
    </script>

  <title>Origami AI — Local AI Video Studio: PDF to Video & Shorts</title>
  <script defer src="https://umami.techmitten.com/script.js" data-website-id="cdb71ca7-c83f-451f-a060-ecd3b8985811"></script>
  <script defer src="https://umami.techmitten.com/recorder.js" data-website-id="cdb71ca7-c83f-451f-a060-ecd3b8985811"></script>
</head>

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>