<!doctype html>
<html lang="en-GB">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
  <script>(function(){var q=(location.search||'')+(location.hash||''),r=document.referrer||'';var a=/[?&#]gtm_debug=/.test(q)||/^https:\/\/tagassistant\.google\.com/.test(r);if(self!==top&&!a){top.location=self.location;}})();</script>
  <title>TimrX — Create Images, Videos and 3D Models Online</title>
  <meta name="description" content="Create images, videos and printable 3D models in one workspace. Generate from prompts or uploads, refine assets, convert files and export STL, OBJ, GLB or 3MF.">
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  <meta name="author" content="TimrX">
  <meta name="theme-color" content="#08090d">
  <link rel="canonical" href="https://timrx.live/">
  <link rel="alternate" hreflang="en-gb" href="https://timrx.live/">
  <link rel="alternate" hreflang="x-default" href="https://timrx.live/">
  <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-logo-32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-logo-16.png">
  <link rel="apple-touch-icon" sizes="180x180" href="img/favicon-logo-180.png">
  <link rel="manifest" href="site.webmanifest">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="TimrX">
  <meta property="og:url" content="https://timrx.live/">
  <meta property="og:title" content="TimrX — Create Images, Videos and 3D Models Online">
  <meta property="og:description" content="One browser workspace for generating, refining, converting and exporting creative assets.">
  <meta property="og:image" content="https://timrx.live/img/OG_APP.png">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="TimrX — Create Images, Videos and 3D Models Online">
  <meta name="twitter:description" content="Generate images, videos and printable 3D models from prompts or uploads.">
  <meta name="twitter:image" content="https://timrx.live/img/OG_APP.png">
  <meta name="twitter:image:alt" content="TimrX — create images, videos and 3D models in one browser workspace">
  <meta name="twitter:url" content="https://timrx.live/">
  <meta name="twitter:creator" content="@timrx_live">
  <meta property="og:locale" content="en_GB">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="TimrX — create images, videos and 3D models in one browser workspace">
  <script type="application/ld+json">
  {"@context":"https://schema.org","@graph":[
    {"@type":"Organization","@id":"https://timrx.live/#organization","name":"TimrX","url":"https://timrx.live/","logo":"https://timrx.live/img/favicon-logo-512.png","founder":{"@id":"https://timrx.live/dima-vasiliu#person"}},
    {"@type":"WebSite","@id":"https://timrx.live/#website","url":"https://timrx.live/","name":"TimrX","publisher":{"@id":"https://timrx.live/#organization"}},
    {"@type":"SoftwareApplication","@id":"https://timrx.live/#software","name":"TimrX","url":"https://timrx.live/3dprint","applicationCategory":"DesignApplication","operatingSystem":"Web browser","description":"A browser workspace for AI image, video and 3D generation, refinement, conversion and print-ready export.","featureList":["Text and image to 3D","AI image generation","AI video generation","Remesh and retexture","STL, OBJ, GLB and 3MF export","3D print preparation"],"publisher":{"@id":"https://timrx.live/#organization"}},
    {"@type":"WebPage","@id":"https://timrx.live/#webpage","url":"https://timrx.live/","name":"TimrX — Create Images, Videos and 3D Models Online","isPartOf":{"@id":"https://timrx.live/#website"},"mainEntity":{"@id":"https://timrx.live/#software"}}
  ]}
  </script>
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[
    {"@type":"Question","name":"What can I create with TimrX?","acceptedAnswer":{"@type":"Answer","text":"Create images, short videos, textured 3D models and printable assets from prompts, images or existing files."}},
    {"@type":"Question","name":"Can I export models for 3D printing?","acceptedAnswer":{"@type":"Answer","text":"Yes. TimrX supports print checks and export workflows for STL and 3MF."}},
    {"@type":"Question","name":"Which file formats are supported?","acceptedAnswer":{"@type":"Answer","text":"Core workflows support STL, OBJ, GLB, GLTF, USDZ and 3MF, with additional formats available through the converter."}},
    {"@type":"Question","name":"Do I need Blender or advanced 3D skills?","acceptedAnswer":{"@type":"Answer","text":"No. TimrX is designed to generate, inspect, refine and export assets directly in the browser."}},
    {"@type":"Question","name":"How do credits work?","acceptedAnswer":{"@type":"Answer","text":"Credits are used when running AI generation and selected refinement tools. You can choose a credit pack that fits your workflow."}}
  ]}
  </script>
  <link rel="preload" href="/fonts/inter-subset.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="fonts/fonts.css">
  <link rel="stylesheet" href="landing.css?v=8">
  <link rel="stylesheet" href="hero-assistant.css?v=16">
  <link rel="stylesheet" href="landing-widgets.css?v=6">
  <script>window.dataLayer=window.dataLayer||[];</script>
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TH8DB6S5');</script>
  <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
  <script src="js/console-shield.js?v=1"></script>
</head>
<body>
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TH8DB6S5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <a class="skip-link" href="#main">Skip to content</a>
  <header class="site-header" data-header>
    <div class="shell nav-shell">
      <a class="brand" href="/" aria-label="TimrX home"><img src="img/logo.png" width="44" height="44" alt=""><span>Timr<span>X</span></span></a>
      <nav class="desktop-nav" aria-label="Primary navigation">
        <a href="/hub">Product</a><a href="/ai-tools">Tools</a><a href="/hub#pricing">Pricing</a><a href="/blogs">Blog</a>
      </nav>
      <a class="button button-small desktop-cta" href="/3dprint" data-track="nav_open_workspace">Open Workspace <span aria-hidden="true">↗</span></a>
      <button class="menu-button" type="button" aria-label="Open menu" aria-expanded="false" aria-controls="mobileNav"><span></span><span></span><span></span></button>
    </div>
    <nav class="mobile-nav" id="mobileNav" aria-label="Mobile navigation" aria-hidden="true">
      <div class="mobile-nav-panel">
        <div class="mobile-nav-head">
          <span class="mobile-nav-kicker">TimrX platform</span>
          <strong>Choose where to start</strong>
        </div>
        <div class="mobile-nav-links">
          <a href="/hub"><span>Product</span><small>Overview, demos and pricing</small></a>
          <a href="/ai-tools"><span>Tools</span><small>Image, video, 3D and converters</small></a>
          <a href="/hub#pricing"><span>Pricing</span><small>Credits and creator packs</small></a>
          <a href="/blogs"><span>Blog</span><small>Guides, updates and tutorials</small></a>
        </div>
        <a class="button mobile-nav-cta" href="/3dprint" data-track="mobile_open_workspace">Open Workspace <span aria-hidden="true">↗</span></a>
        <div class="mobile-nav-foot">
          <a href="/converter">Converter</a>
          <a href="/stl-library">STL Library</a>
          <a href="/company">Company</a>
        </div>
      </div>
    </nav>
  </header>

  <main id="main">
    <section class="hero section-pad hero-guided hero-minimal" aria-labelledby="hero-title">
      <div class="hero-grid-bg" aria-hidden="true"></div><div class="hero-glow hero-glow-one" aria-hidden="true"></div><div class="hero-glow hero-glow-two" aria-hidden="true"></div>
      <div class="shell hero-minimal-shell">
        <div class="hero-copy hero-minimal-copy reveal">
          <div class="eyebrow"><span></span> TimrX creative workspace</div>
          <h1 id="hero-title">Create <span class="typed-phrase-wrap"><em data-hero-headline>Product Mockups.</em><i class="typed-cursor" aria-hidden="true"></i></span></h1>
          <p>Generate images, videos and printable 3D models from prompts or uploads. Refine, convert, export or print from one guided workspace.</p>
        </div>

        <div class="hero-command-wrap reveal" data-hero-command-wrap>
          <div class="hero-command" id="heroCommand">
            <form class="hero-promptbar" id="heroAssistantForm">
              <label class="sr-only" for="heroAssistantInput">Ask a question or describe what to create</label>
              <input id="heroAssistantInput" name="question" type="text" autocomplete="off" placeholder="Ask a question or describe what to create…">
              <button class="prompt-ask" type="button" id="heroAskBtn" aria-label="Speak to the TimrX assistant"><i aria-hidden="true">✦</i><span>Ask</span></button>
              <button class="prompt-generate" type="submit" aria-label="Generate with TimrX"><span>Generate</span><i aria-hidden="true">→</i></button>
            </form>
            <div class="assistant-answer" id="heroAssistantAnswer" aria-live="polite" hidden>
              <span class="assistant-answer-kicker">TimrX guide</span>
              <p>Tell me what you want to create and I’ll suggest the right workflow.</p>
              <a class="assistant-route" href="/3dprint" data-hero-route>Open Workspace <span>→</span></a>
            </div>
          </div>
          <div class="hero-qcarousel" aria-label="Example questions the assistant can answer">
            <div class="qcar-track">
              <button class="qcar-item" type="button" data-hero-question="What can I create with TimrX?">What can I create with TimrX?</button>
              <button class="qcar-item" type="button" data-hero-question="How do credits work?">How do credits work?</button>
              <button class="qcar-item" type="button" data-hero-question="Which file formats can I export?">Which file formats can I export?</button>
              <button class="qcar-item" type="button" data-hero-question="Can I export models for 3D printing?">Can I export models for 3D printing?</button>
              <button class="qcar-item" type="button" data-hero-question="Do I need Blender or 3D skills?">Do I need Blender or 3D skills?</button>
              <button class="qcar-item" type="button" data-hero-question="How do I turn an image into a 3D model?">How do I turn an image into a 3D model?</button>
              <button class="qcar-item" type="button" data-hero-question="What is the difference between the tools?">What is the difference between the tools?</button>
              <button class="qcar-item" type="button" data-hero-question="How do I get started for free?">How do I get started for free?</button>
              <button class="qcar-item" type="button" data-hero-question="What can I create with TimrX?" aria-hidden="true" tabindex="-1">What can I create with TimrX?</button>
              <button class="qcar-item" type="button" data-hero-question="How do credits work?" aria-hidden="true" tabindex="-1">How do credits work?</button>
              <button class="qcar-item" type="button" data-hero-question="Which file formats can I export?" aria-hidden="true" tabindex="-1">Which file formats can I export?</button>
              <button class="qcar-item" type="button" data-hero-question="Can I export models for 3D printing?" aria-hidden="true" tabindex="-1">Can I export models for 3D printing?</button>
              <button class="qcar-item" type="button" data-hero-question="Do I need Blender or 3D skills?" aria-hidden="true" tabindex="-1">Do I need Blender or 3D skills?</button>
              <button class="qcar-item" type="button" data-hero-question="How do I turn an image into a 3D model?" aria-hidden="true" tabindex="-1">How do I turn an image into a 3D model?</button>
              <button class="qcar-item" type="button" data-hero-question="What is the difference between the tools?" aria-hidden="true" tabindex="-1">What is the difference between the tools?</button>
              <button class="qcar-item" type="button" data-hero-question="How do I get started for free?" aria-hidden="true" tabindex="-1">How do I get started for free?</button>
            </div>
          </div>
          <ul class="hero-trust-line" aria-label="Highlights">
            <li>No installs</li>
            <li>Runs in your browser</li>
            <li>STL · OBJ · GLB · 3MF export</li>
            <li>Credit-based generation</li>
          </ul>
        </div>
        <div class="hero-showcase reveal" aria-label="Examples of what you can create in TimrX">
          <div class="show-stage">
          <div class="show-track">
            <figure class="show-card"><img src="img/AI-img-gen-3.png" alt="AI-generated image example" loading="lazy" decoding="async"><figcaption>Image</figcaption></figure>
            <figure class="show-card show-card--video"><video class="show-video" autoplay muted loop playsinline preload="metadata" poster="img/video-posters/hero-1.jpg"><source src="vid/hero-1.mp4" type="video/mp4"></video><span class="show-badge show-badge--play" aria-hidden="true">▶</span><figcaption>Video</figcaption></figure>
            <figure class="show-card show-card--model"><img src="img/model-posters/mod1.png" alt="3D model preview" loading="lazy" decoding="async"><span class="show-badge" aria-hidden="true">3D</span><figcaption>3D model</figcaption></figure>
            <figure class="show-card"><img src="img/AI-img-gen-4.png" alt="AI-generated image example" loading="lazy" decoding="async"><figcaption>Image</figcaption></figure>
            <figure class="show-card show-card--video"><video class="show-video" autoplay muted loop playsinline preload="metadata" poster="img/video-posters/hero-2.jpg"><source src="vid/hero-2.mp4" type="video/mp4"></video><span class="show-badge show-badge--play" aria-hidden="true">▶</span><figcaption>Video</figcaption></figure>
            <figure class="show-card show-card--model"><img src="img/model-posters/mod2.png" alt="3D model preview" loading="lazy" decoding="async"><span class="show-badge" aria-hidden="true">3D</span><figcaption>3D model</figcaption></figure>
            <figure class="show-card show-card--video"><video class="show-video" autoplay muted loop playsinline preload="metadata" poster="img/video-posters/hero-3.jpg"><source src="vid/hero-3.mp4" type="video/mp4"></video><span class="show-badge show-badge--play" aria-hidden="true">▶</span><figcaption>Video</figcaption></figure>
            <figure class="show-card"><img src="img/AI-img-gen-5.png" alt="AI-generated image example" loading="lazy" decoding="async"><figcaption>Image</figcaption></figure>
            <figure class="show-card show-card--export"><div class="export-formats"><span>STL</span><span>OBJ</span><span>GLB</span><span>3MF</span></div><figcaption>Export</figcaption></figure>
            <figure class="show-card show-card--dup" aria-hidden="true"><img src="img/AI-img-gen-3.png" alt="" loading="lazy" decoding="async"><figcaption>Image</figcaption></figure>
            <figure class="show-card show-card--video show-card--dup" aria-hidden="true"><video class="show-video" autoplay muted loop playsinline preload="metadata" poster="img/video-posters/hero-1.jpg"><source src="vid/hero-1.mp4" type="video/mp4"></video><span class="show-badge show-badge--play" aria-hidden="true">▶</span><figcaption>Video</figcaption></figure>
            <figure class="show-card show-card--model show-card--dup" aria-hidden="true"><img src="img/model-posters/mod1.png" alt="" loading="lazy" decoding="async"><span class="show-badge" aria-hidden="true">3D</span><figcaption>3D model</figcaption></figure>
            <figure class="show-card show-card--dup" aria-hidden="true"><img src="img/AI-img-gen-4.png" alt="" loading="lazy" decoding="async"><figcaption>Image</figcaption></figure>
            <figure class="show-card show-card--video show-card--dup" aria-hidden="true"><video class="show-video" autoplay muted loop playsinline preload="metadata" poster="img/video-posters/hero-2.jpg"><source src="vid/hero-2.mp4" type="video/mp4"></video><span class="show-badge show-badge--play" aria-hidden="true">▶</span><figcaption>Video</figcaption></figure>
            <figure class="show-card show-card--model show-card--dup" aria-hidden="true"><img src="img/model-posters/mod2.png" alt="" loading="lazy" decoding="async"><span class="show-badge" aria-hidden="true">3D</span><figcaption>3D model</figcaption></figure>
            <figure class="show-card show-card--video show-card--dup" aria-hidden="true"><video class="show-video" autoplay muted loop playsinline preload="metadata" poster="img/video-posters/hero-3.jpg"><source src="vid/hero-3.mp4" type="video/mp4"></video><span class="show-badge show-badge--play" aria-hidden="true">▶</span><figcaption>Video</figcaption></figure>
            <figure class="show-card show-card--dup" aria-hidden="true"><img src="img/AI-img-gen-5.png" alt="" loading="lazy" decoding="async"><figcaption>Image</figcaption></figure>
            <figure class="show-card show-card--export show-card--dup" aria-hidden="true"><div class="export-formats"><span>STL</span><span>OBJ</span><span>GLB</span><span>3MF</span></div><figcaption>Export</figcaption></figure>
          </div>
          </div>
        </div>
      </div>
    </section>

    <section class="section-pad capabilities" aria-labelledby="capabilities-title">
      <div class="shell">
        <div class="section-heading section-heading-center reveal">
          <span class="section-index">01 / CAPABILITIES</span>
          <h2 id="capabilities-title">From idea to usable asset.</h2>
          <p>Focused tools for the visual workflows that matter most.</p>
        </div>
        <div class="capability-grid">
          <article class="capability-card reveal">
            <span class="card-num">01</span>
            <div class="cap-icon cap-icon-image" aria-hidden="true">✦</div>
            <h3>Image Generation</h3>
            <p>Create concept art, product visuals, characters and creative images from prompts.</p>
            <a href="/ai-image-generator" data-track="capability_images">Create Images <span>→</span></a>
          </article>
          <article class="capability-card reveal">
            <span class="card-num">02</span>
            <div class="cap-icon cap-icon-video" aria-hidden="true">▶</div>
            <h3>Video Generation</h3>
            <p>Turn prompts or images into short cinematic videos and animated assets.</p>
            <a href="/ai-video-generator" data-track="capability_video">Create Videos <span>→</span></a>
          </article>
          <article class="capability-card reveal">
            <span class="card-num">03</span>
            <div class="cap-icon cap-icon-model" aria-hidden="true">⬢</div>
            <h3>3D Generation &amp; Refinement</h3>
            <p>Generate 3D models from text or images, remesh, retexture, refine and export.</p>
            <a href="/3dprint" data-track="capability_3d">Create 3D Models <span>→</span></a>
          </article>
        </div>
      </div>
    </section>

    <section class="section-pad workflow" aria-labelledby="workflow-title">
      <div class="shell">
        <div class="section-heading section-heading-center reveal">
          <span class="section-index">02 / WORKFLOW</span>
          <h2 id="workflow-title">A simple creative pipeline.</h2>
          <p>Start from a prompt, reference or file, then generate, refine and export.</p>
        </div>
        <ol class="workflow-grid">
          <li class="reveal"><span>STEP 01</span><div class="workflow-symbol" aria-hidden="true">⌁</div><h3>Describe or upload</h3><p>Start with a prompt, image, reference or existing file.</p></li>
          <li class="reveal"><span>STEP 02</span><div class="workflow-symbol" aria-hidden="true">✧</div><h3>Generate and refine</h3><p>Create images, videos or 3D models, then improve the result with built-in tools.</p></li>
          <li class="reveal"><span>STEP 03</span><div class="workflow-symbol" aria-hidden="true">↓</div><h3>Export or print</h3><p>Download STL, OBJ, GLB or 3MF, convert files, or prepare assets for printing.</p></li>
        </ol>
      </div>
    </section>

    <section class="tools-band" aria-labelledby="tools-title">
      <div class="shell tools-layout reveal">
        <div>
          <span class="section-index">03 / TOOLS</span>
          <h2 id="tools-title">Open the right tool fast.</h2>
        </div>
        <nav class="tool-links" aria-label="TimrX tools">
          <a href="/text-to-3d" data-track="tool_text_to_3d">Text to 3D <span>↗</span></a>
          <a href="/image-to-3d" data-track="tool_image_to_3d">Image to 3D <span>↗</span></a>
          <a href="/ai-image-generator" data-track="tool_image_generator">Image Generator <span>↗</span></a>
          <a href="/ai-video-generator" data-track="tool_image_to_video">Image to Video <span>↗</span></a>
          <a href="/converter" data-track="tool_converter">File Converter <span>↗</span></a>
          <a href="/stl-library" data-track="tool_stl_library">STL Library <span>↗</span></a>
          <a href="/print-on-demand" data-track="tool_print_ship">Print &amp; Ship <span>↗</span></a>
        </nav>
      </div>
    </section>

    <section class="section-pad pricing-preview" aria-labelledby="pricing-title"><div class="shell pricing-card reveal"><div class="pricing-main"><span class="section-index">FLEXIBLE CREDITS</span><h2 id="pricing-title">Create when you need to.<br>Pay for what you use.</h2><p>TimrX uses credits for AI generation and selected refinement tools. Start small, then add more when your workflow grows.</p><a class="button button-primary" href="/hub#pricing" data-track="pricing_view">View Pricing <span>→</span></a></div><div class="pricing-uses"><span class="pricing-uses-cap">One balance, every tool</span><ul aria-label="What credits unlock"><li><span>Image generation</span><small>Concept art, characters and product visuals.</small></li><li><span>Video generation</span><small>Cinematic clips and animated assets.</small></li><li><span>3D generation</span><small>Text and image to printable 3D models.</small></li><li><span>Refinement</span><small>Remesh, retexture and print preparation.</small></li></ul></div></div></section>

    <section class="section-pad insight-feed" aria-labelledby="insights-title">
      <div class="shell">
        <div class="insight-head reveal">
          <div class="insight-head-left">
            <span class="section-index">04 / BLOG</span>
            <h2 id="insights-title">Latest TimrX insights.</h2>
            <p>Short product notes, workflow guides and practical articles for creators working with AI images, video and 3D assets.</p>
            <div class="insight-topics" aria-label="Topics"><span>AI generation</span><span>3D &amp; printing</span><span>Workflow</span><span>Web &amp; motion</span></div>
          </div>
          <div class="insight-head-right">
            <a class="insight-viewall" href="/blogs" data-track="blog_feed_view_all">View all posts <span aria-hidden="true">→</span></a>
            <dl class="insight-stats">
              <div><dt data-stat="articles">20+</dt><dd>Articles</dd></div>
              <div><dt data-stat="categories">10</dt><dd>Categories</dd></div>
              <div><dt data-stat="read">3 min</dt><dd>Avg read</dd></div>
            </dl>
            <p class="insight-tagline">Build better · Learn faster · Create more</p>
          </div>
        </div>
        <div class="insight-grid" data-blog-feed aria-live="polite">
          <article class="insight-card is-loading"><div class="insight-thumb"></div><div class="insight-body"><h3>Loading article</h3><p>Loading article excerpt</p><div class="insight-meta">Loading</div></div></article>
          <article class="insight-card is-loading"><div class="insight-thumb"></div><div class="insight-body"><h3>Loading article</h3><p>Loading article excerpt</p><div class="insight-meta">Loading</div></div></article>
          <article class="insight-card is-loading"><div class="insight-thumb"></div><div class="insight-body"><h3>Loading article</h3><p>Loading article excerpt</p><div class="insight-meta">Loading</div></div></article>
        </div>
        <nav class="insight-links" aria-label="Browse the blog">
          <span class="insight-links-cap">Browse articles</span>
          <ul data-blog-links>
            <li><a href="/blogs">All blog posts</a></li>
            <li><a href="/blog/tag/ai">AI articles</a></li>
            <li><a href="/blog/tag/3d">3D printing articles</a></li>
            <li><a href="/blog/tag/workflow">Workflow articles</a></li>
          </ul>
        </nav>
      </div>
    </section>

    <section class="section-pad faq" aria-labelledby="faq-title"><div class="shell faq-layout"><div class="section-heading reveal"><span class="section-index">05 / FAQ</span><h2 id="faq-title">Questions, answered.</h2><p>Everything you need before creating your first asset.</p></div><div class="faq-list">
      <details class="reveal"><summary>What can I create with TimrX?<span>＋</span></summary><p>Images, short videos, textured 3D models and printable assets from prompts, reference images or existing files.</p></details>
      <details class="reveal"><summary>Can I export models for 3D printing?<span>＋</span></summary><p>Yes. Use print checks and export workflows for STL and 3MF, then prepare the result for your slicer or print service.</p></details>
      <details class="reveal"><summary>Which file formats are supported?<span>＋</span></summary><p>Core workflows support STL, OBJ, GLB, GLTF, USDZ and 3MF. The converter provides additional format paths.</p></details>
      <details class="reveal"><summary>Do I need Blender or advanced 3D skills?<span>＋</span></summary><p>No. TimrX is designed to generate, inspect, refine and export assets directly in your browser.</p></details>
      <details class="reveal"><summary>How do credits work?<span>＋</span></summary><p>Generation and selected refinement actions use credits. Choose a pack based on the tools and output volume you need.</p></details>
      <details class="reveal"><summary>Can I use TimrX for content, games or products?<span>＋</span></summary><p>Yes. Workflows support content creation, game concepts, product visualisation, prototypes and print-ready ideas.</p></details>
    </div></div></section>

    <section class="final-cta"><div class="shell reveal"><span class="eyebrow"><span></span> Start with an idea</span><h2>Make the next asset in TimrX.</h2><p>Generate, refine and export without leaving the browser.</p><a class="button button-primary" href="/3dprint" data-track="footer_open_workspace">Open Workspace <span>→</span></a></div></section>
  </main>

  <footer class="site-footer"><div class="shell footer-grid"><div><a class="brand" href="/"><img src="img/logo.png" width="40" height="40" alt=""><span>Timr<span>X</span></span></a><p>Images, video and 3D creation in one browser workspace.</p></div><nav aria-label="Product"><h2>Product</h2><a href="/3dprint">Workspace</a><a href="/ai-tools">Tools</a><a href="/converter">Converter</a><a href="/stl-library">STL Library</a></nav><nav aria-label="Company"><h2>Explore</h2><a href="/blogs">Blog</a><a href="/company">Company</a><a href="/terms">Terms</a><a href="/privacy">Privacy</a></nav></div><div class="shell footer-bottom"><span>© <span data-year></span> TimrX</span><a href="/dima-vasiliu">Built by Dima Vasiliu <span>↗</span></a></div></footer>
  <script src="js/env-config.js?v=4"></script>
  <script>
    window.TIMRX_CHAT_CONTEXT = 'You are the TimrX platform assistant on the main product landing page. Answer as TimrX, not as Dima personally. Focus on helping visitors understand the product, choose the right tool, open the workspace, understand credits, exports, formats and workflows. Keep answers concise, conversion-focused and practical. If users ask for freelance services or Dima personally, route them to /dima-vasiliu instead of mixing that into the product funnel.';
    window.TIMRX_CHAT_FAQ = [
      {q:'What can I create with TimrX?',a:'You can create images, short videos, 3D models and print-ready assets from prompts, images or existing files. Start in /3dprint or browse /ai-tools.',keywords:['create','what can i make','images','video','3d','assets']},
      {q:'Where should I start?',a:'Open the workspace at /3dprint if you want to generate now. Use /ai-tools if you want to pick a specific tool first.',keywords:['start','begin','workspace','open workspace','first step']},
      {q:'Can I export for 3D printing?',a:'Yes. TimrX supports print-focused workflows and exports such as STL and 3MF, with OBJ and GLB available for broader 3D use.',keywords:['export','3d print','stl','3mf','obj','glb','formats']},
      {q:'How do credits work?',a:'Credits are used for AI generation and selected refinement actions. Use /hub#pricing to compare packs before starting a larger workflow.',keywords:['credits','pricing','cost','billing','packs']},
      {q:'Do I need Blender?',a:'No. TimrX is browser-based, so you can generate, inspect, refine and export without installing Blender just to get started.',keywords:['blender','software','install','browser']},
      {q:'Which tool should I use?',a:'Use text-to-3D for prompt-based models, image-to-3D for reference images, the image generator for visuals, image-to-video for motion, and the converter for file format changes.',keywords:['which tool','text to 3d','image to 3d','converter','image generator','video']}
    ];
    window.TIMRX_CHAT_WIDGET = {kicker:'Platform assistant',title:'Ask TimrX',subtitle:'Product guidance for images, video, 3D, exports and credits.',spotlightTitle:'Find the right workflow',spotlightCopy:'Ask what to create, which tool to open, what formats are supported, or how credits work.',welcomeTitle:'What do you want to create?',welcomeCopy:'I can point you to the right TimrX tool and explain the workflow before you open the workspace.',placeholder:'Ask about tools, exports, credits or workflows…',prompts:[{label:'Which tool should I use?',prompt:'Which TimrX tool should I use for my idea?'},{label:'Can I export STL?',prompt:'Can I export models for 3D printing as STL or 3MF?'},{label:'How do credits work?',prompt:'How do credits work on TimrX?'},{label:'Start creating',prompt:'Where should I start if I want to create an asset now?'}]};
  </script>
  <script src="app.js?v=5" defer></script>
  <script src="hero-assistant.js?v=9" defer></script>
  <script src="landing-widgets.js?v=3" defer></script>
  <script src="landing.js?v=4" defer></script>
  <script src="js/cookie-consent.js" defer></script>
  <script>
  /* Live showcase — pull generated assets from the inspire feed (same source as Inspire), with the static cards as instant fallback. */
  (function(){
    var track=document.querySelector('.hero-showcase .show-track');
    if(!track)return;
    var BACKEND=(window.TIMRX_3D_API_BASE||(window.TIMRX_ENV&&window.TIMRX_ENV.threedApiBase)||'https://3d.timrx.live').replace(/\/+$/,'');
    var mq=function(q){return window.matchMedia&&window.matchMedia(q).matches;};
    var conn=navigator.connection||{};
    var lite=mq('(prefers-reduced-motion:reduce)')||conn.saveData===true||/(^|\b)(slow-2g|2g)\b/.test(conn.effectiveType||'');
    var videoBudget=lite?0:(mq('(max-width:760px)')?1:2);
    var PAT=[[-10,34],[8,-8],[-14,16],[6,-12],[-8,26],[12,0],[-12,20],[4,-6],[-6,12]];
    function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c];});}
    function thumb(c){return c.thumb_preview||c.thumb_url||c.thumbnail||c.thumbnail_url||'';}
    function kind(c){var t=String(c.type||'').toLowerCase();if(c.video_url||t.indexOf('video')>=0)return'video';if(/3d|model|stl|glb|obj|mesh/.test(t))return'3d';return'image';}
    function fig(c,j,dup,autoplay){
      var th=thumb(c);if(!th&&!c.video_url)return'';
      var k=kind(c),p=PAT[j%9];
      var cls='show-card'+(k==='3d'?' show-card--model':(k==='video'?' show-card--video':''))+(dup?' show-card--dup':'');
      var label=k==='video'?'Video':(k==='3d'?'3D model':'Image');
      var badge=k==='video'?'<span class="show-badge show-badge--play" aria-hidden="true">▶</span>':(k==='3d'?'<span class="show-badge" aria-hidden="true">3D</span>':'');
      var alt=dup?'':esc(c.prompt||(label+' generated with TimrX'));
      var media;
      if(k==='video'&&c.video_url&&autoplay){media='<video class="show-video" autoplay muted loop playsinline preload="metadata"'+(th?' poster="'+esc(th)+'"':'')+'><source src="'+esc(c.video_url)+'" type="video/mp4"></video>';}
      else{media='<img src="'+esc(th)+'" alt="'+alt+'" loading="lazy" decoding="async">';}
      return '<figure class="'+cls+'"'+(dup?' aria-hidden="true"':'')+' style="--ty:'+p[0]+'px;--tz:'+p[1]+'px">'+media+badge+'<figcaption>'+label+'</figcaption></figure>';
    }
    function exp(j,dup){var p=PAT[j%9];return '<figure class="show-card show-card--export'+(dup?' show-card--dup':'')+'"'+(dup?' aria-hidden="true"':'')+' style="--ty:'+p[0]+'px;--tz:'+p[1]+'px"><div class="export-formats"><span>STL</span><span>OBJ</span><span>GLB</span><span>3MF</span></div><figcaption>Export</figcaption></figure>';}
    var io;
    function observeVideos(){
      if(!('IntersectionObserver'in window))return;
      if(io)io.disconnect();
      io=new IntersectionObserver(function(es){es.forEach(function(e){var v=e.target;if(e.isIntersecting){var pr=v.play&&v.play();if(pr&&pr.catch)pr.catch(function(){});}else if(v.pause){v.pause();}});},{rootMargin:'140px',threshold:.01});
      track.querySelectorAll('video.show-video').forEach(function(v){io.observe(v);});
    }
    function render(cards){
      var seen={},pick=[];
      cards.forEach(function(c){var key=thumb(c)||c.video_url;if(!key||seen[key])return;seen[key]=1;pick.push(c);});
      if(pick.length<4)return;
      pick=pick.slice(0,8);
      var u1=0,g='';pick.forEach(function(c,i){var ap=kind(c)==='video'&&u1<videoBudget;if(ap)u1++;g+=fig(c,i,false,ap);});g+=exp(pick.length,false);
      var u2=0,d='';pick.forEach(function(c,i){var ap=kind(c)==='video'&&u2<videoBudget;if(ap)u2++;d+=fig(c,i,true,ap);});d+=exp(pick.length,true);
      var html=g+d;if(!html)return;
      track.innerHTML=html;observeVideos();
    }
    function run(){
      var ctrl=('AbortController'in window)?new AbortController():null,to=setTimeout(function(){ctrl&&ctrl.abort();},8000);
      fetch(BACKEND+'/api/_mod/inspire/feed?type=all&mix=balanced&limit=16',{mode:'cors',cache:'no-store',signal:ctrl?ctrl.signal:undefined})
        .then(function(r){return r.ok?r.json():null;})
        .then(function(d){clearTimeout(to);if(!d||d.ok===false)return;var cards=d.cards||d.items||[];if(cards&&cards.length)render(cards);})
        .catch(function(){clearTimeout(to);});
    }
    if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',run);else run();
  })();
  </script>
  <script>
  (function(){
    var hs=document.querySelector('.hero-showcase'),stage=hs&&hs.querySelector('.show-stage');
    if(!hs||!stage)return;
    if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches)return;
    var raf=0;
    hs.addEventListener('pointermove',function(e){
      if(e.pointerType==='touch')return;
      var r=hs.getBoundingClientRect(),px=(e.clientX-r.left)/r.width-0.5,py=(e.clientY-r.top)/r.height-0.5;
      if(raf)cancelAnimationFrame(raf);
      raf=requestAnimationFrame(function(){
        stage.style.setProperty('--ry',(px*9).toFixed(2)+'deg');
        stage.style.setProperty('--rx',(5-py*7).toFixed(2)+'deg');
      });
    },{passive:true});
    hs.addEventListener('pointerleave',function(){stage.style.setProperty('--ry','0deg');stage.style.setProperty('--rx','5deg');});
  })();
  </script>
  <script>
  /* Reveal the chat toggle only after the hero has scrolled out of view */
  (function(){
    var hero=document.querySelector('.hero');
    if(!hero||!('IntersectionObserver'in window)){document.body.classList.add('chat-toggle-on');return;}
    new IntersectionObserver(function(es){document.body.classList.toggle('chat-toggle-on',!es[0].isIntersecting);},{threshold:0}).observe(hero);
  })();
  </script>
</body>
</html>
