1<!DOCTYPE html><html lang="en"> <head>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 2(window,'GTM-56CMP8K','google_tags_first_party');</script>
2<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dYzg1YT', true); 3 w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4 j=d.createElement(s);j.async=true;j.src='/4vu8/'; 5 f.parentNode.insertBefore(j,f); 6 })(window,document,'script','dataLayer');</script>
6<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Sole source for PageForge affiliate attribution; do not remove without replacing coverage in validate.sh. -->
6<script> 7 /* <!-- OpenArt Click ID Shim --> */ 8 (function() { 9 try { 10 var params = new URLSearchParams(window.location.search); 11 var openArtHostPattern = /(^|\.)openart\.ai$/i; 12 var productionHostPattern = /^(www\.)?openart\.ai$/i; 13 var isOpenArtHost = openArtHostPattern.test(window.location.hostname); 14 var isProductionHost = productionHostPattern.test(window.location.hostname); 15 16 function safeLocalStorageSet(key, value) { 17 try { 18 window.localStorage.setItem(key, value); 19 } catch (_err) {} 20 } 21 22 function setOpenArtCookie(key, value, maxAgeSeconds) { 23 if (!isOpenArtHost) return; 24 console.log("value", value); 25 console.log("encodeURIComponent(value)", encodeURIComponent(value)); 26 document.cookie = 27 key + '=' + encodeURIComponent(value) + 28 '; max-age=' + maxAgeSeconds + 29 '; path=/; domain=.openart.ai; SameSite=Lax'; 30 } 31 32 function postImpactClickId(clickId) { 33 if (!isOpenArtHost || typeof fetch !== 'function') return; 34 35 try { 36 fetch('/legacy/api/tracking/impact/store-clickid', { 37 method: 'POST', 38 headers: { 'Content-Type': 'application/json' }, 39 credentials: 'same-origin', 40 body: JSON.stringify({ clickId: clickId }), 41 }).catch(function() {}); 42 } catch (_err) {} 43 } 44 45 function loadTolt() { 46 if (document.getElementById('tolt-referral')) return; 47 48 var existingScript = document.querySelector('script[src="https://cdn.tolt.io/tolt.js"]'); 49 if (existingScript) return; 50 51 var script = document.createElement('script'); 52 script.id = 'tolt-referral'; 53 script.src = 'https://cdn.tolt.io/tolt.js'; 54 script.async = true; 55 script.defer = true; 56 script.setAttribute('data-tolt', 'ae0f5a8f-ead8-4050-a9a4-f6b44ca09e95'); 57 (document.head || document.documentElement).appendChild(script); 58 } 59 60 var clickIds = ['gclid', 'fbclid', 'msclkid', 'rdt_cid', 'gbraid', 'wbraid']; 61 clickIds.forEach(function(key) { 62 var value = params.get(key); 63 if (value) { 64 setOpenArtCookie(key, value, 7776000); 65 } 66 }); 67 68 var oaAdClidParams = ['gclid', 'gbraid', 'wbraid', 'fbclid', 'msclkid', 'ttclid']; 69 var oaAdClidPattern = /^[A-Za-z0-9._-]{1,512}$/; 70 var oaIncoming = {}; 71 var now = Date.now(); 72 oaAdClidParams.forEach(function(key) { 73 var val = params.get(key); 74 if (val && oaAdClidPattern.test(val)) { 75 oaIncoming[key] = { v: val, ts: now }; 76 } 77 }); 78 if (Object.keys(oaIncoming).length > 0) { 79 var oaExisting = {}; 80 try { 81 var oaMatch = document.cookie.match(/(?:^|;\s*)oa_ad_clids=([^;]*)/); 82 if (oaMatch) oaExisting = JSON.parse(decodeURIComponent(oaMatch[1])) || {}; 83 } catch(_e) {} 84 oaAdClidParams.forEach(function(key) { 85 if (oaIncoming[key]) oaExisting[key] = oaIncoming[key]; 86 }); 87 var oaJson = JSON.stringify(oaExisting); 88 setOpenArtCookie('oa_ad_clids', oaJson, 7776000); 89 safeLocalStorageSet('oa_ad_clids', oaJson); 90 } 91 92 var impactClickId = params.get('im_ref'); 93 if (impactClickId) { 94 safeLocalStorageSet('impact_clickid', impactClickId); 95 postImpactClickId(impactClickId); 96 } 97 98 var impactPartnerId = params.get('irpid'); 99 if (impactPartnerId) { 100 safeLocalStorageSet('impact_irpid', impactPartnerId); 101 } 102 103 if (isProductionHost) { 104 loadTolt(); 105 } 106 } catch (_err) {} 107 })(); 108</script>
108<!-- OpenArt i18n SDK â loaded on every page via the shared head. -->
108<script async src="https://i18n.openart.ai/sdk.js?key=ebe59d17d54e4c4df8b69eae333003cd"></script>
108<!-- Google Fonts: Inter + Bricolage Grotesque + JetBrains Mono --><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=Bricolage+Grotesque:opsz,[email protected],400;12..96,500;12..96,600;12..96,700;12..96,800&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"><title>AI Art Generator: Free AI Image, Video & Audio Generator</title><meta name="description" content="Create AI art, images, videos and music online for free. 100+ models from Google, OpenAI, Seedance & more. â all in one place. Trusted by 8M+ creators. Start in seconds."><meta name="robots" content="index, follow, max-image-preview:large"><meta name="googlebot" content="index, follow, max-image-preview:large"><meta name="theme-color" content="#0B090C"><link rel="canonical" href="https://openart.ai/"><link rel="alternate" hreflang="en" href="https://openart.ai/"><link rel="alternate" hreflang="pt" href="https://openart.ai/pt"><link rel="alternate" hreflang="es" href="https://openart.ai/es"><link rel="alternate" hreflang="de" href="https://openart.ai/de"><link rel="alternate" hreflang="fr" href="https://openart.ai/fr"><link rel="alternate" hreflang="it" href="https://openart.ai/it"><link rel="alternate" hreflang="ko" href="https://openart.ai/ko"><link rel="alternate" hreflang="ja" href="https://openart.ai/ja"><link rel="alternate" hreflang="pl" href="https://openart.ai/pl"><link rel="alternate" hreflang="nl" href="https://openart.ai/nl"><link rel="alternate" hreflang="sv" href="https://openart.ai/sv"><link rel="alternate" hreflang="hi" href="https://openart.ai/hi"><link rel="alternate" hreflang="pt-BR" href="https://openart.ai/pt-br"><link rel="alternate" hreflang="zh-CN" href="https://openart.ai/zh-cn"><link rel="alternate" hreflang="x-default" href="https://openart.ai/"><!-- 109 Site icons. Every raster here must stay fully opaque: Google's SERP renderer 110 drops the alpha channel, so transparent corners paint as a black square (the 111 old 32px Webflow icon did exactly that). Google also needs a 48px-multiple 112 source. Served from /pageforge-assets/ because that is the only asset prefix 113 the pageforge-seo worker exposes on openart.ai itself (/assets/ 404s there). 114--><link rel="icon" type="image/png" sizes="96x96" href="/pageforge-assets/favicon/favicon-96x96.png"><link rel="icon" type="image/png" sizes="192x192" href="/pageforge-assets/favicon/favicon-192x192.png"><link rel="shortcut icon" href="/pageforge-assets/favicon/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/pageforge-assets/favicon/apple-touch-icon.png"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:url" content="https://openart.ai/"><meta property="og:title" content="AI Art Generator: Free AI Image, Video & Audio Generator"><meta property="og:description" content="Create AI art, images, videos and music online for free. 100+ models from Google, OpenAI, Seedance & more. â all in one place. Trusted by 8M+ creators. Start in seconds."><meta property="og:image" content="https://cdn.openart.ai/assets/internal/uploads/image_PGRJom1C_1200x630_1776245286893.webp?v=20260521-1549"><meta property="og:image:url" content="https://cdn.openart.ai/assets/internal/uploads/image_PGRJom1C_1200x630_1776245286893.webp?v=20260521-1549"><meta property="og:image:secure_url" content="https://cdn.openart.ai/assets/internal/uploads/image_PGRJom1C_1200x630_1776245286893.webp?v=20260521-1549"><meta property="og:image:type" content="image/webp"><meta property="og:image:alt" content="AI Art Generator: Free AI Image, Video & Audio Generator"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="OpenArt"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://openart.ai/"><meta name="twitter:title" content="AI Art Generator: Free AI Image, Video & Audio Generator"><meta name="twitter:description" content="Create AI art, images, videos and music online for free. 100+ models from Google, OpenAI, Seedance & more. â all in one place. Trusted by 8M+ creators. Start in seconds."><meta name="twitter:image" content="https://cdn.openart.ai/assets/internal/uploads/image_PGRJom1C_1200x630_1776245286893.webp?v=20260521-1549"><meta name="twitter:image:alt" content="AI Art Generator: Free AI Image, Video & Audio Generator">
114<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"AI Art Generator: Free AI Image, Video & Audio Generator","description":"Create AI art, images, videos and music online for free. 100+ models from Google, OpenAI, Seedance & more. â all in one place. Trusted by 8M+ creators. Start in seconds.","url":"https://openart.ai/","image":"https://cdn.openart.ai/assets/internal/uploads/image_PGRJom1C_1200x630_1776245286893.webp?v=20260521-1549","isPartOf":{"@type":"WebSite","name":"OpenArt","url":"https://openart.ai"}}</script>
114<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://openart.ai/"}]}</script>
114<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is OpenArt AI?","acceptedAnswer":{"@type":"Answer","text":"OpenArt is an all-in-one platform for creating AI images and videos. Whether you want a product ad, a TikTok reel, a short film, or a virtual character that posts content for you, you can make it all on OpenArt, without specialized editing software, design background, or technical skills."}},{"@type":"Question","name":"Is OpenArt free?","acceptedAnswer":{"@type":"Answer","text":"Yes. You can start creating on OpenArt for free with a trial plan, with daily credits and no credit card required. Paid plans unlock the most powerful AI models, longer video generation, and higher quality exports."}},{"@type":"Question","name":"Can I use what I create on OpenArt for my business or brand?","acceptedAnswer":{"@type":"Answer","text":"Yes. You fully own what you create and can use it however you like, in ads, on social media, in client work, on merchandise, or anywhere else. No royalties, no attribution required."}},{"@type":"Question","name":"Which AI models does OpenArt use?","acceptedA
114nswer":{"@type":"Answer","text":"OpenArt brings together the best AI models in one place, including Seedream 5.0, Seedance 2.0, Google Veo 3, GPT Image 2, Nano Banana Pro, Sora 2, Kling 3.0, Grok Imagine, MiniMax Hailuo, and HappyHorse. Instead of paying for several separate tools, you get them all under one subscription and can pick whichever one fits the content you're making."}},{"@type":"Question","name":"Can I create the same character across different scenes and videos?","acceptedAnswer":{"@type":"Answer","text":"Yes! This is one of OpenArt's most-loved features. Create a character once, and you can place them in any outfit, scene, or video with the same face and look every time. It's how creators build AI influencers, recurring brand mascots, and full stories with consistent characters."}},{"@type":"Question","name":"Can OpenArt make videos with talking, music, and sound?","acceptedAnswer":{"@type":"Answer","text":"Yes. You can make videos where characters speak with synced lip movements, add original AI-generated music, and include realistic sound effects, all inside OpenArt. Great for everything from quick social clips to full cinematic videos."}},{"@type":"Question","name":"Will my videos fit TikTok, Reels, and YouTube?","acceptedA
114nswer":{"@type":"Answer","text":"Yes. OpenArt exports in every format and aspect ratio you need: vertical for TikTok, Reels, and Shorts; widescreen for YouTube and ads; square for Instagram feeds; and cinematic ratios for film. Just pick the platform and your video comes out ready to post."}},{"@type":"Question","name":"How is OpenArt different from tools like Midjourney, Runway, or Sora?","acceptedAnswer":{"@type":"Answer","text":"Most AI tools specialize in one thing. Midjourney is mainly for images, Sora and Runway are built for video. But OpenArt brings images, videos, characters, music, and editing into one place, with every leading AI model built in. You don't need five different subscriptions or constantly move files between separate apps."}},{"@type":"Question","name":"Do I need to know how to use AI or edit videos to get good results?","acceptedAnswer":{"@type":"Answer","text":"Not at all. OpenArt is built for everyday creators. You describe what you want in plain words, pick a style, and the platform handles the rest. If you want more control, advanced tools are there when you're ready and you can always refine your prompts, but you can still make great content from your very first try."}},{"@type":"Question","name":"Is my work private and safe on OpenArt?","acceptedA
114nswer":{"@type":"Answer","text":"Yes. Your creations stay private, payments are handled securely, and OpenArt has safeguards in place to keep the platform safe and responsible, so you can create with confidence whether you're creating for personal or professional use."}}]}</script>
114<script type="module" src="/_astro/AmplitudeTracker.astro_astro_type_script_index_0_lang.lj480CJI.js"></script>
114
114<script type="module" src="/_astro/AnalyticsTracker.astro_astro_type_script_index_0_lang.DIbK87Lu.js"></script>
114<link rel="stylesheet" href="/_astro/engine.BEmVdjCr.css"> 115<style>@theme{ --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-heading: "Bricolage Grotesque", "Inter", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace; --color-brand: #fb23c2; --color-brand-400: #ed00b5; --color-ink-0: #090a0a; --color-ink-1: #121314; --color-ink-2: #16181a; --color-ink-3: #1b1d1f; --color-ink-4: #242729; --color-slate-4: #2b292d; --color-slate-8: #625f69; --color-slate-9: #6f6d78; --color-slate-11: #b5b2bc; --color-slate-12: #eeedf0; }@layer base{body{font-family:var(--font-sans);background:var(--color-ink-0);color:var(--color-slate-12)}.section-dark{background:#0b090c;color:#fff}.section-light{background:#ebf0f5;color:#000000f2}}@layer utilities{.gradient-text{background:linear-gradient(135deg,#fff,#ffcbef,#ff82db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(251,35,194,.15) 0%,transparent 70%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 0%,transparent 80%);opacity:.3;pointer-events:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-scroll{animation:marquee var(--gallery-duration, 120s) linear infinite}.gallery-scroll:hover{animation-play-state:paused}@media(min-width:768px){.direction-rtl{direction:rtl}.direction-rtl>*{direction:ltr}}details summary::-webkit-details-marker{display:none}details summary::marker{display:none;content:""}details[open] .faq-icon{transform:rotate(45deg)}.media-placeholder{position:relative;background:transparent}.media-placeholder:after{content:none}} 116.faq-heading-accent[data-astro-cid-h4zmggu3]{color:#fb23c2;-webkit-text-fill-color:#fb23c2}.faq-cards-variant[data-astro-cid-h4zmggu3] .faq-icon[data-astro-cid-h4zmggu3]{position:relative}.faq-cards-variant[data-astro-cid-h4zmggu3] .faq-icon[data-astro-cid-h4zmggu3]:before,.faq-cards-variant[data-astro-cid-h4zmggu3] .faq-icon[data-astro-cid-h4zmggu3]:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}.faq-cards-variant[data-astro-cid-h4zmggu3] .faq-icon[data-astro-cid-h4zmggu3]:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-answer[data-astro-cid-h4zmggu3] a{color:#ff82db;text-decoration:underline;text-underline-offset:3px}.faq-answer[data-astro-cid-h4zmggu3] a:hover{color:#fb23c2} 117</style> 118<link rel="stylesheet" href="/_astro/openart-home.CNb25Dqu.css"> 119<link rel="stylesheet" href="/_astro/FeaturesDetailSection.C7WuphVI.css"> 120<link rel="stylesheet" href="/_astro/FooterV3.BeXziJC7.css"></head> <body class="bg-[#090a0a] text-[#eeedf0] font-sans"> <!-- 121 Language selector temporarily hidden. On i18n-proxied locale pages (e.g. 122 /zh-cn) the translation proxy locale-prefixes the switcher's root-relative 123 hrefs (/pt -> /zh-cn/pt), sending visitors to a broken nested route that 124 leaked the internal Hub. Disabled until the switch targets are made 125 proxy-safe. Flip back to `true` to restore. 126--><!-- Sticky header group: announcement bar + nav stay pinned to the top together --><div class="sticky top-0 z-50" data-navv3-sticky data-navv3-sticky-variant="marketing"> <div class="w-full" id="announcement-bar" style="background: linear-gradient(90deg, #0ae448 0%, #abff84 100%); border-bottom: 1px solid rgba(9,10,10,0.16); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);"> <div class="max-w-[1760px] mx-auto px-4 md:px-7 pr-[48px] flex items-center justify-center gap-[16px] h-[38px] relative"> <p class="text-[14px] md:text-[15px] font-medium tracking-[0.02em] text-center truncate text-[#090a0a]">Limited-time offer! Unlock a year of limitless creativity with annual plans at UP TO 27% OFF.</p>
126 <a href="/suite/pricing" class="shrink-0 inline-flex items-center h-[24px] px-[12px] rounded-full text-[12px] font-semibold transition-colors text-[#090a0a] hover:text-[#090a0a] border border-[rgba(9,10,10,0.2)] bg-[rgba(255,255,255,0.38)] hover:bg-[rgba(255,255,255,0.7)]"> View Plan › 127</a> <button class="absolute right-4 md:right-7 top-1/2 -translate-y-1/2 w-[24px] h-[24px] flex items-center justify-center transition-colors cursor-pointer text-[rgba(9,10,10,0.45)] hover:text-[rgba(9,10,10,0.78)]" onclick="this.closest('#announcement-bar').remove()" aria-label="Close"> <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M1 1l10 10M11 1L1 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg> </button> </div> </div> <!-- Desktop nav --> <nav class="relative" style="background:rgba(9,10,10,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);" data-navv3-root data-navv3-variant="marketing" data-navv3-tone="light" data-navv3-child="v3-marketing"> <div class="max-w-[1760px] mx-auto px-6 md:px-14" style="height:80px;display:flex;align-items:center;"> <div class="flex items-center w-full gap-4"> <div class="flex items-center gap-0 shrink-0"> <a href="/" class="shrink-0 outline-none focus:outline-none focus-visible:outline-none" data-nav-logo> <img src="/pageforge-assets/shared/images/logo_2x.webp" alt="OpenArt" class="h-9 md:h-14 w-auto block"> </a> </div> <ul class="hidden md:flex items-center min-w-0 flex-1 overflow-hidden gap-[2px] xl:gap-[6px] ml-[18px]" data-nav-items> <li class="nav-item shrink-0" data-nav-idx="0" data-nav-priority="0" data-nav-pinned="false"> <a href="#" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="nav-panel-0"> AI Tools <svg width="8" height="5" viewBox="0 0 10 6" fill="none" class="nav-chevron transition-transform duration-200 ml-[6px]"><path d="M1 1l4 4 4-4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </li><li class="nav-item shrink-0" data-nav-idx="1" data-nav-priority="1" data-nav-pinned="false"> <a href="#" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="nav-panel-1"> AI Models <svg width="8" height="5" viewBox="0 0 10 6" fill="none" class="nav-chevron transition-transform duration-200 ml-[6px]"><path d="M1 1l4 4 4-4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </li><li class="nav-item shrink-0" data-nav-idx="2" data-nav-priority="2" data-nav-pinned="false"> <a href="#" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="nav-panel-2"> Features <svg width="8" height="5" viewBox="0 0 10 6" fill="none" class="nav-chevron transition-transform duration-200 ml-[6px]"><path d="M1 1l4 4 4-4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </li><li class="nav-item shrink-0" data-nav-idx="3" data-nav-priority="3" data-nav-pinned="false"> <a href="#" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="nav-panel-3"> Resources <svg width="8" height="5" viewBox="0 0 10 6" fill="none" class="nav-chevron transition-transform duration-200 ml-[6px]"><path d="M1 1l4 4 4-4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </li><li class="nav-item shrink-0" data-nav-idx="4" data-nav-priority="4" data-nav-pinned="true">
127 <a href="/suite/pricing" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" data-pageforge-source="pricing"> Pricing </a> </li><li class="nav-item shrink-0" data-nav-idx="5" data-nav-priority="5" data-nav-pinned="true"> <a href="/enterprise/" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" data-pageforge-source="enterprise"> Enterprise </a> </li> <li class="nav-item shrink-0 hidden" data-nav-idx="more" data-nav-more> <a href="#" class="flex items-center gap-[5px] text-[16px] font-medium whitespace-nowrap transition-colors px-[8px] xl:px-[12px] py-[10px] rounded-[8px] text-[rgba(255,255,255,0.78)] hover:text-white hover:bg-[rgba(255,255,255,0.04)]" role="button" aria-label="More navigation items" aria-haspopup="true" aria-expanded="false" aria-controls="nav-panel-more"> 128More 129<svg width="8" height="5" viewBox="0 0 10 6" fill="none" class="nav-chevron transition-transform duration-200 ml-[6px]"><path d="M1 1l4 4 4-4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </li> </ul> <div class="flex items-center gap-5 shrink-0 ml-auto"> <a href="/home" class="inline-flex items-center gap-[5px] h-[34px] md:h-[38px] px-[12px] md:px-[18px] bg-white rounded-[10px] md:rounded-[12px] text-[#090a0a] text-[13px] md:text-[14px] font-semibold shrink-0 hover:bg-[#ebf0f5] active:scale-95 transition-all" data-navv3-cta data-pageforge-source="start_for_free"> Start for Free <svg width="13" height="13" class="hidden md:block" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> <button class="flex md:hidden flex-col gap-[5px] p-1 cursor-pointer" id="navv3-hamburger" aria-label="Menu"> <span class="block w-[22px] h-0.5 bg-white rounded-sm"></span> <span class="block w-[22px] h-0.5 bg-white rounded-sm"></span> <span class="block w-[22px] h-0.5 bg-white rounded-sm"></span> </button> </div> </div> </div> </nav> </div> <!-- /Sticky header group --> <div id="nav-panel-more" class="nav-panel hidden fixed z-[999] rounded-[14px] border border-[rgba(255,255,255,0.08)] py-[6px] shadow-[0_24px_70px_rgba(0,0,0,0.48)]" style="top:80px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,10,10,0.92);min-width:220px;max-width:280px;" data-nav-panel data-nav-panel-more> <ul class="flex flex-col" data-nav-panel-more-list></ul> </div> <!-- Desktop dropdown panels â rendered OUTSIDE nav to escape backdrop-filter stacking context --> <div id="nav-panel-0" class="nav-panel hidden fixed left-0 w-full z-[998]" style="top:80px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,10,10,0.82);border-top:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 8px 32px rgba(0,0,0,0.4);" data-nav-panel> <div class="max-w-[1760px] mx-auto py-0" style="padding-left:clamp(20px, 3vw, 56px); padding-right:clamp(20px, 3vw, 56px);"> <div class="flex" style="gap:clamp(20px, 3vw, 48px);"> <div class="py-[28px] nav-tools-scroll-grid" style="display:grid;grid-template-columns:repeat(6, minmax(clamp(180px, 16vw, 220px), clamp(180px, 16vw, 220px)));column-gap:clamp(18px, 2.4vw, 42px);row-gap:24px;min-width:0;flex:1 1 auto;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:24px 0 14px;mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);"> <div class="px-[8px]" style="scroll-snap-align:start;"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="[&>svg]:w-[18px] [&>svg]:h-[18px]" style="color:rgba(255,255,255,0.45);">
129<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"/><path d="m6.2 5.3 3.1 3.9"/><path d="m12.4 3.4 3.1 4"/><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></svg></span> <span style="color:rgba(255,255,255,0.45);">Director</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/director?quickStart=short-film" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Short Film <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Direct multi-scene stories worth re-watching</p> </a><a href="/suite/director?quickStart=music-video" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Music Video <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Turn any track into a synced music video</p> </a><a href="/suite/director?quickStart=ugc-ads" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> UGC Ads <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Authentic creator-style ads that convert</p> </a> </div> </div><div class="px-[8px]" style="scroll-snap-align:start;"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="[&>svg]:w-[18px] [&>svg]:h-[18px] opacity-0" style="color:rgba(255,255,255,0.45);"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"/><path d="m6.2 5.3 3.1 3.9"/><path d="m12.4 3.4 3.1 4"/><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></svg></span> <span class="opacity-0" style="color:rgba(255,255,255,0.45);">Director</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/director?quickStart=product-ads" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Product Ads <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Polished product spots for any campaign</p> </a>
129<a href="/suite/director?quickStart=film-trailer" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Film Trailer <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Cut a cinematic trailer with AI</p> </a><a href="/suite/director?quickStart=social-content" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Social Content <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">On-trend clips for every social feed</p> </a> </div> </div><div class="px-[8px]" style="scroll-snap-align:start;"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="[&>svg]:w-[18px] [&>svg]:h-[18px] opacity-0" style="color:rgba(255,255,255,0.45);"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"/><path d="m6.2 5.3 3.1 3.9"/><path d="m12.4 3.4 3.1 4"/><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></svg></span> <span class="opacity-0" style="color:rgba(255,255,255,0.45);">Director</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/director?quickStart=branding-ads" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Branding Ads <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">On-brand video ads at scale</p> </a><a href="/suite/director?quickStart=explainer" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Explainer <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Explain products or ideas with clarity</p> </a><a href="/suite/director?quickStart=micro-drama" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Micro Drama <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Episodic short-form drama, AI-directed</p> </a> </div> </div><div class="px-[8px]" style="scroll-snap-align:start;"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="[&>svg]:w-[18px] [&>svg]:h-[18px]" style="color:rgba(255,255,255,0.45);">
129<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path fill="currentColor" d="M21.15 6.17c-.41-.22-1.27-.45-2.44.37l-1.47 1.04c-.11-3.11-1.46-4.33-4.74-4.33h-6C3.08 3.25 1.75 4.58 1.75 8v8c0 2.3 1.25 4.75 4.75 4.75h6c3.28 0 4.63-1.22 4.74-4.33l1.47 1.04c.62.44 1.16.58 1.59.58.37 0 .66-.11.85-.21.41-.21 1.1-.78 1.1-2.21V8.38c0-1.43-.69-2-1.1-2.21M11 11.38c-1.03 0-1.88-.84-1.88-1.88S9.97 7.62 11 7.62s1.88.84 1.88 1.88-.85 1.88-1.88 1.88"/></svg></span> <span style="color:rgba(255,255,255,0.45);">Video</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/video" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Video Generator <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Create cinematic AI videos from text or images</p> </a><a href="/suite/director?quickStart=music-video" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Music Video <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Sync AI video to any audio track automatically</p> </a><a href="/suite/motion-sync" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Motion Control <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Apply precise motion from reference videos</p> </a> </div> </div><div class="px-[8px]" style="scroll-snap-align:start;"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="[&>svg]:w-[18px] [&>svg]:h-[18px]" style="color:rgba(255,255,255,0.45);"><svg width="16" height="16" viewBox="0 0 24 24" fill="none"><g fill="currentColor"><path d="M9 5.62a2.38 2.38 0 1 1 0 4.76 2.38 2.38 0 0 1 0-4.76"/><path fill-rule="evenodd" d="M16.19 2C19.83 2 22 4.17 22 7.81v8.38c0 3.64-2.17 5.81-5.81 5.81H7.81c-2.39 0-4.157-.94-5.078-2.623l-.172-.347a5 5 0 0 1-.171-.422l-.022-.062C2.126 17.855 2 17.069 2 16.19V7.81C2 4.17 4.17 2 7.81 2zM7.81 3.5C4.99 3.5 3.5 4.99 3.5 7.81v8.38c0 .76.13 1.41.35 1.97l3.74-2.51c.8-.54 1.93-.48 2.64.14l.34.28c.78.67 2.04.67 2.82 0l4.16-3.57c.78-.67 2.04-.67 2.82 0l.13.11v-4.8c0-2.82-1.49-4.31-4.31-4.31z" clip-rule="evenodd"/></g></svg></span> <span style="color:rgba(255,255,255,0.45);">Image</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/create-image" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Image Generator <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Generate stunning images from text prompts</p> </a>
129<a href="/suite/camera-angle-control" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Camera Angle Control <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Control camera perspective on any subject</p> </a><a href="/suite/video-upscale/topaz-lab" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Image Upscale <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Enhance resolution and detail with AI</p> </a> </div> </div><div class="px-[8px]" style="scroll-snap-align:start;"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="[&>svg]:w-[18px] [&>svg]:h-[18px]" style="color:#16D866;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path fill="currentColor" d="M7.818 2.604a.75.75 0 0 1 .938-.291c2.676 1.17 3.982 3.498 4.618 5.441c.183.562.314 1.1.407 1.58l.1-.12c.844-.996 2.13-2.206 3.877-2.997a.75.75 0 0 1 1.02.441q.142.418.294.853c.437 1.252.906 2.597 1.18 3.928c.34 1.655.405 3.39-.29 5.053a8.56 8.56 0 0 1-7.902 5.258c-4.727 0-8.56-3.827-8.56-8.55c0-3.874 1.296-5.885 3.22-8.868c.346-.539.714-1.109 1.098-1.728M7.75 13a.75.75 0 0 0-1.5 0A5.75 5.75 0 0 0 12 18.75a.75.75 0 0 0 0-1.5A4.25 4.25 0 0 1 7.75 13"/></svg></span> <span style="background:linear-gradient(90deg,#fff 0%,#16D866 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;"> Popular </span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/character" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> Character Builder <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Create consistent AI characters across scenes</p> </a><a href="/suite/world" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> 3D World <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">
129Turn any image into a navigable 3D world</p> </a><a href="/mcp" class="group/card block rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] transition-colors nav-tools-link-card px-[10px] py-[10px]"> <p class="font-heading text-[16px] font-semibold text-white group-hover/card:text-[#fb23c2] transition-colors leading-[24px] mb-[3px] flex items-center gap-[6px] whitespace-nowrap"> OpenArt MCP <svg class="opacity-0 group-hover/card:opacity-100 transition-opacity text-[#fb23c2] shrink-0" width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </p> <p class="text-[13px] text-[rgba(255,255,255,0.4)] leading-[18px]">Generate Images & Video Inside Your Agent</p> </a> </div> </div> </div> </div> <div class="mt-[24px] pt-[20px] pb-[44px] border-t border-[rgba(255,255,255,0.06)]"> <a href="/home" class="inline-flex items-center justify-center h-[40px] px-[32px] bg-[rgba(255,255,255,0.08)] text-white text-[14px] font-semibold rounded-[10px] border border-[rgba(255,255,255,0.12)] hover:bg-[rgba(255,255,255,0.15)] transition-colors"> Start Creating </a> </div> </div> </div><div id="nav-panel-1" class="nav-panel hidden fixed left-0 w-full z-[998]" style="top:80px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,10,10,0.82);border-top:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 8px 32px rgba(0,0,0,0.4);" data-nav-panel> <div class="max-w-[1760px] mx-auto py-0" style="padding-left:clamp(40px, 6vw, 160px); padding-right:clamp(40px, 4vw, 56px);"> <div class="flex" style="gap:clamp(40px, 5vw, 96px);"> <div class="shrink-0 flex flex-col gap-[12px] py-[28px]" style="width:clamp(220px, 18vw, 280px);"> <a href="/arena" class="group/feat block rounded-[12px] overflow-hidden aspect-video bg-[rgba(255,255,255,0.06)]"> <video data-nav-featured-video src="/pageforge-assets/shared/videos/nav-arena-ranking.mp4" poster="/pageforge-assets/shared/images/nav-arena-ranking.webp" muted loop playsinline preload="none" class="w-full h-full object-cover"></video> </a> <div class="flex flex-col gap-[10px]"> <a href="/arena" class="font-heading text-[14px] font-semibold leading-[20px] hover:opacity-80 transition-opacity" style="color:transparent;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%);-webkit-background-clip:text;background-clip:text;">Explore models ranking</a> <div class="flex items-center gap-[20px] flex-wrap"> <a href="/arena" class="inline-flex items-center h-[32px] px-[14px] rounded-[8px] text-[13px] font-semibold text-white bg-[rgba(255,255,255,0.12)] hover:bg-[rgba(255,255,255,0.18)] transition-colors shrink-0"> View Arena </a> <a href="/ai-model/" class="text-[13px] font-semibold leading-[16px] text-[rgba(255,255,255,0.45)] hover:text-white transition-colors"> Browse all models </a> </div> </div> </div> <div class="py-[28px]" style="display:grid;grid-template-columns:repeat(4, minmax(160px, max-content));column-gap:clamp(32px, 4vw, 96px);row-gap:24px;min-width:0;flex:1 1 auto;"> <div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span style="color:rgba(255,255,255,0.45);">Video Models</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/ai-model/seedance-2-5/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Seedance 2.5 <span class="shrink-0 text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/ai-model/kling-3-motion-control" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Kling 3.0 </a><a href="/ai-model/sora-2-update" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Sora 2 </a><a href="/ai-model/seedance-2-0/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Seedance 2.0 </a><a href="/ai-model/switchx/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> SwitchX </a> </div> </div><div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span class="opacity-0" style="color:rgba(255,255,255,0.45);">Video Models</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/ai-model/wan-2-7-ai-video-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> WAN 2.7 </a>
129<a href="/ai-model/ltx-2-3-ai-video-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> LTX-2.3 </a><a href="/ai-model/happy-horse-ai-video-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> HappyHorse </a><a href="/ai-model/pixverse-video-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Pixverse </a><a href="/ai-model/gemini-omni-flash/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Gemini Omni Flash </a> </div> </div><div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span style="color:rgba(255,255,255,0.45);">Image Models</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/ai-model/gpt-image-2-5/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> GPT Image 2.5 <span class="shrink-0 text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/ai-model/grok-imagine/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Grok Imagine </a><a href="/ai-model/qwen-image-3/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Qwen Image 3 </a><a href="/ai-model/nano-banana-2/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Nano Banana 2 </a><a href="/ai-model/seedream-5-pro/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Seedream 5.0 Pro </a> </div> </div><div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span style="color:rgba(255,255,255,0.45);">Other Models</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/feature/openart-worlds" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> 3D Models </a> </div> </div> </div> </div> </div> </div><div id="nav-panel-2" class="nav-panel hidden fixed left-0 w-full z-[998]" style="top:80px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,10,10,0.82);border-top:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 8px 32px rgba(0,0,0,0.4);" data-nav-panel> <div class="max-w-[1760px] mx-auto py-0" style="padding-left:clamp(40px, 6vw, 160px); padding-right:clamp(40px, 4vw, 56px);"> <div class="flex" style="gap:clamp(40px, 5vw, 96px);"> <div class="shrink-0 flex flex-col gap-[12px] py-[28px]" style="width:clamp(220px, 18vw, 280px);"> <a href="/features/" class="group/feat block rounded-[12px] overflow-hidden aspect-video bg-[rgba(255,255,255,0.06)]"> <img src="/pageforge-assets/shared/images/feature-home-hero-bg.png" alt="Create stunning AI content"
129class="w-full h-full object-cover group-hover/feat:scale-[1.03] transition-transform duration-500" loading="lazy"> </a> <div class="flex flex-col gap-[10px]"> <a href="/features/" class="font-heading text-[14px] font-semibold leading-[20px] hover:opacity-80 transition-opacity" style="color:transparent;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%);-webkit-background-clip:text;background-clip:text;">Create stunning AI content</a> <div class="flex items-center gap-[20px] flex-wrap"> <a href="/features/" class="inline-flex items-center h-[32px] px-[14px] rounded-[8px] text-[13px] font-semibold text-white bg-[rgba(255,255,255,0.12)] hover:bg-[rgba(255,255,255,0.18)] transition-colors shrink-0"> View All </a> </div> </div> </div> <div class="py-[28px] self-stretch" style="display:grid;grid-template-columns:repeat(3, minmax(160px, max-content));column-gap:clamp(32px, 4vw, 112px);row-gap:24px;min-width:0;flex:1 1 auto;"> <div class="px-0 flex flex-col"> <div class="flex flex-col justify-between flex-1"> <a href="/ai-video-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Video Generator </a><a href="/ai-image-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Image Generator </a><a href="/features/openart-vfx/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> OpenArt VFX <span class="shrink-0 text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/features/ai-video-relight/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Video Relight <span class="shrink-0 text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/features/ai-video-background-changer/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Video Background Changer <span class="shrink-0 text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a> </div> </div><div class="px-0 flex flex-col"> <div class="flex flex-col justify-between flex-1"> <a href="/feature/openart-worlds" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> OpenArt Worlds </a><a href="/features/ai-character/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Character </a><a href="/features/ai-influencer/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Influencer </a><a href="/features/ai-headshot-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Headshot </a><a href="/features/ai-face-smooth/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Face Smooth </a> </div> </div><div class="px-0 flex flex-col"> <div class="flex flex-col justify-between flex-1"> <a href="/features/smart-shot/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Smart Shot </a><a href="/features/twitter-video-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Twitter Video Generator </a><a href="/features/ai-character-swap/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Character Swap </a><a href="/features/ai-celebrity-generator/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> AI Celebrity Generator </a><a href="/features/unblur-image/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Unblur Image </a> </div> </div> </div> </div> </div> </div><div id="nav-panel-3" class="nav-panel hidden fixed left-0 w-full z-[998]" style="top:80px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,10,10,0.82);border-top:1px solid rgba(255,255,255,0.07);border-bottom:1px solid rgba(255,255,255,0.07);box-shadow:0 8px 32px rgba(0,0,0,0.4);" data-nav-panel> <div class="max-w-[1760px] mx-auto py-0" style="padding-left:clamp(40px, 6vw, 160px); padding-right:clamp(40px, 4vw, 56px);"> <div class="flex" style="gap:clamp(40px, 5vw, 96px);"> <div class="py-[28px]" style="display:grid;grid-template-columns:repeat(3, minmax(160px, max-content));column-gap:clamp(32px, 4vw, 96px);row-gap:24px;min-width:0;flex:1 1 auto;"> <div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span style="color:rgba(255,255,255,0.45);">Learn</span> </div> <div class="flex flex-col gap-[4px]">
129 <a href="/suite/tutorials" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Video Tutorials </a><a href="/blog" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Blog </a> </div> </div><div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span style="color:rgba(255,255,255,0.45);">Updates</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/whats-new" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> What's New </a><a href="/blog/category/updates/" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Press Release </a> </div> </div><div class="px-[8px]"> <div class="flex items-center gap-[8px] text-[13px] font-semibold tracking-[0.05em] mb-[16px] uppercase px-[10px]"> <span style="color:rgba(255,255,255,0.45);">Need Help</span> </div> <div class="flex flex-col gap-[4px]"> <a href="/suite/help-center#getting-started" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Help Center / FAQ </a><a href="mailto:[email protected]" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Contact Us </a><a href="https://discord.gg/openart" class="flex items-center gap-[8px] whitespace-nowrap font-heading text-[16px] font-semibold text-white hover:text-[#fb23c2] transition-colors rounded-[10px] hover:bg-[rgba(255,255,255,0.06)] px-[10px] py-[8px]"> Discord </a> </div> </div> </div> </div> </div> </div> <!-- Mobile menu: accordion --> <div class="hidden fixed inset-0 z-[999] bg-[#090a0a] flex-col overflow-y-auto" id="navv3-mobile-menu"> <!-- Header --> <div class="flex items-center justify-between px-6 h-[64px] shrink-0 border-b border-[rgba(255,255,255,0.07)] sticky top-0 bg-[#090a0a] z-10"> <a href="/" class="shrink-0 outline-none focus:outline-none focus-visible:outline-none" data-nav-logo> <img src="/pageforge-assets/shared/images/logo_2x.webp" alt="OpenArt" class="h-11 w-auto block"> </a> <div class="flex items-center gap-[10px]"> <button class="w-9 h-9 text-[rgba(255,255,255,0.6)] text-2xl cursor-pointer flex items-center justify-center" id="navv3-mobile-close" aria-label="Close">â</button> </div> </div> <!-- Accordion items --> <div class="flex flex-col px-4 py-4"> <div class="mob-accordion border-b border-[rgba(255,255,255,0.07)]"> <button class="mob-acc-trigger flex items-center justify-between w-full text-[20px] font-semibold text-white py-[18px] px-[8px] cursor-pointer" data-acc-idx="0"> AI Tools <svg class="mob-acc-chevron transition-transform duration-200 shrink-0" width="18" height="18" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-acc-content hidden pb-[12px]"> <div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-0-0" aria-expanded="false" aria-controls="mob-grp-0-0"> Director <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-0-0">
129 <a href="/suite/director?quickStart=short-film" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Short Film </a><a href="/suite/director?quickStart=music-video" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Music Video </a><a href="/suite/director?quickStart=ugc-ads" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> UGC Ads </a><a href="/suite/director?quickStart=product-ads" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Product Ads </a><a href="/suite/director?quickStart=film-trailer" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Film Trailer </a><a href="/suite/director?quickStart=social-content" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Social Content </a><a href="/suite/director?quickStart=branding-ads" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Branding Ads </a><a href="/suite/director?quickStart=explainer" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Explainer </a><a href="/suite/director?quickStart=micro-drama" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Micro Drama </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-0-1" aria-expanded="false" aria-controls="mob-grp-0-1"> Video <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-0-1"> <a href="/suite/video" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Video Generator </a><a href="/suite/director?quickStart=music-video" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Music Video </a><a href="/suite/motion-sync" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Motion Control </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-0-2" aria-expanded="false" aria-controls="mob-grp-0-2"> Image <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-0-2">
129 <a href="/suite/create-image" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Image Generator </a><a href="/suite/camera-angle-control" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Camera Angle Control </a><a href="/suite/video-upscale/topaz-lab" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Image Upscale </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-0-3" aria-expanded="false" aria-controls="mob-grp-0-3"> Popular <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-0-3"> <a href="/suite/character" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Character Builder </a><a href="/suite/world" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> 3D World </a><a href="/mcp" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> OpenArt MCP </a> </div> </div> </div> </div><div class="mob-accordion border-b border-[rgba(255,255,255,0.07)]"> <button class="mob-acc-trigger flex items-center justify-between w-full text-[20px] font-semibold text-white py-[18px] px-[8px] cursor-pointer" data-acc-idx="1"> AI Models <svg class="mob-acc-chevron transition-transform duration-200 shrink-0" width="18" height="18" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-acc-content hidden pb-[12px]"> <div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-1-0" aria-expanded="false" aria-controls="mob-grp-1-0"> Video Models <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-1-0"> <a href="/ai-model/seedance-2-5/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Seedance 2.5 <span class="text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/ai-model/kling-3-motion-control" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Kling 3.0 </a><a href="/ai-model/sora-2-update" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Sora 2 </a><a href="/ai-model/seedance-2-0/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Seedance 2.0 </a><a href="/ai-model/switchx/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> SwitchX </a><a href="/ai-model/wan-2-7-ai-video-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> WAN 2.7 </a>
129<a href="/ai-model/ltx-2-3-ai-video-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> LTX-2.3 </a><a href="/ai-model/happy-horse-ai-video-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> HappyHorse </a><a href="/ai-model/pixverse-video-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Pixverse </a><a href="/ai-model/gemini-omni-flash/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Gemini Omni Flash </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-1-1" aria-expanded="false" aria-controls="mob-grp-1-1"> Image Models <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-1-1"> <a href="/ai-model/gpt-image-2-5/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> GPT Image 2.5 <span class="text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/ai-model/grok-imagine/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Grok Imagine </a><a href="/ai-model/qwen-image-3/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Qwen Image 3 </a><a href="/ai-model/nano-banana-2/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Nano Banana 2 </a><a href="/ai-model/seedream-5-pro/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Seedream 5.0 Pro </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-1-2" aria-expanded="false" aria-controls="mob-grp-1-2"> Other Models <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-1-2"> <a href="/feature/openart-worlds" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> 3D Models </a> </div> </div> </div> </div><div class="mob-accordion border-b border-[rgba(255,255,255,0.07)]"> <button class="mob-acc-trigger flex items-center justify-between w-full text-[20px] font-semibold text-white py-[18px] px-[8px] curs
129or-pointer" data-acc-idx="2"> Features <svg class="mob-acc-chevron transition-transform duration-200 shrink-0" width="18" height="18" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-acc-content hidden pb-[12px]"> <div class="mb-[8px]"> <a href="/ai-video-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> AI Video Generator </a><a href="/ai-image-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> AI Image Generator </a><a href="/features/openart-vfx/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> OpenArt VFX <span class="text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/features/ai-video-relight/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Video Relight <span class="text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/features/ai-video-background-changer/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Video Background Changer <span class="text-[10px] font-semibold px-[6px] py-[1px] rounded-[4px] leading-[16px]" style="color:#16D866;background:rgba(22,216,102,0.12);">NEW</span> </a><a href="/feature/openart-worlds" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> OpenArt Worlds </a><a href="/features/ai-character/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> AI Character </a><a href="/features/ai-influencer/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> AI Influencer </a><a href="/features/ai-headshot-generator/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> AI Headshot </a><a href="/features/ai-face-smooth/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> AI Face Smooth </a> <a href="/features/" class="flex items-center gap-[6px] whitespace-nowrap text-[14px] font-semibold text-[rgba(255,255,255,0.55)] hover:text-[#fb23c2] transition-colors h-[40px] px-[8px]"> View all (5 more) <svg width="12" height="12" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </div> </div> </div><div class="mob-accordion border-b border-[rgba(255,255,255,0.07)]"> <button class="mob-acc-trigger flex items-center justify-between w-full text-[20px] font-semibold text-white py-[18px] px-[8px] cursor-pointer" data-acc-idx="3"> Resources <svg class="mob-acc-chevron transition-transform duration-200 shrink-0" width="18" height="18" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-acc-content hidden pb-[12px]"> <div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-3-0" aria-expanded="false" aria-controls="mob-grp-3-0"> Learn <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-3-0">
129 <a href="/suite/tutorials" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Video Tutorials </a><a href="/blog" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Blog </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-3-1" aria-expanded="false" aria-controls="mob-grp-3-1"> Updates <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-3-1"> <a href="/suite/whats-new" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> What's New </a><a href="/blog/category/updates/" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Press Release </a> </div> </div><div class="mob-group-accordion"> <button type="button" class="mob-group-trigger flex items-center justify-between w-full text-[13px] font-semibold tracking-[0.06em] text-[rgba(255,255,255,0.55)] uppercase px-[8px] py-[10px] cursor-pointer" data-mob-group-idx="mob-grp-3-2" aria-expanded="false" aria-controls="mob-grp-3-2"> Need Help <svg class="mob-group-chevron transition-transform duration-200 shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M4 6l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="mob-group-content hidden pb-[8px]" id="mob-grp-3-2"> <a href="/suite/help-center#getting-started" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Help Center / FAQ </a><a href="mailto:[email protected]" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Contact Us </a><a href="https://discord.gg/openart" class="flex items-center gap-[8px] text-[16px] font-medium text-[rgba(255,255,255,0.8)] hover:text-white transition-colors h-[44px] px-[8px] rounded-[10px] hover:bg-[rgba(255,255,255,0.05)]"> Discord </a> </div> </div> </div> </div><a href="/suite/pricing" class="flex items-center text-[20px] font-semibold text-white py-[18px] px-[8px] border-b border-[rgba(255,255,255,0.07)]" data-pageforge-source="pricing"> Pricing </a><a href="/enterprise/" class="flex items-center text-[20px] font-semibold text-white py-[18px] px-[8px] border-b border-[rgba(255,255,255,0.07)]" data-pageforge-source="enterprise"> Enterprise </a> </div> <!-- CTA --> <div class="px-6 pb-10 pt-4 mt-auto"> <a href="/home" class="flex items-center justify-center gap-[6px] h-[52px] w-full bg-[#FB23C2] rounded-[40px] text-white text-[16px] font-semibold" data-pageforge-source="start_for_free"> Start for Free <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> </a> </div> </div>
129<script> 130(function() { 131 var enterpriseSticky = document.querySelector('[data-navv3-sticky-variant="enterprise"]'); 132 if (enterpriseSticky) { 133 var syncEnterpriseGlass = function () { 134 if (window.scrollY > 8) enterpriseSticky.setAttribute('data-nav-scrolled', ''); 135 else enterpriseSticky.removeAttribute('data-nav-scrolled'); 136 }; 137 syncEnterpriseGlass(); 138 window.addEventListener('scroll', syncEnterpriseGlass, { passive: true }); 139 } 140 141 // Desktop dropdown panels 142 var navItemEls = document.querySelectorAll('.nav-item[data-nav-idx]'); 143 var panels = document.querySelectorAll('.nav-panel'); 144 var hideTimer = null; 145 var currentIdx = null; 146 147 var navEl = document.querySelector('nav'); 148 149 // === Elastic overflow ("More") menu === 150 // When the row of nav items can't fit horizontally, hide lowest-priority 151 // items (right-most by default) and surface them in a "More" dropdown. 152 var navItemsList = document.querySelector('[data-nav-items]'); 153 var moreLi = document.querySelector('[data-nav-more]'); 154 var morePanel = document.querySelector('[data-nav-panel-more]'); 155 var morePanelList = document.querySelector('[data-nav-panel-more-list]'); 156 157 function positionMorePanel() { 158 if (!morePanel || !moreLi) return; 159 var rect = moreLi.getBoundingClientRect(); 160 morePanel.style.top = getNavBottom() + 'px'; 161 morePanel.style.left = ''; 162 morePanel.style.right = Math.max(8, window.innerWidth - rect.right) + 'px'; 163 } 164 165 function buildMoreEntry(li) { 166 var a = li.querySelector('a'); 167 if (!a) return null; 168 var label = (a.textContent || '').trim(); 169 var href = a.getAttribute('href') || '#'; 170 var idx = li.getAttribute('data-nav-idx'); 171 var hasChildren = !!document.getElementById('nav-panel-' + idx); 172 var entry = document.createElement('li'); 173 // For items with mega-menu children, send the click to the original panel 174 // by mirroring the trigger; for plain links, just navigate. 175 entry.innerHTML = 176 '<a href="' + href + '" data-more-entry-idx="' + (idx || '') + '" ' + 177 'class="flex items-center justify-between gap-[8px] px-[14px] py-[10px] text-[15px] font-medium text-white hover:bg-[rgba(255,255,255,0.07)] transition-colors">' + 178 '<span>' + label + '</span>' + 179 (hasChildren 180 ? '<svg width="8" height="5" viewBox="0 0 10 6" fill="none" aria-hidden="true"><path d="M1 1l4 4 4-4" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>' 181 : '') + 182 '</a>'; 183 if (hasChildren) { 184 // Clicking a parent inside More: jump to the page if href is set, 185 // otherwise just close (children get their own surface on mobile). 186 var inner = entry.querySelector('a'); 187 inner.addEventListener('click', function(e) { 188 if (!href || href === '#') { 189 e.preventDefault(); 190 // Show the original mega panel 191 showPanel(idx); 192 } 193 }); 194 } 195 return entry; 196 } 197 198 function reflow() { 199 if (!navItemsList || !moreLi) return; 200 // Step 1: reset â show all items, hide More, clear list 201 var items = [].slice.call(navItemsList.querySelectorAll('.nav-item:not([data-nav-more])')); 202 items.forEach(function(li) { li.classList.remove('hidden'); }); 203 moreLi.classList.add('hidden'); 204 if (morePanelList) morePanelList.innerHTML = ''; 205 206 // Step 2: if everything fits, we're done 207 if (navItemsList.scrollWidth <= navItemsList.clientWidth + 1) return; 208 209 // Step 3: reveal More and collapse items into it. 210 // Hide lower-priority first (lower data-nav-priority => collapse earlier). 211 // Items missing the attribute default to their DOM index, so right-most 212 // collapses first. Items with data-nav-pinned="true" never collapse. 213 moreLi.classList.remove('hidden'); 214 var collapsible = items 215 .filter(function(li) { return li.getAttribute('data-nav-pinned') !== 'true'; }) 216 .sort(function(a, b) { 217 var ap = parseFloat(a.getAttribute('data-nav-priority')); 218 var bp = parseFloat(b.getAttribute('data-nav-priority')); 219 // Higher priority is kept visible; lower (or larger numeric) collapses first. 220 // We treat smaller number = higher priority, matching nav-config docs. 221 // Sort descending by priority value so we collapse the LARGEST values first. 222 if (isNaN(ap)) ap = 0; 223 if (isNaN(bp)) bp = 0; 224 return bp - ap; 225 }); 226 227 var idx = 0; 228 while (idx < collapsible.length && navItemsList.scrollWidth > navItemsList.clientWidth + 1) { 229 var li = collapsible[idx++]; 230 li.classList.add('hidden'); 231 var entry = buildMoreEntry(li);
232 if (entry && morePanelList) morePanelList.appendChild(entry); 233 } 234 235 // Items collapsed in priority order â but they should READ left-to-right 236 // in the More menu (i.e. in DOM order). Re-order the list accordingly. 237 if (morePanelList) { 238 var entries = [].slice.call(morePanelList.children); 239 entries.sort(function(a, b) { 240 var ai = parseInt(a.querySelector('a').getAttribute('data-more-entry-idx'), 10) || 0; 241 var bi = parseInt(b.querySelector('a').getAttribute('data-more-entry-idx'), 10) || 0; 242 return ai - bi; 243 }); 244 entries.forEach(function(e) { morePanelList.appendChild(e); }); 245 } 246 } 247 248 // Observe the items row + window for resize-driven reflow 249 if ('ResizeObserver' in window && navItemsList) { 250 var ro = new ResizeObserver(function() { reflow(); }); 251 ro.observe(navItemsList); 252 } 253 window.addEventListener('resize', function() { reflow(); positionMorePanel(); }); 254 // Initial reflow after layout settles 255 requestAnimationFrame(function() { requestAnimationFrame(reflow); }); 256 257 function getNavBottom() { 258 return navEl ? navEl.getBoundingClientRect().bottom : 80; 259 } 260 261 function pauseNavFeaturedVideos(scope) { 262 var root = scope || document; 263 root.querySelectorAll('[data-nav-featured-video]').forEach(function(video) { 264 try { video.pause(); } catch (e) {} 265 }); 266 } 267 268 function playNavFeaturedVideos(scope) { 269 if (!scope) return; 270 scope.querySelectorAll('[data-nav-featured-video]').forEach(function(video) { 271 video.muted = true; 272 var play = video.play(); 273 if (play && play.catch) play.catch(function() {}); 274 }); 275 } 276 277 function showPanel(idx) { 278 if (hideTimer) { clearTimeout(hideTimer); hideTimer = null; } 279 if (currentIdx === idx) return; 280 currentIdx = idx; 281 pauseNavFeaturedVideos(); 282 panels.forEach(function(p) { p.classList.add('hidden'); }); 283 navItemEls.forEach(function(el) { 284 var trigger = el.querySelector('a[aria-expanded]'); 285 var svg = el.querySelector('.nav-chevron'); 286 if (trigger) trigger.setAttribute('aria-expanded', 'false'); 287 if (svg) svg.style.transform = ''; 288 }); 289 var panel = document.getElementById('nav-panel-' + idx); 290 if (panel) { 291 panel.style.top = getNavBottom() + 'px'; 292 if (idx === 'more') positionMorePanel(); 293 panel.classList.remove('hidden'); 294 playNavFeaturedVideos(panel); 295 } 296 var item = document.querySelector('.nav-item[data-nav-idx="' + idx + '"]'); 297 if (item) { 298 var trigger = item.querySelector('a[aria-expanded]'); 299 var svg = item.querySelector('.nav-chevron'); 300 if (trigger) trigger.setAttribute('aria-expanded', 'true'); 301 if (svg) svg.style.transform = 'rotate(180deg)'; 302 } 303 } 304 305 function hideAll() { 306 currentIdx = null;
307 pauseNavFeaturedVideos(); 308 panels.forEach(function(p) { p.classList.add('hidden'); }); 309 navItemEls.forEach(function(el) { 310 var trigger = el.querySelector('a[aria-expanded]'); 311 var svg = el.querySelector('.nav-chevron'); 312 if (trigger) trigger.setAttribute('aria-expanded', 'false'); 313 if (svg) svg.style.transform = ''; 314 }); 315 } 316 317 function scheduleHide() { 318 hideTimer = setTimeout(hideAll, 100); 319 } 320 321 navItemEls.forEach(function(item) { 322 var idx = item.getAttribute('data-nav-idx'); 323 var panel = document.getElementById('nav-panel-' + idx); 324 if (!panel) return; 325 item.addEventListener('mouseenter', function() { showPanel(idx); }); 326 item.addEventListener('mouseleave', scheduleHide); 327 panel.addEventListener('mouseenter', function() { if (hideTimer) { clearTimeout(hideTimer); hideTimer = null; } }); 328 panel.addEventListener('mouseleave', scheduleHide); 329 }); 330 331 // Click outside closes all 332 document.addEventListener('click', function(e) { 333 var inNav = e.target.closest('.nav-item') || e.target.closest('.nav-panel') || e.target.closest('[data-language-selector]'); 334 if (!inNav) hideAll(); 335 }); 336 337 // Update panel position on scroll (nav sticky position changes) 338 window.addEventListener('scroll', function() { 339 if (currentIdx !== null) { 340 var panel = document.getElementById('nav-panel-' + currentIdx); 341 if (panel && !panel.classList.contains('hidden')) { 342 panel.style.top = getNavBottom() + 'px'; 343 if (currentIdx === 'more') positionMorePanel(); 344 } 345 } 346 }, { passive: true }); 347 348 var languageSelectors = document.querySelectorAll('[data-language-selector]'); 349 function getInitialLanguageCode() { 350 var segment = (window.location.pathname.split('/').filter(Boolean)[0] || '').toUpperCase(); 351 var codes = Array.prototype.map.call(document.querySelectorAll('[data-language-option]'), function(option) { 352 return option.getAttribute('data-language-code'); 353 }); 354 return codes.indexOf(segment) !== -1 ? segment : 'EN'; 355 } 356 357 function setActiveLanguage(code) { 358 languageSelectors.forEach(function(selector) { 359 var currentLabel = selector.querySelector('[data-language-current]'); 360 if (currentLabel) { 361 currentLabel.textContent = code === 'EN' ? '' : code; 362 currentLabel.classList.toggle('hidden', code === 'EN'); 363 } 364 selector.querySelectorAll('[data-language-option]').forEach(function(item) { 365 var isActive = item.getAttribute('data-language-code') === code; 366 item.setAttribute('aria-selected', String(isActive)); 367 item.classList.toggle('text-[#ff82db]', isActive); 368 }); 369 }); 370 } 371 372 setActiveLanguage(getInitialLanguageCode()); 373 374 languageSelectors.forEach(function(languageSelector) { 375 var languageTrigger = languageSelector.querySelector('[data-language-trigger]'); 376 var languageMenu = languageSelector.querySelector('[data-language-menu]'); 377 var languageChevron = languageSelector.querySelector('[data-language-chevron]'); 378 var languageOptions = languageSelector.querySelectorAll('[data-language-option]'); 379 380 function closeLanguageMenu() { 381 if (!languageMenu || !languageTrigger) return; 382 languageMenu.classList.add('hidden'); 383 languageTrigger.setAttribute('aria-expanded', 'false'); 384 if (languageChevron) languageChevron.style.transform = ''; 385 } 386 387 function openLanguageMenu() { 388 if (!languageMenu || !languageTrigger) return; 389 hideAll(); 390 languageMenu.classList.remove('hidden'); 391 languageTrigger.setAttribute('aria-expanded', 'true'); 392 if (languageChevron) languageChevron.style.transform = 'rotate(180deg)'; 393 } 394 395 if (languageTrigger && languageMenu) { 396 languageTrigger.addEventListener('click', function(e) { 397 e.stopPropagation(); 398 if (languageMenu.classList.contains('hidden')) openLanguageMenu(); 399 else closeLanguageMenu(); 400 }); 401 } 402 403 languageOptions.forEach(function(option) { 404 option.addEventListener('click', function(e) { 405 var href = option.getAttribute('data-language-href'); 406 if (!href) e.preventDefault(); 407 var locale = option.getAttribute('data-language-locale') || 'en'; 408 document.cookie = 'oa_locale=' + encodeURIComponent(locale) + '; max-age=31536000; path=/; SameSite=Lax';
409 setActiveLanguage(option.getAttribute('data-language-code') || 'EN'); 410 closeLanguageMenu(); 411 }); 412 }); 413 414 document.addEventListener('click', function(e) { 415 if (!e.target.closest('[data-language-selector]')) closeLanguageMenu(); 416 }); 417 }); 418 419 // Mobile accordion menu 420 var hamburger = document.getElementById('navv3-hamburger'); 421 var menu = document.getElementById('navv3-mobile-menu'); 422 var close = document.getElementById('navv3-mobile-close'); 423 if (!hamburger || !menu || !close) return; 424 425 function openMenu() { menu.classList.remove('hidden'); menu.classList.add('flex'); document.body.style.overflow = 'hidden'; } 426 function closeMenu() { menu.classList.add('hidden'); menu.classList.remove('flex'); document.body.style.overflow = ''; } 427 428 hamburger.addEventListener('click', openMenu); 429 close.addEventListener('click', closeMenu); 430 431 // Outer accordion (per nav item) â only one expanded at a time. 432 menu.querySelectorAll('.mob-acc-trigger').forEach(function(btn) { 433 btn.addEventListener('click', function() { 434 var acc = btn.closest('.mob-accordion'); 435 var content = acc.querySelector('.mob-acc-content'); 436 var chevron = btn.querySelector('.mob-acc-chevron'); 437 var isOpen = !content.classList.contains('hidden'); 438 // Close all others 439 menu.querySelectorAll('.mob-accordion').forEach(function(a) { 440 a.querySelector('.mob-acc-content').classList.add('hidden'); 441 var ch = a.querySelector('.mob-acc-chevron'); 442 if (ch) ch.style.transform = ''; 443 }); 444 if (!isOpen) { 445 content.classList.remove('hidden'); 446 if (chevron) chevron.style.transform = 'rotate(180deg)'; 447 // Auto-open the first sub-group when expanding a top-level item 448 var firstGroup = content.querySelector('.mob-group-accordion'); 449 if (firstGroup) { 450 var firstContent = firstGroup.querySelector('.mob-group-content'); 451 var firstChevron = firstGroup.querySelector('.mob-group-chevron'); 452 var firstTrigger = firstGroup.querySelector('.mob-group-trigger'); 453 if (firstContent) firstContent.classList.remove('hidden'); 454 if (firstChevron) firstChevron.style.transform = 'rotate(180deg)'; 455 if (firstTrigger) firstTrigger.setAttribute('aria-expanded', 'true'); 456 } 457 } 458 }); 459 }); 460 461 // Inner group accordion â collapsed by default so long Resources / AI Tools 462 // panels don't dump every item on the user when they expand a nav item. 463 // Only one group within the same nav item is open at a time; opening a 464 // group in a different nav item is independent. 465 menu.querySelectorAll('.mob-group-trigger').forEach(function(btn) { 466 btn.addEventListener('click', function(e) { 467 e.stopPropagation(); 468 var group = btn.closest('.mob-group-accordion'); 469 if (!group) return; 470 var content = group.querySelector('.mob-group-content'); 471 var chevron = btn.querySelector('.mob-group-chevron'); 472 var isOpen = !content.classList.contains('hidden'); 473 var parentNav = btn.closest('.mob-accordion'); 474 if (parentNav) { 475 parentNav.querySelectorAll('.mob-group-accordion').forEach(function(g) { 476 var c = g.querySelector('.mob-group-content'); 477 var ch = g.querySelector('.mob-group-chevron'); 478 if (c) c.classList.add('hidden'); 479 if (ch) ch.style.transform = ''; 480 var trigger = g.querySelector('.mob-group-trigger'); 481 if (trigger) trigger.setAttribute('aria-expanded', 'false'); 482 }); 483 } 484 if (!isOpen) { 485 content.classList.remove('hidden'); 486 if (chevron) chevron.style.transform = 'rotate(180deg)'; 487 btn.setAttribute('aria-expanded', 'true'); 488 } 489 }); 490 }); 491 492 menu.querySelectorAll('a').forEach(function(a) { 493 a.addEventListener('click', closeMenu); 494 }); 495})(); 496</script>
496 <main> <div class="oah-gather-track" id="oah-gather-track"> <section class="oah-gather-hero" id="oah-gather-hero"> <div class="oah-gather-card oah-gather-card-1" data-stack-rot="-14" data-stack-z="2" data-bob-dur="6000" data-bob-ay="10" data-bob-ax="0"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-1.webp?v=20260521-1627" alt="OpenArt cinematic zero-gravity still frame" loading="eager" decoding="async" fetchpriority="high"> </div><div class="oah-gather-card oah-gather-card-2" data-stack-rot="8" data-stack-z="3" data-bob-dur="7000" data-bob-ay="8" data-bob-ax="0"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-2.webp?v=20260521-1627" alt="OpenArt surreal horse jump still frame" loading="eager" decoding="async" fetchpriority="high"> </div><div class="oah-gather-card oah-gather-card-3" data-stack-rot="0" data-stack-z="10" data-bob-dur="5500" data-bob-ay="6" data-bob-ax="6"> <img src="https://cdn.openart.ai/cdn-cgi/image/format=auto,width=960,fit=scale-down,dpr=1,quality=80,metadata=none,sharpen=1/pageforge/openart-home/hero-showcase/hero-frame-2-bg.webp" alt="OpenArt cinematic driving still frame" loading="eager" decoding="async" fetchpriority="high"> </div><div class="oah-gather-card oah-gather-card-4" data-stack-rot="-10" data-stack-z="6" data-bob-dur="6500" data-bob-ay="8" data-bob-ax="6"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-4.webp?v=20260521-1627" alt="OpenArt low-angle floral cinematic still frame" loading="eager" decoding="async" fetchpriority="high"> </div><div class="oah-gather-card oah-gather-card-5" data-stack-rot="6" data-stack-z="1" data-bob-dur="7500" data-bob-ay="10" data-bob-ax="0"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-5.webp?v=20260521-1627" alt="OpenArt cinematic basketball still frame" loading="lazy" decoding="async" fetchpriority="auto"> </div><div class="oah-gather-card oah-gather-card-6" data-stack-rot="-20" data-stack-z="7" data-bob-dur="6000" data-bob-ay="6" data-bob-ax="6"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-6.webp?v=20260521-1627" alt="OpenArt rainy bus stop cinematic still frame" loading="lazy" decoding="async" fetchpriority="auto"> </div><div class="oah-gather-card oah-gather-card-7" data-stack-rot="12" data-stack-z="4" data-bob-dur="5000" data-bob-ay="8" data-bob-ax="0"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-7.webp?v=20260521-1701" alt="OpenArt mirrored pink hair portrait still frame" loading="lazy" decoding="async" fetchpriority="auto"> </div><div class="oah-gather-card oah-gather-card-8" data-stack-rot="22" data-stack-z="8" data-bob-dur="7000" data-bob-ay="8" data-bob-ax="6"> <img src="/pageforge-assets/openart-home/hero-showcase/hero-8.webp?v=20260521-1700" alt="OpenArt blue cinematic silhouette still frame" loading="lazy" decoding="async" fetchpriority="auto"> </div> <!-- Morph anchor: bridges Hero gather â slider video using the post-gather 497 frame, then crossfades into live playback. It lives inside the hero 498 stack so it can sit above gather media but below hero copy. --> <div id="oah-morph-image" aria-hidden="true"> <img class="oah-morph-media oah-morph-still" src="https://cdn.openart.ai/cdn-cgi/image/format=auto,width=960,fit=scale-down,dpr=1,quality=80,metadata=none,sharpen=1/pageforge/openart-home/hero-showcase/hero-frame-2-bg.webp" alt="" decoding="async"> <!-- Inlined SVG title so preserveAspectRatio="none" guarantees edge-to-edge 499 fill regardless of the container's live aspect ratio. viewBox trims the 500 ~14px SVG-internal padding so the text starts/ends at the container edge. --> <svg class="oah-morph-title" viewBox="14 0 1038 600" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <defs> <linearGradient id="pt0" x1="1020.6" y1="495.026" x2="1021.7" y2="585.716" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt1" x1="963.392" y1="495.026" x2="964.696" y2="585.711" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt2" x1="925.076" y1="495.026" x2="929.414" y2="585.522" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt3" x1="893.581" y1="495.026" x2="895.253" y2="585.699" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt4" x1="856.319" y1="495.026" x2="860.965" y2="585.491" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt5" x1="814.328" y1="495.026" x2="815.582" y2="585.712" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt6" x1="769.717" y1="495.026" x2="774.054" y2="585.522" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt7" x1="727.726" y1="492.928" x2="729.059" y2="587.314" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt8" x1="668.941" y1="492.928" x2="670.274" y2="587.314" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt9" x1="606.481" y1="492.928" x2="607.699" y2="587.318" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient>
500 <linearGradient id="pt10" x1="547.174" y1="495.026" x2="548.453" y2="585.712" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt11" x1="468.443" y1="495.026" x2="469.673" y2="585.713" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt12" x1="409.133" y1="495.026" x2="410.491" y2="585.709" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt13" x1="353.497" y1="495.026" x2="354.801" y2="585.711" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt14" x1="316.232" y1="495.026" x2="320.57" y2="585.522" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt15" x1="260.01" y1="494.739" x2="260.891" y2="585.434" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt16" x1="203.912" y1="495.026" x2="208.25" y2="585.522" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt17" x1="172.421" y1="495.026" x2="174.092" y2="585.699" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt18" x1="111.537" y1="495.026" x2="112.642" y2="585.716" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> <linearGradient id="pt19" x1="43.3031" y1="495.026" x2="44.5374" y2="587.564" gradientUnits="userSpaceOnUse"><stop stop-color="white"></stop><stop offset="0.482296" stop-color="white"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient> </defs> <path d="M1013.02 597.9V566.258L989.631 495.026H1008L1020.41 543.813H1020.98L1033.38 495.026H1051.56L1028.36 565.947V597.9H1013.02Z" fill="url(#pt0)"></path> <path d="M1013.02 597.9V566.258L989.631 495.026H1008L1020.41 543.813H1020.98L1033.38 495.026H1051.56L1028.36 565.947V597.9H1013.02Z" fill="white"></path> <path d="M955.538 597.9V495.026H971.054V597.9H955.538ZM937.148 515.913V495.026H989.635V515.913H937.148Z" fill="url(#pt1)"></path> <path d="M955.538 597.9V495.026H971.054V597.9H955.538ZM937.148 515.913V495.026H989.635V515.913H937.148Z" fill="white"></path> <path d="M917.203 597.9V495.026H932.949V597.9H917.203Z" fill="url(#pt2)"></path> <path d="M917.203 597.9V495.026H932.949V597.9H917.203Z" fill="white"></path> <path d="M873.111 597.9V495.026H888.44V597.9H873.111ZM875.872 597.9V576.857H914.051V597.9H875.872Z" fill="url(#pt3)"></path> <path d="M873.111 597.9V495.026H888.44V597.9H873.111ZM875.872 597.9V576.857H914.051V597.9H875.872Z" fill="white"></path> <path d="M848.971 597.9V495.026H863.667V597.9H848.971Z" fill="url(#pt4)"></path> <path d="M848.971 597.9V495.026H863.667V597.9H848.971Z" fill="white"></path> <path d="M787.035 597.9V495.026H813.858C817.748 495.026 821.23 495.598 824.304 496.741C827.441 497.78 830.108 499.443 832.304 501.729C834.5 503.911 836.162 506.768 837.292 510.301C838.484 513.731 839.08 517.835 839.08 522.615C839.08 526.668 838.547 530.201 837.48 533.214C836.476 536.228 834.876 538.67 832.68 540.54C830.484 542.41 827.567 543.657 823.928 544.281V546.931C829.951 547.554 834.406 549.944 837.292 554.101C840.178 558.257 841.621 563.868 841.621 570.934C841.621 576.961 840.648 581.949 838.703 585.898C836.758 589.846 833.904 592.86 830.139 594.938C826.375 596.913 821.732 597.9 816.21 597.9H787.035ZM801.529 577.949H815.646C819.473 577.949 822.296 577.065 824.116 575.299C825.935 573.428 826.845 570.519 826.845 566.57C826.845 562.206 825.747 558.933 823.551 556.75C821.355 554.568 817.998 553.477 813.481 553.477H801.529V577.949ZM801.529 538.202H811.411C815.865 538.202 819.128 537.215 821.198 535.24C823.269 533.162 824.304 530.097 824.304 526.044C824.304 522.096 823.332 519.238 821.387 517.471C819.504 515.601 816.618 514.666 812.728 514.666H801.529V538.202Z" fill="url(#pt5)"></path> <path d="M787.035 597.9V495.026H813.858C817.748 495.026 821.23 495.598 824.304 496.741C827.441 497.78 830.108 499.443 832.304 501.729C834.5 503.911 836.162 506.768 837.292 510.301C838.484 513.731 839.08 517.835 839.08 522.615C839.08 526.668 838.547 530.201 837.48 533.214C836.476 536.228 834.876 538.67 832.68 540.54C830.484 542.41 827.567 543.657 823.928 544.281V546.931C829.951 547.554 834.406 549.944 837.292 554.101C840.178 558.257 841.621 563.868 841.621 570.934C841.621 576.961 840.648 581.949 838.703 585.898C836.758 589.846 833.904 592.86 830.139 594.938C826.375 596.913 821.732 597.9 816.21 597.9H787.035ZM801.529 577.949H815.646C819.473 577.949 822.296 577.065 824.116 575.299C825.935 573.428 826.845 570.519 826.845 566.57C826.845 562.206 825.747 558.933 823.551 556.75C821.355 554.568 817.998 553.477 813.481 553.477H801.529V577.949ZM801.529 538.202H811.411C815.865 538.202 819.128 537.215 821.198 535.24C823.269 533.162 824.304 530.097 824.304 526.044C824.304 522.096 823.332 519.238 821.387 517.471C819.504 515.601 816.618 514.666 812.728 514.666H801.529V538.202Z" fill="white"></path> <path d="M761.844 597.9V495.026H777.59V597.9H761.844Z" fill="url(#pt6)"></path> <path d="M761.844 597.9V495.026H777.59V597.9H761.844Z" fill="white"></path> <path d="M727.774 600C723.702 600 720.012 599.377 716.704 598.132C713.396 596.887 710.533 595.02 708.115 592.53C705.698 589.936 703.789 586.668 702.389 582.725C700.99 578.783 700.163 574.218 699.908 569.03L713.364 561.715C713.555 566.073 714.318 569.704 715.654 572.609C716.99 575.514 718.771 577.693 720.998 579.146C723.288 580.495 725.833 581.169 728.633 581.169C731.305 581.169 733.531 580.65 735.313 579.613C737.158 578.471 738.526 577.071 739.416 575.411C740.37 573.647 740.848 571.779 740.848 569.808C740.848 567.526 740.243 565.658 739.034 564.205C737.826 562.649 736.172 561.352 734.072 560.315C731.973 559.174 729.523 558.084 726.724 557.047C723.543 555.802 720.426 554.453 717.372 553C714.318 551.548 711.551 549.68 709.069 547.398C706.588 545.011 704.616 542.003 703.153 538.371C701.753 534.636 701.053 529.967 701.053 524.365C701.053 518.036 702.039 512.537 704.012 507.868C705.984 503.199 708.879 499.568 712.696 496.974C716.513 494.277 721.221 492.928 726.819 492.928C732.354 492.928 737.062 494.225 740.943 496.818C744.824 499.412 747.814 503.044 749.913 507.712C752.013 512.278 753.158 517.621 753.349 523.742L739.607 530.123
500C739.607 527.114 739.289 524.468 738.653 522.186C738.08 519.903 737.253 518.036 736.172 516.583C735.09 515.027 733.754 513.886 732.163 513.159C730.573 512.329 728.76 511.914 726.724 511.914C724.306 511.914 722.239 512.381 720.521 513.315C718.867 514.249 717.626 515.494 716.799 517.05C715.972 518.503 715.559 520.215 715.559 522.186C715.559 524.676 716.195 526.751 717.467 528.411C718.803 529.967 720.585 531.316 722.811 532.457C725.102 533.495 727.615 534.532 730.35 535.57C733.086 536.504 735.917 537.697 738.844 539.149C741.77 540.498 744.506 542.314 747.051 544.596C749.595 546.879 751.631 549.991 753.158 553.934C754.749 557.773 755.544 562.649 755.544 568.563C755.544 574.892 754.494 580.443 752.395 585.215C750.359 589.884 747.273 593.515 743.138 596.109C739.003 598.703 733.881 600 727.774 600Z" fill="url(#pt7)"></path> <path d="M727.774 600C723.702 600 720.012 599.377 716.704 598.132C713.396 596.887 710.533 595.02 708.115 592.53C705.698 589.936 703.789 586.668 702.389 582.725C700.99 578.783 700.163 574.218 699.908 569.03L713.364 561.715C713.555 566.073 714.318 569.704 715.654 572.609C716.99 575.514 718.771 577.693 720.998 579.146C723.288 580.495 725.833 581.169 728.633 581.169C731.305 581.169 733.531 580.65 735.313 579.613C737.158 578.471 738.526 577.071 739.416 575.411C740.37 573.647 740.848 571.779 740.848 569.808C740.848 567.526 740.243 565.658 739.034 564.205C737.826 562.649 736.172 561.352 734.072 560.315C731.973 559.174 729.523 558.084 726.724 557.047C723.543 555.802 720.426 554.453 717.372 553C714.318 551.548 711.551 549.68 709.069 547.398C706.588 545.011 704.616 542.003 703.153 538.371C701.753 534.636 701.053 529.967 701.053 524.365C701.053 518.036 702.039 512.537 704.012 507.868C705.984 503.199 708.879 499.568 712.696 496.974C716.513 494.277 721.221 492.928 726.819 492.928C732.354 492.928 737.062 494.225 740.943 496.818C744.824 499.412 747.814 503.044 749.913 507.712C752.013 512.278 753.158 517.621 753.349 523.742L739.607 530.123C739.607 527.114 739.289 524.468 738.653 522.186C738.08 519.903 737.253 518.036 736.172 516.583C735.09 515.027 733.754 513.886 732.163 513.159C730.573 512.329 728.76 511.914 726.724 511.914C724.306 511.914 722.239 512.381 720.521 513.315C718.867 514.249 717.626 515.494 716.799 517.05C715.972 518.503 715.559 520.215 715.559 522.186C715.559 524.676 716.195 526.751 717.467 528.411C718.803 529.967 720.585 531.316 722.811 532.457C725.102 533.495 727.615 534.532 730.35 535.57C733.086 536.504 735.917 537.697 738.844 539.149C741.77 540.498 744.506 542.314 747.051 544.596C749.595 546.879 751.631 549.991 753.158 553.934C754.749 557.773 755.544 562.649 755.544 568.563C755.544 574.892 754.494 580.443 752.395 585.215C750.359 589.884 747.273 593.515 743.138 596.109C739.003 598.703 733.881 600 727.774 600Z" fill="white"></path> <path d="M668.989 600C664.917 600 661.227 599.377 657.919 598.132C654.61 596.887 651.748 595.02 649.33 592.53C646.912 589.936 645.004 586.668 643.604 582.725C642.205 578.783 641.378 574.218 641.123 569.03L654.579 561.715C654.77 566.073 655.533 569.704 656.869 572.609C658.205 575.514 659.986 577.693 662.213 579.146C664.503 580.495 667.048 581.169 669.847 581.169C672.519 581.169 674.746 580.65 676.528 579.613C678.372 578.471 679.74 577.071 680.631 575.411C681.585 573.647 682.062 571.779 682.062 569.808C682.062 567.526 681.458 565.658 680.249 564.205C679.041 562.649 677.386 561.352 675.287 560.315C673.187 559.174 670.738 558.084 667.939 557.047C664.758 555.802 661.64 554.453 658.587 553C655.533 551.548 652.765 549.68 650.284 547.398C647.803 545.011 645.831 542.003 644.368 538.371C642.968 534.636 642.268 529.967 642.268 524.365C642.268 518.036 643.254 512.537 645.226 507.868C647.199 503.199 650.093 499.568 653.911 496.974C657.728 494.277 662.436 492.928 668.034 492.928C673.569 492.928 678.277 494.225 682.158 496.818C686.039 499.412 689.029 503.044 691.128 507.712C693.228 512.278 694.373 517.621 694.564 523.742L680.822 530.123C680.822 527.114 680.504 524.468 679.868 522.186C679.295 519.903 678.468 518.036 677.386 516.583C676.305 515.027 674.969 513.886 673.378 513.159C671.788 512.329 669.975 511.914 667.939 511.914C665.521 511.914 663.454 512.381 661.736 513.315C660.082 514.249 658.841 515.494 658.014 517.05C657.187 518.503 656.774 520.215 656.774 522.186C656.774 524.676 657.41 526.751 658.682 528.411C660.018 529.967 661.799 531.316 664.026 532.457C666.316 533.495 668.83 534.532 671.565 535.57C674.301 536.504 677.132 537.697 680.058 539.149C682.985 540.498 685.721 542.314 688.265 544.596C690.81 546.879 692.846 549.991 694.373 553.934C695.963 557.773 696.759 562.649 696.759 568.563C696.759 574.892 695.709 580.443 693.609 585.215C691.574 589.884 688.488 593.515 684.353 596.109C680.217 598.703 675.096 600 668.989 600Z" fill="url(#pt8)"></path> <path d="M668.989 600C664.917 600 661.227 599.377 657.919 598.132C654.61 596.887 651.748 595.02 649.33 592.53C646.912 589.936 645.004 586.668 643.604 582.725C642.205 578.783 641.378 574.218 641.123 569.03L654.579 561.715C654.77 566.073 655.533 569.704 656.869 572.609C658.205 575.514 659.986 577.693 662.213 579.146C664.503 580.495 667.048 581.169 669.847 581.169C672.519 581.169 674.746 580.65 676.528 579.613C678.372 578.471 679.74 577.071 680.631 575.411C681.585 573.647 682.062 571.779 682.062 569.808C682.062 567.526 681.458 565.658 680.249 564.205C679.041 562.649 677.386 561.352 675.287 560.315C673.187 559.174 670.738 558.084 667.939 557.047C664.758 555.802 661.64 554.453 658.587 553C655.533 551.548 652.765 549.68 650.284 547.398C647.803 545.011 645.831 542.003 644.368 538.371C642.968 534.636 642.268 529.967 642.268 524.365C642.268 518.036 643.254 512.537 645.226 507.868C647.199 503.199 650.093 499.568 653.911 496.974C657.728 494.277 662.436 492.928 668.034 492.928C673.569 492.928 678.277 494.225 682.158 496.818C686.039 499.412 689.029 503.044 691.128 507.712C693.228 512.278 694.373 517.621 694.564 523.742L680.822 530.123C680.822 527.114 680.504 524.468 679.868 522.186C679.295 519.903 678.468 518.036 677.386 516.583C676.305 515.027 674.969 513.886 673.378 513.159C671.788 512.329 669.975 511.914 667.939 511.914C665.521 511.914 663.454 512.381 661.736 513.315C660.082 514.249 658.841 515.494 658.014 517.05C657.187 518.503 656.774 520.215 656.774 522.186C656.774 524.676 657.41 526.751 658.682 528.411C660.018 529.967 661.799 531.316 664.026 532.457C666.316 533.495 668.83 534.532 671.565 535.57C674.301 536.504 677.132 537.697 680.058 539.149C682.985 540.498 685.721 542.314 688.265 544.596C690.81 546.879 692.846 549.991 694.373 553.934C695.963 557.773 696.759 562.649 696.759 568.563C696.759 574.892 695.709 580.443 693.609 585.215C691.574 589.884 688.488 593.515 684.353 596.109C680.217 598.703 675.096 600 668.989 600Z" fill="white"></path> <path d="M606.194 600C601.599 600 597.451 598.859 593.749 596.576C590.048 594.294 586.857 590.922 584.176 586.46C581.56 581.999 579.549 576.5 578.145 569.964C576.741 563.324 576.039 555.646 576.039 546.931C576.039 534.688 577.347 524.624 579.964 516.739C582.644 508.75 586.314 502.784 590.973 498.842C595.632 494.899 600.897 492.928 606.768 492.928C611.3 492.928 615.416 494.069 619.118 496.352C622.819 498.634 625.978 502.006 628.595 506.467C631.275 510.929 633.317 516.531 634.721 523.275C636.189 529.915 636.923 537.593 636.923 546.308C636.923 555.335 636.157 563.22 634.626 569.964C633.158 576.604 631.052 582.155 628.308 586.616C625.627 591.077 622.404 594.449 618.639 596.732C614.874 598.911 610.725 600 606.194 600ZM606.673 580.391C609.8 580.391 612.416 579.146 614.522 576.656C616.692 574.062 618.32 570.379 619.405 565.606C620.553 560.73 621.128 554.816 621.128 547.865C621.128 540.498 620.553 534.273 619.405 529.189C618.256 524.002 616.565 520.111 614.331 517.517C612.161 514.819 609.481 513.471 606.29 513.471C603.226 513.471 600.61 514.768 598.44 517.361C596.334 519.851 594.706 523.587 593.558 528.567C592.409 533.443 591.835 539.461 591.835 546.619C591.835 552.015 592.154 556.839 592.792 561.093C593.494 565.243 594.451 568.771 595.664 571.676C596.876 574.477 598.408 576.656 600.259 578.212C602.173 579.665 604.311 580.391 606.673 580.391Z" fill="url(#pt9)"></path> <path d="M606.194 600C601.599 600 597.451 598.859 593.749 596.576C590.048 594.294 586.857 590.922 584.176 586.46C581.56 581.999 579.549 576.5 578.145 569.964C576.741 563.324 576.039 555.646 576.039 546.931C576.039 534.688 577.347 524.624 579.964 516.739C582.644 508.75 586.314 502.784 590.973 498.842C595.632 494.899 600.897 492.928 606.768 492.928C611.3 492.928 615.416 494.069 619.118 496.352C622.819 498.634 625.978 502.006 628.595 506.467C631.275 510.929 633.317 516.531 634.721 523.275C636.189 529.915 636.923 537.593 636.923 546.308C636.923 555.335 636.157 563.22 634.626 569.964C633.158 576.604 631.052 582.155 628.308 586.616C625.627 591.077 622.404 594.449 618.639 596.732C614.874 598.911 610.725 600 606.194 600ZM606.673 580.391C609.8 580.391 612.416 579.146 614.522 576.656C616.692 574.062 618.32 570.379 619.405 565.606C620.553 560.73 621.128 554.816 621.128 547.865C621.128 540.498 620.553 534.273 619.405 529.189C618.256 524.002 616.565 520.111 614.331 517.517C612.161 514.819 609.481 513.471 606.29 513.471C603.226 513.471 600.61 514.768 598.44 517.361C596.334 519.851 594.706 523.587 593.558 528.567C592.409 533.443 591.835 539.461 591.835 546.619C591.835 552.015 592.154 556.839 592.792 561.093C593.494 565.243 594.451 568.771 595.664 571.676C596.876 574.477 598.408 576.656 600.259 578.212C602.173 579.665 604.311 580.391 606.673 580.391Z" fill="white"></path> <path d="M531.768 569.687V550.36H545.923C550.095 550.36 553.208 548.957 555.263 546.151C557.317 543.346 558.344 538.618 558.344 531.967C558.344 526.148 557.381 521.732 555.455 518.718C553.594 515.705 550.609 514.198 546.5 514.198H531.768V495.026H546.982C551.09 495.026 554.781 495.806 558.055 497.364C561.393 498.923 564.249 501.261 566.624 504.378C569 507.392 570.797 511.289 572.017 516.069C573.3 520.745 573.942 526.252 573.942 532.591C573.942 540.696 572.787 547.502 570.476 553.01C568.229 558.517 564.859 562.673 560.366 565.479C555.937 568.285 550.384 569.687 543.708 569.687H531.768ZM520.406 597.9V495.026H535.909V597.9H520.406Z" fill="url(#pt10)"></path> <path d="M531.768 569.687V550.36H545.923C550.095 550.36 553.208 548.957 555.263 546.151C557.317 543.346 558.344 538.618 558.344 531.967C558.344 526.148 557.381 521.732 555.455 518.718C553.594 515.705 550.609 514.198 546.5 514.198H531.768V495.026H546.982C551.09 495.026 554.781 495.806 558.055 497.364C561.393 498.923 564.249 501.261 566.624 504.378C569 507.392 570.797 511.289 572.017 516.069C573.3 520.745 573.942 526.252 573.942 532.591C573.942 540.696 572.787 547.502 570.476 553.01C568.229 558.517 564.859 562.673 560.366 565.479C555.937 568.285 550.384 569.687 543.708 569.687H531.768ZM520.406 597.9V495.026H535.909V597.9H520.406Z" fill="white"></path> <path d="M447.685 597.9V577.637H465.666C468.929 577.637 471.659 576.494 473.856 574.208C476.052 571.922 477.684 568.492 478.751 563.92C479.881 559.348 480.445 553.633 480.445 546.775C480.445 541.267 480.1 536.539 479.41 532.591C478.72 528.642 477.684 525.421 476.303 522.927C474.985 520.329 473.26 518.407 471.126 517.16C469.055 515.913 466.607 515.289 463.783 515.289H447.685V495.026H463.218C470.937 495.026 477.245 497.053 482.14 501.105C487.035 505.158 490.612 510.977 492.872 518.563C495.131 526.044 496.261 535.033 496.261 545.528C496.261 553.633 495.664 560.647 494.472 566.57C493.342 572.493 491.773 577.481 489.765 581.533C487.757 585.482 485.435 588.703 482.799 591.197C480.226 593.587 477.496 595.302 474.609 596.341C471.785 597.38 468.961 597.9 466.
500136 597.9H447.685ZM440.625 597.9V495.026H455.781V597.9H440.625Z" fill="url(#pt11)"></path> <path d="M447.685 597.9V577.637H465.666C468.929 577.637 471.659 576.494 473.856 574.208C476.052 571.922 477.684 568.492 478.751 563.92C479.881 559.348 480.445 553.633 480.445 546.775C480.445 541.267 480.1 536.539 479.41 532.591C478.72 528.642 477.684 525.421 476.303 522.927C474.985 520.329 473.26 518.407 471.126 517.16C469.055 515.913 466.607 515.289 463.783 515.289H447.685V495.026H463.218C470.937 495.026 477.245 497.053 482.14 501.105C487.035 505.158 490.612 510.977 492.872 518.563C495.131 526.044 496.261 535.033 496.261 545.528C496.261 553.633 495.664 560.647 494.472 566.57C493.342 572.493 491.773 577.481 489.765 581.533C487.757 585.482 485.435 588.703 482.799 591.197C480.226 593.587 477.496 595.302 474.609 596.341C471.785 597.38 468.961 597.9 466.136 597.9H447.685ZM440.625 597.9V495.026H455.781V597.9H440.625Z" fill="white"></path> <path d="M383.939 597.9V495.026H399.517V597.9H383.939ZM395.19 597.9V577.637H434.326V597.9H395.19ZM395.19 555.192V536.955H429.422V555.192H395.19ZM395.19 515.133V495.026H434.038V515.133H395.19Z" fill="url(#pt12)"></path> <path d="M383.939 597.9V495.026H399.517V597.9H383.939ZM395.19 597.9V577.637H434.326V597.9H395.19ZM395.19 555.192V536.955H429.422V555.192H395.19ZM395.19 515.133V495.026H434.038V515.133H395.19Z" fill="white"></path> <path d="M345.643 597.9V495.026H361.159V597.9H345.643ZM327.254 515.913V495.026H379.74V515.913H327.254Z" fill="url(#pt13)"></path> <path d="M345.643 597.9V495.026H361.159V597.9H345.643ZM327.254 515.913V495.026H379.74V515.913H327.254Z" fill="white"></path> <path d="M308.359 597.9V495.026H324.105V597.9H308.359Z" fill="url(#pt14)"></path> <path d="M308.359 597.9V495.026H324.105V597.9H308.359Z" fill="white"></path> <path d="M221.17 597.613V494.739H244.112L260.486 568.777H260.962L276.955 494.739H298.85V597.613H284.38L285.237 520.302H284.19L266.007 597.613H253.441L235.64 520.302H234.593L235.449 597.613H221.17Z" fill="url(#pt15)"></path> <path d="M221.17 597.613V494.739H244.112L260.486 568.777H260.962L276.955 494.739H298.85V597.613H284.38L285.237 520.302H284.19L266.007 597.613H253.441L235.64 520.302H234.593L235.449 597.613H221.17Z" fill="white"></path> <path d="M196.039 597.9V495.026H211.785V597.9H196.039Z" fill="url(#pt16)"></path> <path d="M196.039 597.9V495.026H211.785V597.9H196.039Z" fill="white"></path> <path d="M151.951 597.9V495.026H167.28V597.9H151.951ZM154.712 597.9V576.857H192.891V597.9H154.712Z" fill="url(#pt17)"></path> <path d="M151.951 597.9V495.026H167.28V597.9H151.951ZM154.712 597.9V576.857H192.891V597.9H154.712Z" fill="white"></path> <path d="M80.5703 597.9V495.026H100.454L127.378 564.076H128.519L127.568 495.026H142.504V597.9H124.523L95.697 524.953H94.6505L95.5068 597.9H80.5703Z" fill="url(#pt18)"></path> <path d="M80.5703 597.9V495.026H100.454L127.378 564.076H128.519L127.568 495.026H142.504V597.9H124.523L95.697 524.953H94.6505L95.5068 597.9H80.5703Z" fill="white"></path> <path d="M43.4467 599.999C39.4253 599.999 35.8508 599.324 32.7231 597.974C29.5954 596.729 26.8826 594.86 24.5847 592.368C22.2867 589.876 20.3718 586.865 18.8399 583.334C17.3718 579.804 16.2547 575.859 15.4888 571.498C14.7866 567.033 14.4355 562.205 14.4355 557.013V495.026H29.9465V556.235C29.9465 561.218 30.4252 565.32 31.3827 568.538C32.3401 571.757 33.8082 574.145 35.787 575.703C37.7657 577.156 40.2871 577.883 43.3509 577.883C46.4148 577.883 48.9361 577.156 50.9149 575.703C52.8937 574.145 54.3618 571.757 55.3192 568.538C56.2767 565.32 56.7554 561.218 56.7554 556.235V495.026H72.1706V557.013C72.1706 570.615 69.7769 581.206 64.9896 588.785C60.2661 596.261 53.0852 599.999 43.4467 599.999Z" fill="url(#pt19)"></path> <path d="M43.4467 599.999C39.4253 599.999 35.8508 599.324 32.7231 597.974C29.5954 596.729 26.8826 594.86 24.5847 592.368C22.2867 589.876 20.3718 586.865 18.8399 583.334C17.3718 579.804 16.2547 575.859 15.4888 571.498C14.7866 567.033 14.4355 562.205 14.4355 557.013V495.026H29.9465V556.235C29.9465 561.218 30.4252 565.32 31.3827 568.538C32.3401 571.757 33.8082 574.145 35.787 575.703C37.7657 577.156 40.2871 577.883 43.3509 5
50077.883C46.4148 577.883 48.9361 577.156 50.9149 575.703C52.8937 574.145 54.3618 571.757 55.3192 568.538C56.2767 565.32 56.7554 561.218 56.7554 556.235V495.026H72.1706V557.013C72.1706 570.615 69.7769 581.206 64.9896 588.785C60.2661 596.261 53.0852 599.999 43.4467 599.999Z" fill="white"></path> </svg> <video class="oah-morph-media oah-morph-video" src="/pageforge-assets/openart-home/media-source/v4/hero-video-replacement.mp4" poster="https://cdn.openart.ai/cdn-cgi/image/format=auto,width=960,fit=scale-down,dpr=1,quality=80,metadata=none,sharpen=1/pageforge/openart-home/hero-showcase/hero-frame-2-bg.webp" muted loop playsinline preload="metadata"></video> </div> <div class="oah-gather-copy"> <h1 class="oah-load-01 oah-gather-heading font-heading" data-cms-field="hero.headingLines"> <span>Where Ideas</span><span>Become Visual</span><span>Stories</span> </h1> <p class="oah-load-02 oah-gather-sub" data-cms-field="hero.subheading">Your all-in-one AI creation platform that brings characters, stories, brands, and worlds to life.</p> <a href="/home" class="oah-load-03 oah-gather-cta" data-pageforge-source="start_creation_now"> <span class="oah-gather-cta-main" data-cms-field="hero.ctaMain">Start Creating Now</span><span data-cms-field="hero.ctaSecondary">It's free! â</span> </a> </div> </section> </div> <section id="oah-hero-video" class="oah-hero-video-section"> <div class="oah-video-pin-track"> <div class="oah-video-slider" id="oah-video-slider"> <div class="oah-video-frame" data-oah-video-create-target data-pageforge-source="create_now"> <video class="oah-media oah-media-video is-active" data-index="0" data-fit="cover" src="/pageforge-assets/openart-home/media-source/v4/hero-video-replacement.mp4" poster="https://cdn.openart.ai/cdn-cgi/image/format=auto,width=960,fit=scale-down,dpr=1,quality=80,metadata=none,sharpen=1/pageforge/openart-home/hero-showcase/hero-frame-2-bg.webp" muted loop playsinline preload="metadata"></video> </div> </div> </div> </section> <div class="oah-create-cursor oah-video-create-cursor" data-oah-video-create-cursor aria-hidden="true"> <svg class="oah-video-create-cursor-icon" viewBox="0 0 20 20" fill="none" aria-hidden="true"> <path d="M4.25 10H15.1" stroke="currentColor" stroke-width="2.1" stroke-linecap="round"></path> <path d="M10.9 5.8L15.1 10L10.9 14.2" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span>Create Now</span> </div> <section class="oah-social-proof-section" aria-label="Trusted by creators worldwide"> <div class="oah-social-proof-inner"> <div class="oah-featured-on-strip" aria-label="Featured on"> <div class="oah-featured-on-logos"> <div class="oah-powered-by-group" aria-label="Loved by 10M+ creators, brands, and studios worldwide"> <div class="oah-powered-by-title-box"> <p class="oah-powered-by-label" data-cms-field="social-proof.partnershipLabel"> Loved by 10M+ creators, brands, and studios worldwide </p> </div> <div class="oah-powered-by-logo-box"> <div class="oah-powered-by-marquee"> <div class="oah-powered-by-track"> <div class="oah-powered-by-set"> <span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/google.svg" data-brand="google" alt="Google" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/netflix.svg" data-brand="netflix" alt="Netflix" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/canva.svg" data-brand="canva" alt="Canva" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ogilvy.svg" data-brand="ogilvy" alt="Ogilvy" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/disney.svg" data-brand="disney" alt="Disney" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/loreal.svg" data-brand="loreal" alt="L'Oréal" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/dentsu.svg" data-brand="dentsu" alt="Dentsu" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/pandg.svg" data-brand="pandg" alt="P&G" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/samsung.svg" data-brand="samsung" alt="Samsung" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/roblox.svg" data-brand="roblox" alt="Roblox" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adidas.svg" data-brand="adidas" alt="Adidas" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adobe.svg" data-brand="adobe" alt="Adobe" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ea.svg" data-brand="ea" alt="EA" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/paramount.svg" data-brand="paramount" alt="Paramount" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/amazon.svg" data-brand="amazon" alt="Amazon" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/microsoft.svg" data-brand="microsoft" alt="Microsoft" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/puma.svg" data-brand="puma" alt="Puma" loading="lazy"> </span> </div><div class="oah-powered-by-set" aria-hidden="true"> <span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/google.svg" data-brand="google" alt="Google" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/netflix.svg" data-brand="netflix" alt="Netflix" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/canva.svg" data-brand="canva" alt="Canva" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ogilvy.svg" data-brand="ogilvy" alt="Ogilvy" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/disney.svg" data-brand="disney" alt="Disney" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/loreal.svg" data-brand="loreal" alt="L'Oréal" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/dentsu.svg" data-brand="dentsu" alt="Dentsu" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/pandg.svg" data-brand="pandg" alt="P&G" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/samsung.svg" data-brand="samsung" alt="Samsung" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/roblox.svg" data-brand="roblox" alt="Roblox" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adidas.svg" data-brand="adidas" alt="Adidas" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adobe.svg" data-brand="adobe" alt="Adobe" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ea.svg" data-brand="ea" alt="EA" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/paramount.svg" data-brand="paramount" alt="Paramount" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/amazon.svg" data-brand="amazon" alt="Amazon" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/microsoft.svg" data-brand="microsoft" alt="Microsoft" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/puma.svg" data-brand="puma" alt="Puma" loading="lazy"> </span> </div><div class="oah-powered-by-set" aria-hidden="true"> <span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/google.svg" data-brand="google" alt="Google" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/netflix.svg" data-brand="netflix" alt="Netflix" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/canva.svg" data-brand="canva" alt="Canva" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ogilvy.svg" data-brand="ogilvy" alt="Ogilvy" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/disney.svg" data-brand="disney" alt="Disney" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/loreal.svg" data-brand="loreal" alt="L'Oréal" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/dentsu.svg" data-brand="dentsu" alt="Dentsu" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/pandg.svg" data-brand="pandg" alt="P&G" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/samsung.svg" data-brand="samsung" alt="Samsung" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/roblox.svg" data-brand="roblox" alt="Roblox" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adidas.svg" data-brand="adidas" alt="Adidas" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adobe.svg" data-brand="adobe" alt="Adobe" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ea.svg" data-brand="ea" alt="EA" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/paramount.svg" data-brand="paramount" alt="Paramount" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/amazon.svg" data-brand="amazon" alt="Amazon" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/microsoft.svg" data-brand="microsoft" alt="Microsoft" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/puma.svg" data-brand="puma" alt="Puma" loading="lazy"> </span> </div><div class="oah-powered-by-set" aria-hidden="true"> <span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/google.svg" data-brand="google" alt="Google" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/netflix.svg" data-brand="netflix" alt="Netflix" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/canva.svg" data-brand="canva" alt="Canva" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ogilvy.svg" data-brand="ogilvy" alt="Ogilvy" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/disney.svg" data-brand="disney" alt="Disney" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/loreal.svg" data-brand="loreal" alt="L'Oréal" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/dentsu.svg" data-brand="dentsu" alt="Dentsu" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/pandg.svg" data-brand="pandg" alt="P&G" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/samsung.svg" data-brand="samsung" alt="Samsung" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/roblox.svg" data-brand="roblox" alt="Roblox" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adidas.svg" data-brand="adidas" alt="Adidas" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/adobe.svg" data-brand="adobe" alt="Adobe" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/ea.svg" data-brand="ea" alt="EA" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/paramount.svg" data-brand="paramount" alt="Paramount" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/amazon.svg" data-brand="amazon" alt="Amazon" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/microsoft.svg" data-brand="microsoft" alt="Microsoft" loading="lazy"> </span><span class="oah-partner-logo-item"> <img class="oah-partner-logo-img" src="/pageforge-assets/openart-home/partner-logos/puma.svg" data-brand="puma" alt="Puma" loading="lazy"> </span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="oah-director-section" aria-label="Vibe Direct Now" data-oah-director-slider data-prompt-p
500hrases="["Turn my song into a music video...","Make a 30-second ad for my product...","Tell the story of how we met...","Create a trailer for a movie that doesn't exist yet...","Animate my dog as a cartoon hero..."]"> <h2 class="sr-only">Vibe Direct Now</h2> <!-- Off-screen gradient def for icon hover fill (userSpaceOnUse = one coherent 501 leftâright sweep so every sub-path samples the same gradient). --> <svg aria-hidden="true" width="0" height="0" class="oah-director-defs"> <defs> <linearGradient id="vibe-direct-icon-gradient" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="24" y2="0"> <stop offset="0%" stop-color="#FFCBEF"></stop> <stop offset="100%" stop-color="#FB23C2"></stop> </linearGradient> </defs> </svg> <div class="oah-director-inner"> <!-- Heading: curved "Vibe Direct Now" wordmark + full-width pink arc line --> <svg class="oah-director-heading" width="1138" height="56" viewBox="0 0 1138 56" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Vibe Direct Now"> <g filter="url(#vd-shadow)" transform="translate(330 4)"> <path fill="url(#vd-text)" d="M14.3867 48.7354L0.85408 4.90208L11.2141 5.1049L20.8131 40.8076L21.6709 40.8244L32.726 5.52606L42.954 5.7263L27.6501 48.995L14.3867 48.7354ZM44.9293 49.3248L45.5397 14.6802L55.0422 14.8476L54.4318 49.4922L44.9293 49.3248ZM50.4488 9.55185C48.6011 9.51929 47.1779 9.12016 46.1792 8.35445C45.2253 7.54552 44.7615 6.39317 44.7879 4.8974C44.815 3.35764 45.3195 2.20035 46.3013 1.42552C47.3271 0.651474 48.7638 0.280726 50.6116 0.31328C52.5033 0.34661 53.9261 0.767739 54.88 1.57667C55.8779 2.38637 56.3632 3.56111 56.3361 5.10086C56.3105 6.55264 55.7848 7.66555 54.7591 8.4396C53.7772 9.21443 52.3405 9.58517 50.4488 9.55185ZM81.5644 50.8145C79.3646 50.7827 77.4568 50.3371 75.8411 49.4776C74.226 48.5741 72.9243 47.3012 71.9359 45.6587C70.9476 44.0162 70.2723 42.0263 69.9101 39.6888L68.6562 39.6706L68.4451 49.7006L60.5919 49.587L60.8383 32.5608L61.2746 2.40195L70.7776 2.53943L70.6134 13.8902C70.5981 14.9461 70.5155 16.0891 70.3657 17.319C70.2166 18.505 70.0008 19.734 69.7183 21.006C69.4799 22.2787 69.2188 23.5951 68.9351 24.9551L70.387 24.9761C70.9907 22.7846 71.788 20.904 72.7788 19.3341C73.8143 17.721 75.108 16.5075 76.6599 15.6939C78.2125 14.8363 80.0446 14.4227 82.1564 14.4533C85.0601 14.4953 87.557 15.2795 89.6472 16.8059C91.7373 18.3323 93.3346 20.4676 94.439 23.2119C95.5874 25.9568 96.1346 29.199 96.0805 32.9386C96.0276 36.5903 95.4096 39.7716 94.2262 42.4828C93.0435 45.15 91.3635 47.2159 89.186 48.6806C87.0526 50.1458 84.5121 50.8572 81.5644 50.8145ZM78.3114 42.9786C79.8952 43.0016 81.2651 42.6033 82.4211 41.784C83.5777 40.9206 84.4754 39.7015 85.1143 38.1265C85.7531 36.5516 86.0878 34.7083 86.1184 32.5965C86.1489 30.4847 85.8674 28.6545 85.2737 27.1057C84.7241 25.5576 83.9057 24.3356 82.8185 23.4398C81.7313 22.544 80.3958 22.0846 78.812 22.0617C77.7561 22.0464 76.7854 22.2304 75.8997 22.6136C75.0141 22.9969 74.2362 23.5357 73.5661 24.23C72.8966 24.8804 72.3135 25.6421 71.8169 26.515C71.3208 27.3439 70.9561 28.2187 70.7228 29.1394C70.4894 30.0601 70.3667 30.9385 70.3546 31.7744L70.3365 33.0282C70.3218 34.0401 70.4599 35.1423 70.7507 36.3346C71.0421 37.4829 71.5105 38.5678 72.1558 39.5892C72.8457 40.5673 73.6921 41.3717 74.6951 42.0022C75.6981 42.6328 76.9035 42.9583 78.3114 42.9786ZM116.128 51.2468C113.268 51.2149 110.721 50.7905 108.486 49.9735C106.295 49.157 104.438 47.9922 102.915 46.4791C101.391 44.966 100.224 43.1049 99.4127 40.8957C98.6453 38.687 98.2771 36.1967 98.308 33.4249C98.3384 30.6971 98.7404 28.1934 99.5138 25.9139C100.332 23.5909 101.498 21.6018 103.013 19.9466C104.528 18.2473 106.368 16.9478 108.534 16.0479C110.701 15.148 113.148 14.7133 115.875 14.7437C118.515 14.7732 120.864 15.2394 122.922 16.1424C124.981 17.0014 126.682 18.2965 128.027 20.0276C129.416 21.7592 130.404 23.8823 130.992 26.397C131.625 28.8683 131.835 31.7088 131.623 34.9186L104.43 34.8793L104.488 29.6656L126.203 29.7098L122.808 32.3121C123.142 29.9837 123.009 28.0681 122.41 26.5653C121.811 25.0626 120.921 23.9526 119.741 23.2354C118.605 22.5186 117.333 22.1524 115.925 22.1367C114.253 22.1181 112.774 22.5416 111.489 23.4073C110.203 24.273 109.198 25.5599 108.475 27.2679C107.753 28.932 107.378 30.9519 107.352 33.3278C107.31 37.0676 108.093 39.8265 109.701 41.6045C111.354 43.3831 113.522 44.2873 116.206 44.3172C117.438 44.331 118.473 44.1885 119.313 43.8899C120.196 43.5477 120.905 43.1156 121.439 42.5935C122.017 42.0719 122.464 41.4829 122.779 40.8263C123.138 40.1703 123.432 39.5135 123.659 38.856L131.889 40.7299C131.474 42.3534 130.864 43.8207 130.057 45.1318C129.295 46.3994 128.271 47.51 126.984 48.4637C125.698 49.3734 124.15 50.0602 122.341 50.524C120.575 51.0324 118.504 51.2733 116.128 51.2468ZM153.329 50.6731L153.38 42.9512L166.052 43.0347C168.516 43.0509
501170.565 42.5364 172.2 41.4911C173.835 40.4019 175.078 38.826 175.927 36.7636C176.777 34.7011 177.212 32.1739 177.231 29.182C177.248 26.718 176.998 24.6043 176.481 22.8409C175.965 21.0335 175.183 19.5543 174.134 18.4033C173.13 17.2527 171.838 16.3862 170.257 15.8038C168.721 15.2216 166.897 14.9236 164.785 14.9097L153.565 14.8359L153.616 7.11402L164.506 7.18572C169.786 7.22048 174.092 8.10685 177.425 9.84483C180.757 11.5828 183.205 14.063 184.768 17.2853C186.331 20.4637 187.098 24.2748 187.069 28.7187C187.047 32.0627 186.632 34.964 185.823 37.4227C185.015 39.8815 183.923 41.9643 182.548 43.6713C181.217 45.3786 179.668 46.7544 177.901 47.7988C176.134 48.8432 174.259 49.6008 172.276 50.0718C170.293 50.5428 168.289 50.7716 166.265 50.7582L153.329 50.6731ZM148.775 50.6431L149.062 7.08404L158.566 7.14661L158.279 50.7057L148.775 50.6431ZM191.886 50.9158L192.025 16.2661L201.529 16.3044L201.39 50.9541L191.886 50.9158ZM196.864 11.0715C195.016 11.0641 193.588 10.6843 192.579 9.93225C191.614 9.13636 191.135 7.99042 191.141 6.49443C191.147 4.95444 191.636 3.7904 192.607 3.00231C193.622 2.21439 195.053 1.82415 196.901 1.8316C198.793 1.83922 200.222 2.24097 201.187 3.03687C202.195 3.83294 202.697 5.00096 202.691 6.54095C202.685 7.99294 202.174 9.11289 201.159 9.90081C200.188 10.6889 198.756 11.0791 196.864 11.0715ZM207.55 50.9709L207.587 34.2069L207.626 16.3209L215.48 16.3381L215.52 28.1522L216.774 28.1549C217.132 25.2077 217.732 22.811 218.572 20.9648C219.456 19.1188 220.669 17.7574 222.211 16.8808C223.753 16.0041 225.667 15.5683 227.955 15.5733C228.351 15.5742 228.769 15.5971 229.209 15.6421C229.693 15.6431 230.243 15.7103 230.859 15.8437L230.441 25.9408C229.782 25.6313 229.056 25.4097 228.264 25.276C227.473 25.1423 226.769 25.0748 226.153 25.0734C224.437 25.0697 222.962 25.4624 221.728 26.2517C220.494 27.0411 219.48 28.1828 218.685 29.6771C217.933 31.1275 217.424 32.9084 217.155 35.0198L217.12 50.9917L207.55 50.9709ZM249.503 51.9322C246.643 51.9335 244.09 51.5387 241.846 50.7478C239.646 49.9568 237.775 48.8137 236.235 47.3184C234.694 45.8231 233.505 43.9757 232.668 41.7761C231.875 39.5764 231.478 37.0906 231.476 34.3186C231.475 31.5906 231.848 29.0825 232.595 26.7941C233.386 24.4617 234.529 22.4592 236.024 20.7865C237.519 19.0698 239.345 17.7489 241.5 16.8239C243.656 15.8989 246.098 15.4358 248.826 15.4345C251.466 15.4333 253.82 15.8722 255.888 16.7512C257.957 17.5862 259.673 18.8614 261.038 20.5768C262.447 22.2921 263.46 24.4037 264.077 26.9114C264.738 29.3751 264.981 32.2129 264.807 35.425L237.615 35.7018L237.613 30.4878L259.327 30.2796L255.962 32.9212C256.269 30.589 256.114 28.6751 25
5015.497 27.1794C254.88 25.6837 253.978 24.5841 252.79 23.8807C251.645 23.1772 250.369 22.8258 248.961 22.8264C247.289 22.8272 245.815 23.2679 244.54 24.1485C243.264 25.0291 242.275 26.3276 241.571 28.0439C240.868 29.7162 240.517 31.7404 240.518 34.1164C240.52 37.8564 241.335 40.606 242.964 42.3653C244.637 44.1245 246.815 45.0035 249.499 45.0022C250.731 45.0016 251.765 44.8471 252.601 44.5387C253.481 44.1863 254.185 43.746 254.713 43.2178C255.284 42.6895 255.724 42.0953 256.032 41.4351C256.383 40.775 256.669 40.1148 256.889 39.4547L265.14 41.2329C264.744 42.8611 264.151 44.3353 263.36 45.6557C262.612 46.9321 261.601 48.0545 260.325 49.0231C259.05 49.9477 257.51 50.6524 255.706 51.1373C253.947 51.6661 251.879 51.9311 249.503 51.9322ZM285.471 51.8554C282.479 51.8656 279.86 51.4345 277.613 50.5622C275.366 49.6898 273.492 48.4642 271.99 46.8853C270.489 45.3064 269.36 43.4402 268.605 41.2868C267.85 39.0894 267.467 36.6927 267.459 34.0967C267.449 31.3687 267.815 28.8814 268.555 26.6349C269.339 24.3442 270.477 22.3603 271.967 20.6832C273.457 19.0061 275.301 17.7018 277.498 16.7704C279.694 15.8389 282.201 15.3683 285.017 15.3587C287.833 15.3491 290.276 15.8028 292.347 16.7197C294.463 17.6365 296.161 18.9287 297.443 20.5964C298.768 22.2199 299.677 24.1528 300.168 26.3951L291.4 29.263C291.264 27.8995 290.886 26.7348 290.266 25.7689C289.691 24.7588 288.896 24.0135 287.883 23.533C286.913 23.0083 285.812 22.748 284.58 22.7522C283.304 22.7566 282.205 23.0243 281.283 23.5555C280.36 24.0426 279.571 24.7713 278.914 25.7416C278.301 26.6677 277.821 27.8133 277.474 29.1785C277.17 30.4995 277.021 31.9961 277.027 33.6681C277.035 36.044 277.35 38.067 277.972 39.7369C278.637 41.3626 279.588 42.6134 280.823 43.4892C282.101 44.3208 283.665 44.7335 285.513 44.7272C287.273 44.7212 288.68 44.3864 289.733 43.7228C290.787 43.0152 291.554 42.1326 292.034 41.0749C292.559 39.9731 292.885 38.85 293.013 37.7056L301.335 39.5252C301.121 41.242 300.643 42.8496 299.9 44.3481C299.201 45.8465 298.193 47.148 296.877 48.2525C295.561 49.357 293.958 50.2424 292.068 50.9089C290.222 51.5312 288.023 51.8467 285.471 51.8554ZM317.047 51.5763C313.175 51.5984 310.309 50.6027 308.45 48.5893C306.634 46.5316 305.714 43.2588 305.688 38.7708L305.602 23.6571L300.586 23.6856L300.675 16.227L304.173 16.2071C305.537 16.1993 306.548 15.9956 307.206 15.5958C307.864 15.196 308.256 14.4678 308.382 13.4111L309.211 8.45626L314.623 8.42544L314.667 16.1473L323.445 16.0973L323.489 23.8192L314.711 23.8692L314.794 38.323C314.803 39.9069 315.183 41.0488 315.935 41.7485C316.687 42.4482 317.833 42.7937 319.373 42.7849C320.209 42.7802 321.001 42.6877 321.747 42.5074C322.538 42.3269 323.219 42.037 323.789 41.6378L323.839 50.4816C322.477 50.9294 321.225 51.2225 320.082 51.3611C318.939 51.4996 317.927 51.5713 317.047 51.5763ZM340.797 50.6005L340.361 7.04269L352.769 6.91856L372.81 37.5416L373.536 37.5343L372.634 6.71981L381.873 6.62737L382.309 50.1852L371.09 50.2974L349.912 18.2337L349.186 18.241L350.103 50.5074L340.797 50.6005ZM404.588 50.8069C401.112 50.8555 398.045 50.2162 395.386 48.8892C392.727 47.5182 390.63 45.5013 389.097 42.8384C387.563 40.1316 386.768 36.7544 386.711 32.7068C386.655 28.6591 387.356 25.283 388.814 22.5784C390.316 19.8732 392.378 17.8422 395 16.4854C397.664 15.0841 400.69 14.3598 404.078 14.3125C407.554 14.2639 410.621 14.9032 413.28 16.2302C415.983 17.5566 418.101 19.5732 419.635 22.2801C421.212 24.9423 422.029 28.2972 422.086 32.3448C422.143 36.4364 421.398 39.8571 419.853 42.607C418.35 45.3122 416.266 47.3435 413.601 48.7009C410.98 50.0576 407.975 50.7596 404.588 50.8069ZM404.819 43.741C406.535 43.717 407.959 43.3011 409.092 42.4932C410.269 41.6847 411.132 40.4845 411.682 38.8927C412.275 37.2563 412.556 35.2942 412.524 33.0064C412.49 30.5866 412.132 28.5454 411.448 26.8828C410.808 25.1756 409.866 23.8906 408.622 23.0279C407.377 22.1212 405.809 21.681 403.917 21.7074C402.289 21.7302 400.887 22.1458 399.71 22.9543C398.533 23.7188 397.648 24.9193 397.054 26.5557C396.46 28.1482 396.18 30.1103 396.212 32.4421C396.265 36.1817 397.052 39.009 398.575 40.9239C400.098 42.8388 402.179 43.7779 404.819 43.741ZM431.463 49.4635L422.241 14.9788L432.139 14.795L437.526 41.8256L438.78 41.8024L444.083 14.5732L455.499 14.3612L462.008 41.3711L463.262 41.3478L467.509 14.1382L47
5017.21 13.9581L469.208 48.7627L456.143 49.0053L450.232 22.1824L449.11 22.2032L444.463 49.2221L431.463 49.4635Z"></path> </g> <path d="M1137.92 29.0234C995.853 44.873 793.731 55.0444 569.459 55.0444C345.188 55.0444 143.066 44.873 1.00081 29.0234" fill="none" stroke="url(#vd-arc)" stroke-width="1.5"></path> <defs> <filter id="vd-shadow" x="-24" y="-8" width="526" height="72" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="bg"></feFlood> <feBlend mode="normal" in="SourceGraphic" in2="bg" result="shape"></feBlend> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix> <feOffset dy="1"></feOffset> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0"></feColorMatrix> <feBlend mode="normal" in2="shape" result="effect1_innerShadow"></feBlend> </filter> <linearGradient id="vd-text" x1="-657.27" y1="2.03613" x2="1142.73" y2="2.03613" gradientUnits="userSpaceOnUse"> <stop offset="0.293008" stop-color="#0A0B0B" stop-opacity="0"></stop> <stop offset="0.369672" stop-color="#FEC5ED"></stop> <stop offset="0.5" stop-color="#FD77D9"></stop> <stop offset="0.625464" stop-color="#FB2CC4"></stop> <stop offset="0.729403" stop-color="#0A0B0B" stop-opacity="0"></stop> </linearGradient> <linearGradient id="vd-arc" x1="-327.27" y1="29.0234" x2="1472.73" y2="29.0234" gradientUnits="userSpaceOnUse"> <stop offset="0.293008" stop-color="#0A0B0B" stop-opacity="0"></stop> <stop offset="0.369672" stop-color="#FEC5ED"></stop> <stop offset="0.5" stop-color="#FD77D9"></stop> <stop offset="0.625464" stop-color="#FB2CC4"></stop> <stop offset="0.729403" stop-color="#0A0B0B" stop-opacity="0"></stop> </linearGradient> </defs> </svg> <h2 class="oah-director-mobile-heading font-heading">Vibe Direct Now</h2> <div class="oah-director-stage"> <!-- top arc mask --> <svg class="oah-director-arc-mask oah-director-arc-mask--top" viewBox="0 0 1136 26" preserveAspectRatio="none" aria-hidden="true"> <path d="M568 26 C792.09 26 994.05 15.8368 1136 0 H0 C141.95 15.8368 343.91 26 568 26 Z"></path> </svg> <div class="oah-director-viewport" data-oah-director-viewport> <div class="oah-director-track" data-oah-director-track> <a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=music-video" aria-label="Music Video"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/music-video.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/music-video.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#m2f)"><path fill="currentColor" d="M17.408 4.317v9.417a2.995 2.995 0 0 1-2.992 2.991 3 3 0 0 1-2.992-2.992 3 3 0 0 1 2.992-2.983c.7 0 1.325.242 1.833.642V6.433L8.574 8.617v6.725a3 3 0 0 1-2.992 2.992 2.995 2.995 0 0 1-2.991-2.992 2.993 2.993 0 0 1 2.991-2.984c.692 0 1.317.242 1.825.634V5.625c0-1.225.742-2.175 1.917-2.492l4.817-1.316c.975-.267 1.8-.175 2.383.275.592.441.883 1.191.883 2.225"/></g><defs><clipPath id="m2f"><path fill="currentColor" d="M0 0h20v20H0z"/></clipPath></defs></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Music Video</span> <span class="oah-director-grad" aria-hidden="true">Music Video</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=ugc-ads" aria-label="UGC Ads"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/ugc-ads.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/ugc-ads.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
501<path fill="currentColor" d="M4.882 14.75q-.676.36-1.436.153a1.9 1.9 0 0 1-1.155-.847q-.48-.806-.17-1.667t1.212-1.167l8.592-2.805a.98.98 0 0 1 .774.041q.38.18.634.653.226.39.07.82a1.2 1.2 0 0 1-.549.652zM7.756 22q-.93 0-1.592-.653a2.13 2.13 0 0 1-.662-1.57v-4.083l8.874-4.61q.393-.223.535-.653.141-.43-.057-.82l5.437-2.667a.97.97 0 0 1 .86-.041q.436.18.718.736a1 1 0 0 1 .098.75A1.04 1.04 0 0 1 21.56 9l-7.043 5.222v5.556q0 .916-.662 1.57a2.2 2.2 0 0 1-1.591.652zM4.403 8.639Q3.25 7.499 3.25 5.889t1.154-2.75T7.193 2Q8.824 2 9.98 3.139t1.155 2.75q0 1.61-1.155 2.75T7.192 9.778t-2.789-1.14"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">UGC Ads</span> <span class="oah-director-grad" aria-hidden="true">UGC Ads</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=product-ads" aria-label="Product Ads"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/product-ads.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/product-ads.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M13.11 9h-3.03c-.55 0-1-.45-1-1V4.39A2.39 2.39 0 0 1 11.47 2h.25a2.39 2.39 0 0 1 2.39 2.39V8c0 .55-.45 1-1 1m1.45 1.3H9.44c-2.07 0-3.69 1.8-3.49 3.86l.06.58.07.76.01.07.07.68.26 2.59A3.513 3.513 0 0 0 9.91 22h4.18c1.8 0 3.31-1.37 3.49-3.16l.22-2.18.08-.79v-.02l.07-.74.1-.95c.2-2.06-1.42-3.86-3.49-3.86"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Product Ads</span> <span class="oah-director-grad" aria-hidden="true">Product Ads</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=film-trailer" aria-label="Film Trailer"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/film-trailer.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/film-trailer.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M19.82 8.758c-.61 0-1.1-.38-1.26-.98l-.26-.97c-.14-.5-.52-.88-1.02-1.02l-.98-.27a1.3 1.3 0 0 1-.96-1.27c0-.61.38-1.11.98-1.28l.96-.25c.07-.02.13-.06.2-.09-.78-.35-1.69-.55-2.74-.55H6.43c-3.61 0-5.77 2.16-5.77 5.77v8.3c0 3.62 2.15 5.77 5.76 5.77h8.3c3.61 0 5.76-2.15 5.76-5.76v-7.59c-.2.11-.41.19-.66.19m-3.37 6.92c-.15.2-.37.32-.59.32a.76.76 0 0 1-.45-.15l-3.92-2.93-2.39 1.78c.01.1.03.2.03.3a2.279 2.279 0 1 1-4.56 0c0-1.26 1.02-2.28 2.28-2.28.61 0 1.16.25 1.57.63l1.82-1.37-1.81-1.36c-.41.4-.97.64-1.59.64a2.279 2.279 0 1 1 0-4.56c1.26 0 2.28 1.02 2.28 2.28 0 .1-.02.19-.03.28l2.38 1.78 3.92-2.93c.33-.25.79-.18 1.04.15s.18.79-.15 1.04l-3.57 2.67 3.59 2.67c.33.25.4.71.15 1.04"/><path fill="currentColor" d="M23.34 4.268c0 .07-.04.23-.23.29l-.98.27c-.85.23-1.49.87-1.72 1.72l-.26.96c-.06.22-.23.24-.31.24s-.25-.02-.31-.24l-.26-.97c-.23-.84-.88-1.48-1.72-1.71l-.97-.26c-.21-.06-.23-.24-.23-.31 0-.08.02-.26.23-.32l.98-.26c.84-.24 1.48-.88 1.71-1.72l.28-1.02c.07-.17.23-.2.29-.2s.23.02.29.18l.28 1.03c.23.84.88 1.48 1.72 1.72l1 .28c.2.08.21.26.21.32"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Film Trailer</span> <span class="oah-director-grad" aria-hidden="true">Film Trailer</span> </span> </a>
501<a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=social-content" aria-label="Social Content"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/social-content.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/social-content.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M4.882 14.75q-.676.36-1.436.153a1.9 1.9 0 0 1-1.155-.847q-.48-.806-.17-1.667t1.212-1.167l8.592-2.805a.98.98 0 0 1 .774.041q.38.18.634.653.226.39.07.82a1.2 1.2 0 0 1-.549.652zM7.756 22q-.93 0-1.592-.653a2.13 2.13 0 0 1-.662-1.57v-4.083l8.874-4.61q.393-.223.535-.653.141-.43-.057-.82l5.437-2.667a.97.97 0 0 1 .86-.041q.436.18.718.736a1 1 0 0 1 .098.75A1.04 1.04 0 0 1 21.56 9l-7.043 5.222v5.556q0 .916-.662 1.57a2.2 2.2 0 0 1-1.591.652zM4.403 8.639Q3.25 7.499 3.25 5.889t1.154-2.75T7.193 2Q8.824 2 9.98 3.139t1.155 2.75q0 1.61-1.155 2.75T7.192 9.778t-2.789-1.14"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Social Content</span> <span class="oah-director-grad" aria-hidden="true">Social Content</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=branding-ads" aria-label="Branding Ads"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/branding-ads.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/branding-ads.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M7.091 8.309 6.3 10.767h1.85l-.8-2.458zm5.918 0h-.767v3.375h.767c.675 0 1.225-.55 1.225-1.225v-.925c0-.675-.55-1.225-1.225-1.225"/><path fill="currentColor" d="M14.167 1.668H5.834a4.17 4.17 0 0 0-4.167 4.167v8.333c0 2.3 1.867 4.167 4.167 4.167h8.333c2.3 0 4.167-1.867 4.167-4.167V5.835c0-2.3-1.867-4.167-4.167-4.167M9.5 12.91c-.066.016-.125.033-.191.033a.615.615 0 0 1-.592-.433l-.158-.492H5.9l-.158.492a.623.623 0 1 1-1.183-.392l1.45-4.467a.86.86 0 0 1 .816-.591h.834c.375 0 .7.241.816.591l1.45 4.467a.63.63 0 0 1-.4.792zm5.992-2.45a2.475 2.475 0 0 1-2.475 2.475h-1.392A.63.63 0 0 1 11 12.31V7.685a.63.63 0 0 1 .625-.625h1.392a2.475 2.475 0 0 1 2.475 2.475z"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Branding Ads</span> <span class="oah-director-grad" aria-hidden="true">Branding Ads</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=explainer" aria-label="Explainer Video"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/explainer-video.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/explainer-video.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
501<path fill="currentColor" d="M16.831 15.644a1 1 0 0 1 1.55.84v1.29c0 1.27-.99 2.63-2.18 3.03l-3.19 1.06c-.56.19-1.47.19-2.02 0l-3.19-1.06c-1.2-.4-2.18-1.76-2.18-3.03v-1.3c0-.79.88-1.27 1.54-.84l2.06 1.34c.79.53 1.79.79 2.79.79s2-.26 2.79-.79z"/><path fill="currentColor" d="m19.98 6.463-5.99-3.93c-1.08-.71-2.86-.71-3.94 0l-6.02 3.93c-1.93 1.25-1.93 4.08 0 5.34l1.6 1.04 4.42 2.88c1.08.71 2.86.71 3.94 0l4.39-2.88 1.37-.9v3.06c0 .41.34.75.75.75s.75-.34.75-.75v-4.92c.4-1.29-.01-2.79-1.27-3.62"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Explainer Video</span> <span class="oah-director-grad" aria-hidden="true">Explainer Video</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=micro-drama" aria-label="Micro Drama"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/micro-drama.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/micro-drama.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M19.82 8.758c-.61 0-1.1-.38-1.26-.98l-.26-.97c-.14-.5-.52-.88-1.02-1.02l-.98-.27a1.3 1.3 0 0 1-.96-1.27c0-.61.38-1.11.98-1.28l.96-.25c.07-.02.13-.06.2-.09-.78-.35-1.69-.55-2.74-.55H6.43c-3.61 0-5.77 2.16-5.77 5.77v8.3c0 3.62 2.15 5.77 5.76 5.77h8.3c3.61 0 5.76-2.15 5.76-5.76v-7.59c-.2.11-.41.19-.66.19m-3.37 6.92c-.15.2-.37.32-.59.32a.76.76 0 0 1-.45-.15l-3.92-2.93-2.39 1.78c.01.1.03.2.03.3a2.279 2.279 0 1 1-4.56 0c0-1.26 1.02-2.28 2.28-2.28.61 0 1.16.25 1.57.63l1.82-1.37-1.81-1.36c-.41.4-.97.64-1.59.64a2.279 2.279 0 1 1 0-4.56c1.26 0 2.28 1.02 2.28 2.28 0 .1-.02.19-.03.28l2.38 1.78 3.92-2.93c.33-.25.79-.18 1.04.15s.18.79-.15 1.04l-3.57 2.67 3.59 2.67c.33.25.4.71.15 1.04"/><path fill="currentColor" d="M23.34 4.268c0 .07-.04.23-.23.29l-.98.27c-.85.23-1.49.87-1.72 1.72l-.26.96c-.06.22-.23.24-.31.24s-.25-.02-.31-.24l-.26-.97c-.23-.84-.88-1.48-1.72-1.71l-.97-.26c-.21-.06-.23-.24-.23-.31 0-.08.02-.26.23-.32l.98-.26c.84-.24 1.48-.88 1.71-1.72l.28-1.02c.07-.17.23-.2.29-.2s.23.02.29.18l.28 1.03c.23.84.88 1.48 1.72 1.72l1 .28c.2.08.21.26.21.32"/></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Micro Drama</span> <span class="oah-director-grad" aria-hidden="true">Micro Drama</span> </span> </a><a class="oah-director-card" data-arc-card="true" href="/suite/director?quickStart=short-film" aria-label="Short Film"> <div class="oah-director-card-media-wrap"> <div class="oah-director-card-image" data-arc-image> <div class="oah-director-card-zoom"> <img class="oah-director-card-media oah-director-card-poster" src="/pageforge-assets/openart-home/director/cover-marketing/short-film.jpg" alt="" loading="lazy"> <video class="oah-director-card-media oah-director-card-video" src="/pageforge-assets/openart-home/director/cover-marketing/short-film.mp4" muted loop playsinline preload="none"></video> </div> </div> <span class="oah-director-card-icon"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path fill-rule="evenodd" d="M22 16.19c0 3.64-2.17 5.81-5.81 5.81H7.81C4.17 22 2 19.83 2 16.19V7.86h20zm-9.64-4.65c-.77-.45-1.51-.51-2.09-.17-.58.33-.9 1.01-.9 1.89v2.4c0 .88.32 1.56.9 1.89.25.14.52.21.82.21.4 0 .83-.13 1.27-.38l2.08-1.2c.76-.45 1.19-1.04 1.19-1.71s-.42-1.29-1.19-1.73z" clip-rule="evenodd"/>
501<path d="M7.77 6.36H2.13C2.64 3.61 4.67 2.01 7.77 2zm6.96 0H9.27V2h5.46zM16.23 2c3.1.01 5.13 1.61 5.64 4.36h-5.64z"/></g></svg></span> </div> <span class="oah-director-card-hover-cta" aria-hidden="true"> <span>Direct this</span> <svg viewBox="0 0 16 16" fill="none"> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <span class="oah-director-card-label"> <span class="oah-director-plain">Short Film</span> <span class="oah-director-grad" aria-hidden="true">Short Film</span> </span> </a> </div> <!-- bottom arc mask (top mask flipped) --> <svg class="oah-director-arc-mask oah-director-arc-mask--bottom" viewBox="0 0 1136 26" preserveAspectRatio="none" aria-hidden="true"> <path d="M568 26 C792.09 26 994.05 15.8368 1136 0 H0 C141.95 15.8368 343.91 26 568 26 Z"></path> </svg> </div> <button class="oah-director-nav oah-director-nav--left" data-oah-director-prev type="button" aria-label="Scroll left"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M12.6 12 8.7 8.1a.95.95 0 0 1-.275-.7q0-.424.275-.7a.95.95 0 0 1 .7-.274q.424 0 .7.275l4.6 4.6q.15.15.212.325.063.174.063.375 0 .2-.063.375a.9.9 0 0 1-.212.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.426.275-.7z"></path></svg> </button> <button class="oah-director-nav oah-director-nav--right" data-oah-director-next type="button" aria-label="Scroll right"> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M12.6 12 8.7 8.1a.95.95 0 0 1-.275-.7q0-.424.275-.7a.95.95 0 0 1 .7-.274q.424 0 .7.275l4.6 4.6q.15.15.212.325.063.174.063.375 0 .2-.063.375a.9.9 0 0 1-.212.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.426.275-.7z"></path></svg> </button> </div> <a class="oah-director-prompt" href="/suite/director" aria-label="Start directing in Director"> <span class="oah-director-prompt-left"> <span class="oah-director-prompt-camera" aria-hidden="true"> <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M5.29 13.822c.06 0 .23.02.29.18l.28 1.03c.23.84.88 1.48 1.72 1.72l1 .28c.2.08.21.26.21.32 0 .07-.04.23-.23.29l-.98.27c-.85.23-1.49.87-1.72 1.72l-.26.96a.3.3 0 0 1-.31.24c-.08
5010-.25-.02-.31-.24l-.26-.97c-.23-.84-.88-1.48-1.72-1.71l-.97-.26c-.21-.06-.23-.24-.23-.31 0-.08.02-.26.23-.32l.98-.26c.84-.24 1.48-.88 1.71-1.72l.28-1.02c.07-.17.23-.2.29-.2"></path> <path d="M13.23 3.172c3.02 0 4.26 1.12 4.36 3.98l1.35-.96c1.08-.75 1.87-.54 2.25-.34l-.01.02c.38.19 1.01.71 1.01 2.03v6.66c0 1.31-.63 1.84-1.01 2.03-.17.09-.44.19-.78.19-.39 0-.89-.13-1.46-.53l-1.35-.96c-.1 2.86-1.34 3.98-4.36 3.98H7.219c.17-.15.381-.31.611-.37l.99-.27c.55-.174.95-.668.95-1.25 0-.65-.414-1.088-.99-1.3l-.97-.26c-.49-.14-.88-.52-1.01-1.02l-.28-1.02-.03-.1c-.19-.5-.64-.84-1.2-.84-.55 0-1.03.33-1.22.83l-.06.17-.26.95c-.07.25-.24.473-.41.643V7.542c0-3.15 1.22-4.37 4.37-4.37zm-1.38 4.01a1.73 1.73 0 1 0 .002 3.461 1.73 1.73 0 0 0-.002-3.461"></path> </svg> </span> <span class="oah-director-prompt-text"> <span data-oah-director-prompt-text></span> <span class="oah-director-prompt-caret" aria-hidden="true"></span> </span> </span> <span class="oah-director-prompt-send" aria-hidden="true"> <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="m10.862 9.18-2.667 2.668a1.08 1.08 0 0 1-.795.316 1.08 1.08 0 0 1-1.113-1.112q0-.48.317-.796l4.594-4.594q.342-.342.802-.342.459 0 .801.342l4.594 4.594q.317.317.317.796a1.08 1.08 0 0 1-1.112 1.112 1.08 1.08 0 0 1-.796-.316L13.137 9.18v7.87q0 .48-.33.81a1.1 1.1 0 0 1-.807.328 1.1 1.1 0 0 1-.809-.329 1.1 1.1 0 0 1-.329-.808z"></path> </svg> </span> </a> </div> </section>
501<script type="module">const w=["Turn my song into a music video...","Make a 30-second ad for my product...","Tell the story of how we met...","Create a trailer for a movie that doesn't exist yet...","Animate my dog as a cartoon hero..."];function H(d){const c=d;if(c.dataset.vdInit==="true")return;c.dataset.vdInit="true";let l=w;try{const e=JSON.parse(c.dataset.promptPhrases||"[]");Array.isArray(e)&&e.length&&(l=e.filter(t=>typeof t=="string"&&t.length>0))}catch{l=w}const E=matchMedia("(prefers-reduced-motion: reduce)").matches;E||!("IntersectionObserver"in window)?c.classList.add("is-visible"):new IntersectionObserver((t,r)=>{t.forEach(o=>{o.isIntersecting&&(c.classList.add("is-visible"),r.unobserve(o.target))})},{threshold:.22,rootMargin:"0px 0px -12% 0px"}).observe(c);const u=d.querySelector("[data-oah-director-viewport]"),a=d.querySelector("[data-oah-director-track]");if(!u||!a)return;const M=Array.from(a.querySelectorAll("[data-arc-card]")),p=M.length;if(!p)return;const S=(M[0].getBoundingClientRect().width||224)+4,R=p*S,b=u.getBoundingClientRect().width||window.innerWidth||1,x=Math.max(2,Math.ceil(b/R)+1);for(let e=1;e<x;e+=1)M.forEach(t=>a.appendChild(t.cloneNode(!0)));a.querySelectorAll("[data-arc-card]").forEach(e=>{const t=e.querySelector("video");t&&(e.addEventListener("mouseenter",()=>t.play().catch(()=>{})),e.addEventListener("mouseleave",()=>{t.pause(),t.currentTime=0}))});const T=navigator.connection;!(T&&(T.saveData||/(^|-)2g/.test(T.effectiveType||"")))&&"IntersectionObserver"in window&&new IntersectionObserver((t,r)=>{t.forEach(o=>{if(!o.isIntersecting)return;r.disconnect();const i=new Set;a.querySelectorAll("video").forEach(n=>{const h=n.currentSrc||n.src;if(!i.has(h)&&(i.add(h),!(!n.paused||n.preload!=="none"))){n.preload="metadata";try{n.load()}catch{}}})})},{rootMargin:"1200px 0px"}).observe(c);const P=224,A=332,y=284,q=.5,I=matchMedia("(max-width: 767px)"),v=d.querySelector("[data-oah-director-prompt-text]");if(v)if(E)v.textContent=l[0]??"";else{let e=0,t=0,r=!1;const o=()=>{const i=l[e]??"";t+=r?-1:1,v.textContent=i.substring(0,t);let n=r?16:32;!r&&t===i.length?(r=!0,n=2e3):r&&t===0&&(r=!1,e=(e+1)%l.length,n=350),window.setTimeout(o,n)};window.setTimeout(o,500)}let s=0;u.addEventListener("wheel",e=>{Math.abs(e.deltaX)<=Math.abs(e.deltaY)||(e.preventDefault(),s+=e.deltaX)},{passive:!1}),d.querySelector("[data-oah-director-prev]")?.addEventListener("click",()=>s-=S*2),d.querySelector("[data-oah-director-next]")?.addEventListener("click",()=>s+=S*2);const g=()=>{const e=Array.from(a.querySelectorAll("[data-arc-card]"));if(I.matches){a.style.left="",e.forEach(m=>{const f=m.querySelector("[data-arc-image]");f&&(f.style.aspectRatio="")}),requestAnimationFrame(g);return}const r=(e[p]?.offsetLeft??0)-(e[0]?.offsetLeft??0);r>0&&(E||(s+=q),s=(s%r+r)%r,a.style.left=`${-s}px`);const o=u.getBoundingClientRect(),i=o.left+o.width/2,n=e[0]?.getBoundingClientRect().width||P,h=(o.width-n)/2||1;e.forEach(m=>{const f=m.querySelector("[data-arc-image]");if(!f)return;const _=m.getBoundingClientRect(),L=_.left+_.width/2,C=Math.max(-1,Math.min(1,(L-i)/h)),D=y+(A-y)*Math.abs(C);f.style.aspectRatio=`${P} / ${D.toFixed(1)}`}),requestAnimationFrame(g)};requestAnimationFrame(g)}const O=()=>document.querySelectorAll("[data-oah-director-slider]").forEach(H);document.readyState==="loading"?document.addEventListener("DOMContentLoaded",O,{once:!0}):O();</script>
501 <section id="oah-use-cases" class="oah-use-cases-section" aria-labelledby="oah-use-cases-heading"> <div class="oah-use-cases-inner"> <header class="oah-use-cases-header"> <p class="oah-use-cases-eyebrow">Use Cases</p> <h2 id="oah-use-cases-heading" class="oah-use-cases-h2 font-heading"> <span> Make any video </span><span class="oah-h2-highlight"> you can imagine </span> </h2> <p class="oah-use-cases-sub">From short-form social posts to long-form cinematic stories. OpenArt gives you everything you need to make it all.</p> </header> <div class="oah-use-cases-rail" data-oah-use-cases-rail> <div class="oah-use-cases-grid" id="oah-use-cases-grid"> <a class="oah-use-case-card" href="/suite/director?quickStart=short-film" aria-label="Short Film - Start Creating" data-oah-use-case-card data-use-case-index="0" data-aspect="landscape" data-position="active" style="--use-case-index:0" aria-hidden="false" tabindex="0" data-pageforge-source="mfe_story_style" data-pageforge-card-id="short_film_landscape" data-prompt="Direct a short film for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/short-film.mp4" poster="/pageforge-assets/openart-home/use-cases/template/short-film.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Short Film use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Short Film" style="--use-case-label-width:106px"> <span class="sr-only">Short Film</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 106 30" width="106" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-0" x1="0" y1="0" x2="106" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-0" maskUnits="userSpaceOnUse"> <rect width="106" height="30" rx="15" fill="white"></rect> <text x="53" y="16" text-anchor="middle" dominant-baseline="middle" textLength="78" lengthAdjust="spacingAndGlyphs" fill="black"> Short Film </text> </mask> </defs> <rect width="106" height="30" rx="15" fill="url(#oah-use-case-title-gradient-0)" mask="url(#oah-use-case-title-mask-0)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a><a class="oah-use-case-card" href="/suite/director?quickStart=music-video" aria-label="Music Video - Start Creating" data-oah-use-case-card data-use-case-index="1" data-aspect="landscape" data-position="next" style="--use-case-index:1" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="music_video_landscape" data-prompt="Direct a music video for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/mv.mp4" poster="/pageforge-assets/openart-home/use-cases/template/mv.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Music Video use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Music Video" style="--use-case-label-width:113.8px"> <span class="sr-only">Music Video</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 113.8 30" width="113.8" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-1" x1="0" y1="0" x2="113.8" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-1" maskUnits="userSpaceOnUse"> <rect width="113.8" height="30" rx="15" fill="white"></rect> <text x="56.9" y="16" text-anchor="middle" dominant-baseline="middle" textLength="85.8" lengthAdjust="spacingAndGlyphs" fill="black"> Music Video </text> </mask> </defs> <rect width="113.8" height="30" rx="15" fill="url(#oah-use-case-title-gradient-1)" mask="url(#oah-use-case-title-mask-1)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a>
501<a class="oah-use-case-card" href="/suite/director?quickStart=ugc-ads" aria-label="UGC Ads - Start Creating" data-oah-use-case-card data-use-case-index="2" data-aspect="landscape" data-position="hidden" style="--use-case-index:2" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="ugc_ads_landscape" data-prompt="Direct a UGC ad for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/ugc-ads.mp4" poster="/pageforge-assets/openart-home/use-cases/template/ugc-ads.jpg" muted loop playsinline preload="none" aria-label="OpenArt â UGC Ads use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="UGC Ads" style="--use-case-label-width:102px"> <span class="sr-only">UGC Ads</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 102 30" width="102" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-2" x1="0" y1="0" x2="102" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-2" maskUnits="userSpaceOnUse"> <rect width="102" height="30" rx="15" fill="white"></rect> <text x="51" y="16" text-anchor="middle" dominant-baseline="middle" textLength="74" lengthAdjust="spacingAndGlyphs" fill="black"> UGC Ads </text> </mask> </defs> <rect width="102" height="30" rx="15" fill="url(#oah-use-case-title-gradient-2)" mask="url(#oah-use-case-title-mask-2)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a><a class="oah-use-case-card" href="/suite/director?quickStart=product-ads" aria-label="Product Ad - Start Creating" data-oah-use-case-card data-use-case-index="3" data-aspect="landscape" data-position="hidden" style="--use-case-index:3" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="product_ads_landscape" data-prompt="Direct a product ad for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/product-ads.mp4" poster="/pageforge-assets/openart-home/use-cases/template/product-ads.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Product Ad use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Product Ad" style="--use-case-label-width:106px"> <span class="sr-only">Product Ad</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 106 30" width="106" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-3" x1="0" y1="0" x2="106" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-3" maskUnits="userSpaceOnUse"> <rect width="106" height="30" rx="15" fill="white"></rect> <text x="53" y="16" text-anchor="middle" dominant-baseline="middle" textLength="78" lengthAdjust="spacingAndGlyphs" fill="black"> Product Ad </text> </mask> </defs> <rect width="106" height="30" rx="15" fill="url(#oah-use-case-title-gradient-3)" mask="url(#oah-use-case-title-mask-3)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a>
501<a class="oah-use-case-card" href="/suite/director?quickStart=film-trailer" aria-label="Film Trailer - Start Creating" data-oah-use-case-card data-use-case-index="4" data-aspect="landscape" data-position="hidden" style="--use-case-index:4" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="film_trailer_landscape" data-prompt="Direct a film trailer for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/film-trailer.mp4" poster="/pageforge-assets/openart-home/use-cases/template/film-trailer.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Film Trailer use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Film Trailer" style="--use-case-label-width:121.6px"> <span class="sr-only">Film Trailer</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 121.6 30" width="121.6" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-4" x1="0" y1="0" x2="121.6" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-4" maskUnits="userSpaceOnUse"> <rect width="121.6" height="30" rx="15" fill="white"></rect> <text x="60.8" y="16" text-anchor="middle" dominant-baseline="middle" textLength="93.6" lengthAdjust="spacingAndGlyphs" fill="black"> Film Trailer </text> </mask> </defs> <rect width="121.6" height="30" rx="15" fill="url(#oah-use-case-title-gradient-4)" mask="url(#oah-use-case-title-mask-4)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a><a class="oah-use-case-card" href="/suite/director?quickStart=social-content" aria-label="Social Content - Start Creating" data-oah-use-case-card data-use-case-index="5" data-aspect="landscape" data-position="hidden" style="--use-case-index:5" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="social_content_landscape" data-prompt="Direct social content for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/ugc.mp4" poster="/pageforge-assets/openart-home/use-cases/template/ugc.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Social Content use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Social Content" style="--use-case-label-width:137.2px"> <span class="sr-only">Social Content</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 137.2 30" width="137.2" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-5" x1="0" y1="0" x2="137.2" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-5" maskUnits="userSpaceOnUse"> <rect width="137.2" height="30" rx="15" fill="white"></rect> <text x="68.6" y="16" text-anchor="middle" dominant-baseline="middle" textLength="109.2" lengthAdjust="spacingAndGlyphs" fill="black"> Social Content </text> </mask> </defs> <rect width="137.2" height="30" rx="15" fill="url(#oah-use-case-title-gradient-5)" mask="url(#oah-use-case-title-mask-5)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a>
501<a class="oah-use-case-card" href="/suite/director?quickStart=branding-ads" aria-label="Branding Ads - Start Creating" data-oah-use-case-card data-use-case-index="6" data-aspect="landscape" data-position="hidden" style="--use-case-index:6" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="brand_ads_landscape" data-prompt="Direct a branding ad for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/brand-ads.mp4" poster="/pageforge-assets/openart-home/use-cases/template/brand-ads.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Branding Ads use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Branding Ads" style="--use-case-label-width:121.6px"> <span class="sr-only">Branding Ads</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 121.6 30" width="121.6" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-6" x1="0" y1="0" x2="121.6" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-6" maskUnits="userSpaceOnUse"> <rect width="121.6" height="30" rx="15" fill="white"></rect> <text x="60.8" y="16" text-anchor="middle" dominant-baseline="middle" textLength="93.6" lengthAdjust="spacingAndGlyphs" fill="black"> Branding Ads </text> </mask> </defs> <rect width="121.6" height="30" rx="15" fill="url(#oah-use-case-title-gradient-6)" mask="url(#oah-use-case-title-mask-6)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a><a class="oah-use-case-card" href="/suite/director?quickStart=explainer" aria-label="Explainer - Start Creating" data-oah-use-case-card data-use-case-index="7" data-aspect="landscape" data-position="hidden" style="--use-case-index:7" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="explainer_video_landscape" data-prompt="Direct an explainer video for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/explainer-video.mp4" poster="/pageforge-assets/openart-home/use-cases/template/explainer-video.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Explainer use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Explainer" style="--use-case-label-width:102px"> <span class="sr-only">Explainer</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 102 30" width="102" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-7" x1="0" y1="0" x2="102" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-7" maskUnits="userSpaceOnUse"> <rect width="102" height="30" rx="15" fill="white"></rect> <text x="51" y="16" text-anchor="middle" dominant-baseline="middle" textLength="74" lengthAdjust="spacingAndGlyphs" fill="black"> Explainer </text> </mask> </defs> <rect width="102" height="30" rx="15" fill="url(#oah-use-case-title-gradient-7)" mask="url(#oah-use-case-title-mask-7)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a>
501<a class="oah-use-case-card" href="/suite/director?quickStart=micro-drama" aria-label="Micro Drama - Start Creating" data-oah-use-case-card data-use-case-index="8" data-aspect="landscape" data-position="hidden" style="--use-case-index:8" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="mirco_drama_landscape" data-prompt="Direct a micro drama for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/mirco-drama.mp4" poster="/pageforge-assets/openart-home/use-cases/template/mirco-drama.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Micro Drama use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Micro Drama" style="--use-case-label-width:113.8px"> <span class="sr-only">Micro Drama</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 113.8 30" width="113.8" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-8" x1="0" y1="0" x2="113.8" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-8" maskUnits="userSpaceOnUse"> <rect width="113.8" height="30" rx="15" fill="white"></rect> <text x="56.9" y="16" text-anchor="middle" dominant-baseline="middle" textLength="85.8" lengthAdjust="spacingAndGlyphs" fill="black"> Micro Drama </text> </mask> </defs> <rect width="113.8" height="30" rx="15" fill="url(#oah-use-case-title-gradient-8)" mask="url(#oah-use-case-title-mask-8)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a><a class="oah-use-case-card" href="/suite/director" aria-label="Podcast - Start Creating" data-oah-use-case-card data-use-case-index="9" data-aspect="landscape" data-position="hidden" style="--use-case-index:9" aria-hidden="true" tabindex="-1" data-pageforge-source="mfe_story_style" data-pageforge-card-id="podcast_landscape" data-prompt="Direct a podcast video for me"> <div class="oah-use-case-surface"> <video src="/pageforge-assets/openart-home/use-cases/template/podcast.mp4" poster="/pageforge-assets/openart-home/use-cases/template/podcast.jpg" muted loop playsinline preload="none" aria-label="OpenArt â Podcast use case video"></video> <div class="oah-use-case-shade" aria-hidden="true"></div> <span class="oah-use-case-title-icon" aria-hidden="true"> <svg viewBox="0 0 16 16" width="16" height="16" fill="none"> <path d="M5 11 11 5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.7 5H11v4.3" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> <h3 class="oah-use-case-title font-heading" data-title="Podcast" style="--use-case-label-width:102px"> <span class="sr-only">Podcast</span> <svg class="oah-use-case-title-knockout" viewBox="0 0 102 30" width="102" height="30" aria-hidden="true" focusable="false"> <defs> <linearGradient id="oah-use-case-title-gradient-9" x1="0" y1="0" x2="102" y2="30" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="var(--use-case-label-start, var(--use-case-hover-bg, #d84db2))"></stop> <stop offset="100%" stop-color="var(--use-case-label-end, var(--use-case-hover-bg, #d84db2))"></stop> </linearGradient> <mask id="oah-use-case-title-mask-9" maskUnits="userSpaceOnUse"> <rect width="102" height="30" rx="15" fill="white"></rect> <text x="51" y="16" text-anchor="middle" dominant-baseline="middle" textLength="74" lengthAdjust="spacingAndGlyphs" fill="black"> Podcast </text> </mask> </defs> <rect width="102" height="30" rx="15" fill="url(#oah-use-case-title-gradient-9)" mask="url(#oah-use-case-title-mask-9)"></rect> </svg> </h3> <div class="oah-use-case-content"> <div> <p class="oah-use-case-desc"></p> </div> </div> </div> </a> </div> <div class="oah-use-cases-overlay" aria-hidden="true"> <span class="oah-use-cases-overlay-title font-heading" data-oah-use-cases-overlay-title>Short Film</span> <p class="oah-use-cases-overlay-desc" data-oah-use-cases-overlay-desc>
501 </p> <a class="oah-use-cases-overlay-cta" data-oah-use-cases-overlay-cta href="/suite/director?quickStart=short-film" tabindex="-1"> <span class="oah-use-cases-overlay-prompt-text" data-oah-use-cases-overlay-prompt> Direct a short film for me </span> <span class="oah-use-cases-overlay-prompt-caret" aria-hidden="true"></span> <span class="oah-use-cases-overlay-prompt-action"> <svg class="oah-use-cases-overlay-cta-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor" aria-hidden="true"> <path d="M12 2.5l1.9 5.6 5.6 1.9-5.6 1.9L12 17.5l-1.9-5.6L4.5 10l5.6-1.9L12 2.5z"></path> <path d="M19 14l.9 2.6 2.6.9-2.6.9L19 21l-.9-2.6-2.6-.9 2.6-.9L19 14z"></path> </svg> <span>Direct Now</span> </span> </a> </div> <div class="oah-use-cases-controls" aria-label="Story style carousel controls"> <div class="oah-use-cases-progress" aria-label="Story style navigation"> <button class="oah-use-cases-arrow" type="button" aria-label="Show previous story style" data-oah-use-case-prev> <svg viewBox="0 0 18 18" aria-hidden="true"> <path d="M11 4.5 6.5 9l4.5 4.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div class="oah-use-cases-dots" role="tablist" aria-label="Story styles"> <button class="oah-use-cases-dot" type="button" aria-label="Show Short Film" aria-selected="true" data-oah-use-case-dot data-use-case-index="0"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Music Video" aria-selected="false" data-oah-use-case-dot data-use-case-index="1"></button><button class="oah-use-cases-dot" type="button" aria-label="Show UGC Ads" aria-selected="false" data-oah-use-case-dot data-use-case-index="2"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Product Ad" aria-selected="false" data-oah-use-case-dot data-use-case-index="3"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Film Trailer" aria-selected="false" data-oah-use-case-dot data-use-case-index="4"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Social Content" aria-selected="false" data-oah-use-case-dot data-use-case-index="5"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Branding Ads" aria-selected="false" data-oah-use-case-dot data-use-case-index="6"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Explainer" aria-selected="false" data-oah-use-case-dot data-use-case-index="7"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Micro Drama" aria-selected="false" data-oah-use-case-dot data-use-case-index="8"></button><button class="oah-use-cases-dot" type="button" aria-label="Show Podcast" aria-selected="false" data-oah-use-case-dot data-use-case-index="9"></button> </div> <button class="oah-use-cases-arrow" type="button" aria-label="Show next story style" data-oah-use-case-next> <svg viewBox="0 0 18 18" aria-hidden="true"> <path d="M7 4.5 11.5 9 7 13.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> <button class="oah-use-cases-sound" type="button" aria-label="Turn sound on" aria-pressed="false" data-oah-use-cases-sound> <img class="oah-use-cases-sound-icon oah-use-cases-sound-icon-off" src="/pageforge-assets/openart-home/icons/volume-cross.svg" alt="" aria-hidden="true" loading="lazy"> <img class="oah-use-cases-sound-icon oah-use-cases-sound-icon-on" src="/pageforge-assets/openart-home/icons/volume-low.svg" alt="" aria-hidden="true" loading="lazy"> </button> </div> </div> <a class="oah-use-cases-mobile-cta" href="/home" data-oah-use-cases-mobile-cta> 502Start Creating 503<span aria-hidden="true">â</span> </a> </div> </section> <div id="oah-features"> <section class="oah-features-intro" aria-labelledby="oah-features-intro-heading"> <div class="oah-features-intro-inner"> <h2 id="oah-features-intro-heading" class="oah-features-intro-heading font-heading"> <span> ONE PLATFORM. </span> <br><span class="oah-h2-highlight"> INFINITE STORIES. </span> </h2> <p class="oah-features-intro-sub">Image, video, voice, audio. Every asset generated, edited, and stitched together without leaving the platform.</p> <div class="oah-features-switches" role="tablist" aria-label="Feature highlights"> <button type="button" class="oah-features-switch is-active" aria-selected="true" role="tab" data-feature-target="0" data-feature-explainer> <span class="oah-features-switch-icon" aria-hidden="true"> <img src="/pageforge-assets/openart-home/icons/ai-play-video-fill.svg" alt="" loading="lazy"> </span> <span class="oah-features-switch-title">Director</span> </button><button type="button" class="oah-features-switch" aria-selected="false" role="tab" data-feature-target="1" data-feature-explainer> <span class="oah-features-switch-icon" aria-hidden="true"> <img src="/pageforge-assets/openart-home/icons/video-fill.svg" alt="" loading="lazy"> </span> <span class="oah-features-switch-title">Video</span> </button><button type="button" class="oah-features-switch" aria-selected="false" role="tab" data-feature-target="2" data-feature-explainer> <span class="oah-features-switch-icon" aria-hidden="true"> <img src="/pageforge-assets/openart-home/icons/gallery-fill.svg" alt="" loading="lazy"> </span> <span class="oah-features-switch-title">Image</span> </button><button type="button" class="oah-features-switch" aria-selected="false" role="tab" data-feature-target="3" data-feature-explainer> <span class="oah-features-switch-icon" aria-hidden="true"> <img src="/pageforge-assets/openart-home/icons/happyemoji-fill.svg" alt="" loading="lazy"> </span> <span class="oah-features-switch-title">Character</span> </button><button type="button" class="oah-features-switch" aria-selected="false" role="tab" data-feature-target="4" data-feature-explainer> <span class="oah-features-switch-icon" aria-hidden="true"> <img src="/pageforge-assets/openart-home/icons/ai-world-fill.svg" alt="" loading="lazy"> </span> <span class="oah-features-switch-title">World</span> </button><button type="button" class="oah-features-switch" aria-selected="false" role="tab" data-feature-target="5" data-feature-explainer> <span class="oah-features-switch-icon" aria-hidden="true"> <img src="/pageforge-assets/openart-home/icons/voice-square-fill.svg" alt="" loading="lazy"> </span> <span class="oah-features-switch-title">Audio</span> </button> </div> </div> </section> <section class="section-dark py-[96px] md:py-[140px] reveal" id="features" data-astro-cid-aveql5we> <div class="flex flex-col gap-0" data-astro-cid-aveql5we> <div class="w-full" data-feature-block id="feature-block-0" data-astro-cid-aveql5we> <div class="max-w-[1280px] mx-auto px-[16px] lg:px-0 flex flex-col lg:flex-row gap-[28px] lg:gap-[64px] items-center py-[56px] lg:py-[90px] " data-astro-cid-aveql5we> <div class="flex-[3] w-full aspect-video rounded-[24px] overflow-hidden relative media-placeholder" data-astro-cid-aveql5we> <video muted loop playsinline preload="none" poster="/pageforge-assets/openart-home/feature-section/director-tutorial-poster.jpg" class="w-full h-full object-cover block feature-video" data-feature-idx="0" data-astro-cid-aveql5we> <source src="/pageforge-assets/openart-home/feature-section/director-tutorial.mp4" type="video/mp4" data-astro-cid-aveql5we> </video> <button class="feature-mute-btn absolute top-[16px] right-[16px] w-[40px] h-[40p
503x] rounded-full bg-[rgba(0,0,0,0.5)] backdrop-blur-[8px] flex items-center justify-center cursor-pointer border-0 transition-all hover:bg-[rgba(0,0,0,0.7)]" data-mute-idx="0" aria-label="Toggle sound" data-astro-cid-aveql5we> <svg class="mute-icon-off" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><line x1="23" y1="9" x2="17" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line><line x1="17" y1="9" x2="23" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line></svg> <svg class="mute-icon-on hidden" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><path d="M15.54 8.46a5 5 0 010 7.07" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path><path d="M19.07 4.93a10 10 0 010 14.14" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path></svg> </button> </div> <div class="flex-[2]" data-astro-cid-aveql5we> <p class="text-[11px] font-semibold tracking-[0.1em] uppercase text-[#ff82db] mb-[12px]" data-astro-cid-aveql5we>OpenArt Director</p> <h3 class="text-[24px] md:text-[40px] font-bold font-heading text-white leading-[30px] md:leading-[48px] tracking-[-0.01em] mb-[12px] md:mb-[16px]" data-astro-cid-aveql5we>Vibe direct your videos by chatting.</h3> <p class="text-[16px] md:text-[18px] text-[#b0b4ba] leading-[24px] md:leading-[28px] [&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-[3px] [&_a]:decoration-[#fb23c2] [&_a:hover]:text-[#fb23c2] [&_a:hover]:decoration-[#fb23c2]" data-astro-cid-aveql5we>OpenArt Director gives you a whole new level of control in AI video generation, whether you want a loose creative direction or precise granular edits. Layout the storyboard, shape each shot by natural chat, and let the AI help you refine the final sequence.</p> <div class="mt-[24px] flex flex-row gap-[8px] sm:gap-[10px]" data-astro-cid-aveql5we> <a href="/suite/director" class="group relative inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[160px] items-center justify-center text-center px-[10px] sm:px-[20px] py-[8px] bg-white hover:bg-[#f0f0f0] text-[#090a0a] text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Start Directing <span class="ml-[8px] transition-transform duration-200 group-hover:translate-x-[2px]" aria-hidden="true" data-astro-cid-aveql5we>â</span> </a> <a href="/features/director/" target="_blank" rel="noopener" class="inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[136px] items-center justify-center text-center px-[10px] sm:px-[18px] py-[8px] border border-[rgba(255,255,255,0.16)] hover:border-[rgba(255,255,255,0.32)] bg-[rgba(255,255,255,0.03)] hover:bg-[rgba(255,255,255,0.07)] text-white text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Learn More </a> </div> </div> </div> </div><div class="w-full" data-feature-block id="feature-block-1" data-astro-cid-aveql5we> <div class="max-w-[1280px] mx-auto px-[16px] lg:px-0 flex flex-col lg:flex-row gap-[28px] lg:gap-[64px] items-center py-[56px] lg:py-[90px] lg:flex-row-reverse" data-astro-cid-aveql5we> <div class="flex-[3] w-full aspect-video rounded-[24px] overflow-hidden relative media-placeholder" data-astro-cid-aveql5we> <video muted loop playsinline preload="none" poster="/pageforge-assets/openart-home/feature-section/video-poster.webp" class="w-full h-full object-cover block feature-video" data-feature-idx="1" data-astro-cid-aveql5we> <source src="/pageforge-assets/openart-home/feature-section/video.mp4" type="video/mp4" data-astro-cid-aveql5we> </video> <button class="feature-mute-btn absolute top-[16px] right-[16px] w-[40px] h-[40p
503x] rounded-full bg-[rgba(0,0,0,0.5)] backdrop-blur-[8px] flex items-center justify-center cursor-pointer border-0 transition-all hover:bg-[rgba(0,0,0,0.7)]" data-mute-idx="1" aria-label="Toggle sound" data-astro-cid-aveql5we> <svg class="mute-icon-off" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><line x1="23" y1="9" x2="17" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line><line x1="17" y1="9" x2="23" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line></svg> <svg class="mute-icon-on hidden" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><path d="M15.54 8.46a5 5 0 010 7.07" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path><path d="M19.07 4.93a10 10 0 010 14.14" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path></svg> </button> </div> <div class="flex-[2]" data-astro-cid-aveql5we> <p class="text-[11px] font-semibold tracking-[0.1em] uppercase text-[#ff82db] mb-[12px]" data-astro-cid-aveql5we>AI Video Generation</p> <h3 class="text-[24px] md:text-[40px] font-bold font-heading text-white leading-[30px] md:leading-[48px] tracking-[-0.01em] mb-[12px] md:mb-[16px]" data-astro-cid-aveql5we>Create cinematic videos from text or images</h3> <p class="text-[16px] md:text-[18px] text-[#b0b4ba] leading-[24px] md:leading-[28px] [&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-[3px] [&_a]:decoration-[#fb23c2] [&_a:hover]:text-[#fb23c2] [&_a:hover]:decoration-[#fb23c2]" data-astro-cid-aveql5we>Type a prompt or drop a reference image in the AI video generator to create a video up to 15 seconds long, in up to 4K resolution. Experiment between Veo 3.1, Seedance 2.0, Kling 3.0 Omni, or Sora 2 for different outputs. And pick any style or genre you like: photorealism, anime, vintage, and many more. Each generation can be further refined or edited.</p> <div class="mt-[24px] flex flex-row gap-[8px] sm:gap-[10px]" data-astro-cid-aveql5we> <a href="/suite/video" class="group relative inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[160px] items-center justify-center text-center px-[10px] sm:px-[20px] py-[8px] bg-white hover:bg-[#f0f0f0] text-[#090a0a] text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-pageforge-source="start_create_cinematic_videos" data-astro-cid-aveql5we> Start Creating <span class="ml-[8px] transition-transform duration-200 group-hover:translate-x-[2px]" aria-hidden="true" data-astro-cid-aveql5we>â</span> </a> <a href="/ai-video-generator" target="_blank" rel="noopener" class="inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[136px] items-center justify-center text-center px-[10px] sm:px-[18px] py-[8px] border border-[rgba(255,255,255,0.16)] hover:border-[rgba(255,255,255,0.32)] bg-[rgba(255,255,255,0.03)] hover:bg-[rgba(255,255,255,0.07)] text-white text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Learn More </a> </div> </div> </div> </div><div class="w-full" data-feature-block id="feature-block-2" data-astro-cid-aveql5we> <div class="max-w-[1280px] mx-auto px-[16px] lg:px-0 flex flex-col lg:flex-row gap-[28px] lg:gap-[64px] items-center py-[56px] lg:py-[90px] " data-astro-cid-aveql5we> <div class="flex-[3] w-full aspect-video rounded-[24px] overflow-hidden relative media-placeholder" data-astro-cid-aveql5we> <div class="feature-image-carousel" data-feature-image-carousel data-astro-cid-aveql5we> <div class="feature-image-carousel-stage" data-astro-cid-aveql5we> <article class="feature-image-carousel-card" data-carousel-card data-carousel-index="0" data-position="active" aria-label="Image workflow 1" data-astro-cid-aveql5we> <img class="feature-image-carousel-poster" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-1.webp" alt="" loading="eager" aria-hidden="true" data-astro-cid-aveql5we> <video class="feature-image-carousel-video" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-1.mp4" poster="/pageforge-assets/openart-home/feature-section/image-carousel/1-1.webp" muted playsinline loop preload="none" aria-hidden="true" data-astro-cid-aveql5we></video> </article><article class="feature-image-carousel-card" data-carousel-card data-carousel-index="1" data-position="next" aria-label="Image workflow 2" data-astro-cid-aveql5we> <img class="feature-image-carousel-poster" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-2.webp" alt="" loading="lazy" aria-hidden="true" data-astro-cid-aveql5we> <video class="feature-image-carousel-video" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-2.mp4" poster="/pageforge-assets/openart-home/feature-section/image-carousel/1-2.webp" muted playsinline loop preload="none" aria-hidden="true" data-astro-cid-aveql5we></video> </article><article class="feature-image-carousel-card" data-carousel-card data-carousel-index="2" data-position="hidden" aria-label="Image workflow 3" data-astro-cid-aveql5we> <img class="feature-image-carousel-poster" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-3.webp" alt="" loading="lazy" aria-hidden="true" data-astro-cid-aveql5we> <video class="feature-image-carousel-video" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-3.mp4" poster="/pageforge-assets/openart-home/feature-section/image-carousel/1-3.webp" muted playsinline loop preload="none" aria-hidden="true" data-astro-cid-aveql5we></video> </article><article class="feature-image-carousel-card" data-carousel-card data-carousel-index="3" data-position="prev" aria-label="Image workflow 4" data-astro-cid-aveql5we> <img class="feature-image-carousel-poster" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-4.webp" alt="" loading="lazy" aria-hidden="true" data-astro-cid-aveql5we> <video class="feature-image-carousel-video" src="/pageforge-assets/openart-home/feature-section/image-carousel/1-4.mp4" poster="/pageforge-assets/openart-home/feature-section/image-carousel/1-4.webp" muted playsinline loop preload="none" aria-hidden="true" data-astro-cid-aveql5we></video> </article> </div> </div> </div> <div class="flex-[2]" data-astro-cid-aveql5we> <p class="text-[11px] font-semibold tracking-[0.1em] uppercase text-[#ff82db] mb-[12px]" data-astro-cid-aveql5we>AI Image Generation & Editing</p> <h3 class="text-[24px] md:text-[40px] font-bold font-heading text-white leading-[30px] md:leading-[48px] tracking-[-0.01em] mb
503-[12px] md:mb-[16px]" data-astro-cid-aveql5we>Generate, edit, and transform any image</h3> <p class="text-[16px] md:text-[18px] text-[#b0b4ba] leading-[24px] md:leading-[28px] [&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-[3px] [&_a]:decoration-[#fb23c2] [&_a:hover]:text-[#fb23c2] [&_a:hover]:decoration-[#fb23c2]" data-astro-cid-aveql5we>Generate images with GPT Image 2, Nano Banana Pro, or Seedream 5.0. Then edit the same image in the same canvas - erase, expand, swap backgrounds, restyle, or upscale to 4K. Drop in a reference image and likeness holds across every edit.</p> <div class="mt-[24px] flex flex-row gap-[8px] sm:gap-[10px]" data-astro-cid-aveql5we> <a href="/suite/image" class="group relative inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[160px] items-center justify-center text-center px-[10px] sm:px-[20px] py-[8px] bg-white hover:bg-[#f0f0f0] text-[#090a0a] text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-pageforge-source="start_generate_edit_transform" data-astro-cid-aveql5we> Start Creating <span class="ml-[8px] transition-transform duration-200 group-hover:translate-x-[2px]" aria-hidden="true" data-astro-cid-aveql5we>â</span> </a> <a href="/ai-image-generator" target="_blank" rel="noopener" class="inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[136px] items-center justify-center text-center px-[10px] sm:px-[18px] py-[8px] border border-[rgba(255,255,255,0.16)] hover:border-[rgba(255,255,255,0.32)] bg-[rgba(255,255,255,0.03)] hover:bg-[rgba(255,255,255,0.07)] text-white text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Learn More </a> </div> </div> </div> </div><div class="w-full" data-feature-block id="feature-block-3" data-astro-cid-aveql5we> <div class="max-w-[1280px] mx-auto px-[16px] lg:px-0 flex flex-col lg:flex-row gap-[28px] lg:gap-[64px] items-center py-[56px] lg:py-[90px] lg:flex-row-reverse" data-astro-cid-aveql5we> <div class="flex-[3] w-full aspect-video rounded-[24px] overflow-hidden relative media-placeholder" data-astro-cid-aveql5we> <video muted loop playsinline preload="none" poster="/pageforge-assets/openart-home/feature-section/create-character-poster.webp" class="w-full h-full object-cover block feature-video" data-feature-idx="3" data-astro-cid-aveql5we> <source src="/pageforge-assets/openart-home/feature-section/create-character.mp4" type="video/mp4" data-astro-cid-aveql5we> </video> <button class="feature-mute-btn absolute top-[16px] right-[16px] w-[40px] h-[40px] rounded-full bg-[rgba(0,0,0,0.5)] backdrop-blur-[8px] flex items-center justify-center cursor-pointer border-0 transition-all hover:bg-[rgba(0,0,0,0.7)]" data-mute-idx="3" aria-label="Toggle sound" data-astro-cid-aveql5we> <svg class="mute-icon-off" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><line x1="23" y1="9" x2="17" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line><line x1="17" y1="9" x2="23" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line></svg> <svg class="mute-icon-on hidden" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><path d="M15.54 8.46a5 5 0 010 7.07" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path><path d="M19.07 4.93a10 10 0 010 14.14" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path></svg> </button> </div> <div class="flex-[2]" data-astro-cid-aveql5we> <p class="text-[11px] font-semibold tracking-[0.1em] uppercase text-[#ff82db] mb-[12px]" data-astro-cid-aveql5we>Character</p> <h3 class="text-[24px] md:text-[40px] font-bold font-heading text-white leading-[30px] md:leading-[48px] tracking-[-0.01em] mb
503-[12px] md:mb-[16px]" data-astro-cid-aveql5we>Create AI characters for use across images and videos</h3> <p class="text-[16px] md:text-[18px] text-[#b0b4ba] leading-[24px] md:leading-[28px] [&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-[3px] [&_a]:decoration-[#fb23c2] [&_a:hover]:text-[#fb23c2] [&_a:hover]:decoration-[#fb23c2]" data-astro-cid-aveql5we>Consistent faces used to be the hardest thing to get right in AI imagery, but that's no longer the case with OpenArt. Build a Character using reference images or text brief, save it to your OpenArt library, and then simply tag and reuse them in future generations for perfect consistency.</p> <div class="mt-[24px] flex flex-row gap-[8px] sm:gap-[10px]" data-astro-cid-aveql5we> <a href="/suite/character" class="group relative inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[160px] items-center justify-center text-center px-[10px] sm:px-[20px] py-[8px] bg-white hover:bg-[#f0f0f0] text-[#090a0a] text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-pageforge-source="start_create_ai_characters" data-astro-cid-aveql5we> Start Creating <span class="ml-[8px] transition-transform duration-200 group-hover:translate-x-[2px]" aria-hidden="true" data-astro-cid-aveql5we>â</span> </a> <a href="/features/ai-character" target="_blank" rel="noopener" class="inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[136px] items-center justify-center text-center px-[10px] sm:px-[18px] py-[8px] border border-[rgba(255,255,255,0.16)] hover:border-[rgba(255,255,255,0.32)] bg-[rgba(255,255,255,0.03)] hover:bg-[rgba(255,255,255,0.07)] text-white text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Learn More </a> </div> </div> </div> </div><div class="w-full" data-feature-block id="feature-block-4" data-astro-cid-aveql5we> <div class="max-w-[1280px] mx-auto px-[16px] lg:px-0 flex flex-col lg:flex-row gap-[28px] lg:gap-[64px] items-center py-[56px] lg:py-[90px] " data-astro-cid-aveql5we> <div class="flex-[3] w-full aspect-video rounded-[24px] overflow-hidden relative media-placeholder" data-astro-cid-aveql5we> <video muted loop playsinline preload="none" poster="/pageforge-assets/openart-home/feature-section/create-world-mood-poster.webp" class="w-full h-full object-cover block feature-video" data-feature-idx="4" data-astro-cid-aveql5we> <source src="/pageforge-assets/openart-home/feature-section/create-world-mood.mp4" type="video/mp4" data-astro-cid-aveql5we> </video> <button class="feature-mute-btn absolute top-[16px] right-[16px] w-[40px] h-[40px] rounded-full bg-[rgba(0,0,0,0.5)] backdrop-blur-[8px] flex items-center justify-center cursor-pointer border-0 transition-all hover:bg-[rgba(0,0,0,0.7)]" data-mute-idx="4" aria-label="Toggle sound" data-astro-cid-aveql5we> <svg class="mute-icon-off" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><line x1="23" y1="9" x2="17" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line><line x1="17" y1="9" x2="23" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line></svg> <svg class="mute-icon-on hidden" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><path d="M15.54 8.46a5 5 0 010 7.07" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path><path d="M19.07 4.93a10 10 0 010 14.14" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path></svg> </button> </div> <div class="flex-[2]" data-astro-cid-aveql5we> <p class="text-[11px] font-semibold tracking-[0.1em] uppercase text-[#ff82db] mb-[12px]" data-astro-cid-aveql5we>World</p> <h3 class="text-[24px] md:text-[40px] font-bold font-heading text-white leading-[30px] md:leading-[48px] tracking-[-0.01em] mb
503-[12px] md:mb-[16px]" data-astro-cid-aveql5we>Make entire worlds with a single text prompt</h3> <p class="text-[16px] md:text-[18px] text-[#b0b4ba] leading-[24px] md:leading-[28px] [&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-[3px] [&_a]:decoration-[#fb23c2] [&_a:hover]:text-[#fb23c2] [&_a:hover]:decoration-[#fb23c2]" data-astro-cid-aveql5we>OpenArt Worlds lets you generate a huge, persistent spatial environment in full 3D, fully navigable, from a single prompt or reference images. You can then place characters inside it, add objects and props, take still photos, or export the environment to specialized 3D tools.</p> <div class="mt-[24px] flex flex-row gap-[8px] sm:gap-[10px]" data-astro-cid-aveql5we> <a href="/suite/world" class="group relative inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[160px] items-center justify-center text-center px-[10px] sm:px-[20px] py-[8px] bg-white hover:bg-[#f0f0f0] text-[#090a0a] text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-pageforge-source="start_make_entire_worlds" data-astro-cid-aveql5we> Start Creating <span class="ml-[8px] transition-transform duration-200 group-hover:translate-x-[2px]" aria-hidden="true" data-astro-cid-aveql5we>â</span> </a> <a href="/features/openart-worlds" target="_blank" rel="noopener" class="inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[136px] items-center justify-center text-center px-[10px] sm:px-[18px] py-[8px] border border-[rgba(255,255,255,0.16)] hover:border-[rgba(255,255,255,0.32)] bg-[rgba(255,255,255,0.03)] hover:bg-[rgba(255,255,255,0.07)] text-white text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Learn More </a> </div> </div> </div> </div><div class="w-full" data-feature-block id="feature-block-5" data-astro-cid-aveql5we> <div class="max-w-[1280px] mx-auto px-[16px] lg:px-0 flex flex-col lg:flex-row gap-[28px] lg:gap-[64px] items-center py-[56px] lg:py-[90px] lg:flex-row-reverse" data-astro-cid-aveql5we> <div class="flex-[3] w-full aspect-video rounded-[24px] overflow-hidden relative media-placeholder" data-astro-cid-aveql5we> <video muted loop playsinline preload="none" poster="/pageforge-assets/openart-home/feature-section/create-voice-over-poster.webp" class="w-full h-full object-cover block feature-video" data-feature-idx="5" data-astro-cid-aveql5we> <source src="/pageforge-assets/openart-home/feature-section/create-voice-over.mp4" type="video/mp4" data-astro-cid-aveql5we> </video> <button class="feature-mute-btn absolute top-[16px] right-[16px] w-[40px] h-[40px] rounded-full bg-[rgba(0,0,0,0.5)] backdrop-blur-[8px] flex items-center justify-center cursor-pointer border-0 transition-all hover:bg-[rgba(0,0,0,0.7)]" data-mute-idx="5" aria-label="Toggle sound" data-astro-cid-aveql5we> <svg class="mute-icon-off" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><line x1="23" y1="9" x2="17" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line><line x1="17" y1="9" x2="23" y2="15" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></line></svg> <svg class="mute-icon-on hidden" width="20" height="20" viewBox="0 0 24 24" fill="none" data-astro-cid-aveql5we><path d="M11 5L6 9H2v6h4l5 4V5z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-aveql5we></path><path d="M15.54 8.46a5 5 0 010 7.07" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path><path d="M19.07 4.93a10 10 0 010 14.14" stroke="white" stroke-width="1.5" stroke-linecap="round" data-astro-cid-aveql5we></path></svg> </button> </div> <div class="flex-[2]" data-astro-cid-aveql5we> <p class="text-[11px] font-semibold tracking-[0.1em] uppercase text-[#ff82db] mb-[12px]" data-astro-cid-aveql5we>AI Music & Audio</p> <h3 class="text-[24px] md:text-[40px] font-bold font-heading text-white leading-[30px] md:leading-[48px] tracking-[-0.01em] mb
503-[12px] md:mb-[16px]" data-astro-cid-aveql5we>Add voice, music, and sounds to your stories</h3> <p class="text-[16px] md:text-[18px] text-[#b0b4ba] leading-[24px] md:leading-[28px] [&_a]:text-inherit [&_a]:underline [&_a]:underline-offset-[3px] [&_a]:decoration-[#fb23c2] [&_a:hover]:text-[#fb23c2] [&_a:hover]:decoration-[#fb23c2]" data-astro-cid-aveql5we>Generate AI voiceovers in 30+ languages with lip-sync, score scenes with original music in any genre, or layer sounds like footsteps and rain over footage. Clone a voice from a reference sample or pick a preset. Every audio track exports as WAV or MP3, timed to your video.</p> <div class="mt-[24px] flex flex-row gap-[8px] sm:gap-[10px]" data-astro-cid-aveql5we> <a href="/suite/audio" class="group relative inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[160px] items-center justify-center text-center px-[10px] sm:px-[20px] py-[8px] bg-white hover:bg-[#f0f0f0] text-[#090a0a] text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-pageforge-source="start_add_voice_music" data-astro-cid-aveql5we> Start Creating <span class="ml-[8px] transition-transform duration-200 group-hover:translate-x-[2px]" aria-hidden="true" data-astro-cid-aveql5we>â</span> </a> <a href="/features/ai-music-generator/" target="_blank" rel="noopener" class="inline-flex flex-1 sm:flex-none min-w-0 sm:min-w-[136px] items-center justify-center text-center px-[10px] sm:px-[18px] py-[8px] border border-[rgba(255,255,255,0.16)] hover:border-[rgba(255,255,255,0.32)] bg-[rgba(255,255,255,0.03)] hover:bg-[rgba(255,255,255,0.07)] text-white text-[13px] sm:text-[14px] font-semibold rounded-[10px] transition-colors whitespace-nowrap" data-astro-cid-aveql5we> Learn More </a> </div> </div> </div> </div> </div> </section>
503<script> 504// Locator nav: highlight + smooth-scroll-to-block + scroll-spy. No-op when the 505// opt-in nav is absent, so other feature pages are unaffected. 506(function() { 507 var nav = document.querySelector('[data-feature-locator]'); 508 if (!nav) return; 509 var section = nav.closest('section') || document; 510 var pills = Array.prototype.slice.call(nav.querySelectorAll('.feature-locator-pill')); 511 var blocks = Array.prototype.slice.call(section.querySelectorAll('[data-feature-block]')); 512 if (!pills.length || !blocks.length) return; 513 514 function activate(index) { 515 pills.forEach(function(pill, i) { 516 var on = i === index; 517 pill.classList.toggle('is-active', on); 518 pill.setAttribute('aria-current', on ? 'true' : 'false'); 519 }); 520 } 521 522 pills.forEach(function(pill) { 523 pill.addEventListener('click', function() { 524 var idx = Number(pill.getAttribute('data-feature-target') || 0); 525 activate(idx); 526 if (blocks[idx]) blocks[idx].scrollIntoView({ behavior: 'smooth', block: 'center' }); 527 }); 528 }); 529 530 if ('IntersectionObserver' in window) { 531 var observer = new IntersectionObserver(function(entries) { 532 var visible = entries 533 .filter(function(e) { return e.isIntersecting; }) 534 .sort(function(a, b) { return b.intersectionRatio - a.intersectionRatio; })[0]; 535 if (!visible) return; 536 var idx = blocks.indexOf(visible.target); 537 if (idx >= 0) activate(idx); 538 }, { threshold: [0.28, 0.42, 0.58], rootMargin: '-20% 0px -35% 0px' }); 539 blocks.forEach(function(b) { observer.observe(b); }); 540 } 541})(); 542 543(function() { 544 var allVideos = document.querySelectorAll('.feature-video'); 545 var allBtns = document.querySelectorAll('.feature-mute-btn'); 546 547 function muteAll() { 548 allVideos.forEach(function(v) { v.muted = true; }); 549 allBtns.forEach(function(b) { 550 b.querySelector('.mute-icon-off').classList.remove('hidden'); 551 b.querySelector('.mute-icon-on').classList.add('hidden'); 552 }); 553 } 554 555 allBtns.forEach(function(btn) { 556 btn.addEventListener('click', function(e) { 557 e.stopPropagation(); 558 var idx = btn.getAttribute('data-mute-idx'); 559 var video = document.querySelector('.feature-video[data-feature-idx="' + idx + '"]'); 560 if (!video) return; 561 var willUnmute = video.muted; 562 if (willUnmute) { 563 // Mute all others first, then unmute this one 564 muteAll(); 565 video.muted = false; 566 // Re-call play() to activate the audio decoder (required after muted autoplay) 567 video.play().catch(function() {}); 568 } else { 569 video.muted = true; 570 } 571 btn.querySelector('.mute-icon-off').classList.toggle('hidden', !video.muted); 572 btn.querySelector('.mute-icon-on').classList.toggle('hidden', video.muted); 573 }); 574 }); 575 576 if (!('IntersectionObserver' in window)) return; 577 allVideos.forEach(function(video) { 578 video.removeAttribute('autoplay'); 579 video.pause(); 580 }); 581 var observer = new IntersectionObserver(function(entries) { 582 entries.forEach(function(entry) { 583 var v = entry.target; 584 if (entry.isIntersecting) { 585 v.play(); 586 } else { 587 v.pause(); 588 v.muted = true; 589 var idx = v.getAttribute('data-feature-idx'); 590 var btn = document.querySelector('.feature-mute-btn[data-mute-idx="' + idx + '"]'); 591 if (btn) { 592 btn.querySelector('.mute-icon-off').classList.remove('hidden'); 593 btn.querySelector('.mute-icon-on').classList.add('hidden'); 594 } 595 } 596 }); 597 }, { threshold: 0.3 }); 598 allVideos.forEach(function(v) { observer.observe(v); }); 599})(); 600 601(function() { 602 var carousels = document.querySelectorAll('[data-feature-image-carousel]'); 603 if (!carousels.length) return; 604 605 function setPositions(root, activeIndex) { 606 var cards = Array.prototype.slice.call(root.querySelectorAll('[data-carousel-card]')); 607 var total = cards.length; 608 if (!total) return; 609 cards.forEach(function(card, index) { 610 var position = 'hidden'; 611 if (index === activeIndex) position = 'active'; 612 else if (index === (activeIndex - 1 + total) % total) position = 'prev'; 613 else if (index === (activeIndex + 1) % total) position = '
613next'; 614 card.setAttribute('data-position', position); 615 616 var video = card.querySelector('video'); 617 if (!video) return; 618 if (position === 'active') { 619 video.play().catch(function() {}); 620 } else { 621 video.pause(); 622 } 623 }); 624 } 625 626 carousels.forEach(function(root) { 627 var cards = root.querySelectorAll('[data-carousel-card]'); 628 if (cards.length < 2) return; 629 630 var activeIndex = 0; 631 var intervalId = 0; 632 var visible = true; 633 634 function start() { 635 if (intervalId) return; 636 setPositions(root, activeIndex); 637 intervalId = window.setInterval(function() { 638 if (!visible) return; 639 activeIndex = (activeIndex + 1) % cards.length; 640 setPositions(root, activeIndex); 641 }, 4200); 642 } 643 644 function stop() { 645 if (intervalId) { 646 window.clearInterval(intervalId); 647 intervalId = 0; 648 } 649 root.querySelectorAll('video').forEach(function(video) { 650 video.pause(); 651 }); 652 } 653 654 if ('IntersectionObserver' in window) { 655 var observer = new IntersectionObserver(function(entries) { 656 entries.forEach(function(entry) { 657 visible = entry.isIntersecting; 658 if (visible) start(); 659 else stop(); 660 }); 661 }, { threshold: 0.35 }); 662 observer.observe(root); 663 } else { 664 start(); 665 } 666 }); 667})(); 668 669(function() { 670 var groups = document.querySelectorAll('[data-fd-tabs]'); 671 if (!groups.length) return; 672 673 Array.prototype.forEach.call(groups, function(group) { 674 var tabs = Array.prototype.slice.call(group.querySelectorAll('[data-fd-tab]')); 675 var panels = Array.prototype.slice.call(group.querySelectorAll('[data-fd-panel]')); 676 var videos = Array.prototype.slice.call(group.querySelectorAll('[data-fd-tab-video]')); 677 var mocks = Array.prototype.slice.call(group.querySelectorAll('[data-mcp-mock]')); 678 var historyVideo = group.querySelector('[data-mcp-history-video]'); 679 if (!tabs.length) return; 680 681 var active = 0; 682 var isVisible = false; 683 var playedMocks = {}; 684 var historyVideoReady = false; 685 686 // Messages sit inside positioned slot wrappers, so offsetTop is measured 687 // against the slot rather than the scroll frame and reads 0. Derive the 688 // offset from the rects instead so it stays correct wherever the message 689 // sits in the flow. 690 function scrollOffsetWithin(frame, el) { 691 return el.getBoundingClientRect().top - frame.getBoundingClientRect().top + frame.scrollTop; 692 } 693 694 function scrollHistoryTo(frame, target, duration) { 695 var start = frame.scrollTop; 696 var distance = target - start; 697 var startedAt = performance.now(); 698 function step(now) { 699 var progress = Math.min(1, (now - startedAt) / duration); 700 var eased = 1 - Math.pow(1 - progress, 3); 701 frame.scrollTop = start + distance * eased; 702 if (progress < 1) requestAnimationFrame(step); 703 } 704 requestAnimationFrame(step); 705 } 706 707 function activeMockKind() { 708 var panel = panels[active]; 709 if (!panel) return ''; 710 return panel.getAttribute('data-mock-kind') || ''; 711 } 712 713 // Each chat mock plays its one-shot timeline the first time its own tab is 714 // both selected and scrolled into view, then holds the final frame. 715 function playMocks() { 716 mocks.forEach(function(mock) { 717 var index = Number(mock.getAttribute('data-mock-index')); 718 var kind = mock.getAttribute('data-mock-kind') || ''; 719 if (index !== active || !isVisible || playedMocks[index]) return; 720 mock.classList.remove('is-playing'); 721 // Force layout once so the timeline starts from frame zero. 722 void mock.offsetWidth; 723 mock.classList.add('is-playing'); 724 playedMocks[index] = true; 725 if (kind === 'library') { 726 var historyFrame = mock.querySelector('.mcp-mock-frame.is-history'); 727 var generationCard = mock.querySelector('.mcp-history-generation-card'); 728 var historyVideoCard = mock.querySelector('.mcp-history-video-card'); 729 if (historyFrame) historyFrame.scrollTop = 0; 730 if (historyVideoCard) { 731 historyVideoCard.addEventListener('animationstart', function revealHistoryVideo() { 732 if (historyFrame) { 733 var settleCount = 0; 734 var settleScroll = window.setInterval(function() { 735 historyFrame.scrollTop = historyFrame.scrollHeight; 736 settleCount += 1; 737 if (settleCount >= 8) window.clearInterval(settleScroll); 738 }, 100); 739 } 740 historyVideoReady = true; 741 syncHistoryVideo(); 742 }, { once: true }); 743 } 744 window.setTimeout(function() { 745 if (historyFrame && activeMockKind() === 'library' && isVisible && generationCard) { 746 // Rest the card near the bottom of the frame, the way a chat 747 // settles a new message, so the previous turn stays above it 748 // instead of leaving the not-yet-revealed video as a void below. 749 var cardBottom = scrollOffsetWithin(historyFrame, generationCard) + generationCard.offsetHeight; 750 var maxScroll = historyFrame.scrollHeight - historyFrame.clientHeight; 751 scrollHistoryTo( 752 historyFrame, 753 Math.max(0, Math.min(maxScroll, cardBottom - historyFrame.clientHeight * 0.88)), 754 560 755 ); 756 } 757 }, 3400); 758 // The generation card carries the longest copy in the flow, so it 759 // holds in view here before the scroll moves on to the video. 760 window.setTimeout(function() { 761 if (historyFrame && activeMockKind() === 'library') { 762 scrollHistoryTo(historyFrame, historyFrame.scrollHeight, 620); 763 } 764 }, 5850); 765 window.setTimeout(function() { 766 if (historyFrame && activeMockKind() === 'library') { 767 historyFrame.scrollTop = historyFrame.scrollHeight; 768 } 769 }, 6050); 770 window.setTimeout(function() { 771 historyVideoReady = true; 772 syncHistoryVideo(); 773 }, 6150); 774 } 775 776 if (kind === 'smart-shot') { 777 var smartFrame = mock.querySelector('.mcp-mock-frame.is-smart-shot'); 778 var requestBlock = mock.querySelector('.mcp-mock-request'); 779 var planCard = mock.querySelector('.mcp-smartshot-plan-card'); 780 var continueBubble = mock.querySelector('.mcp-smartshot-continue-bubble'); 781 var videoSlot = mock.querySelector('.mcp-smartshot-video-slot'); 782 if (smartFrame) smartFrame.scrollTop = 0; 783 784 // Reuse Assets behavior: settle each newly revealed turn near the 785 // bottom, hold it for reading, then advance to the next turn. 786 function settleSmartTurn(el, duration) { 787 if (!smartFrame || !el || activeMockKind() !== 'smart-shot') return; 788 var maxScroll = smartFrame.scrollHeight - smartFrame.clientHeight; 789 var turnBottom = scrollOffsetWithin(smartFrame, el) + el.offsetHeight; 790 var target = turnBottom - smartFrame.clientHeight * 0.88; 791 scrollHistoryTo(smartFrame, Math.max(0, Math.min(maxScroll, target)), duration); 792 } 793 794 // Stay on the first message + reference thumbs before revealing the plan. 795 window.setTimeout(function() { 796 if (smartFrame && requestBlock && activeMockKind() === 'smart-shot') { 797 smartFrame.scrollTop = 0; 798 } 799 }, 200); 800 window.setTimeout(function() { 801 settleSmartTurn(planCard, 640); 802 }, 1700); 803 window.setTimeout(function() { 804 settleSmartTurn(continueBubble, 560); 805 }, 2900); 806 window.setTimeout(function() { 807 if (smartFrame && videoSlot && activeMockKind() === 'smart-shot') { 808 scrollHistoryTo(smartFrame, smartFrame.scrollHeight, 640); 809 } 810 }, 4100); 811 } 812 }); 813 } 814 815 function syncHistoryVideo() { 816 if (!historyVideo) return; 817 if (historyVideoReady && activeMockKind() === 'library' && isVisible && !document.hidden) { 818 historyVideo.play().catch(function() {}); 819 } else { 820 historyVideo.pause(); 821 } 822 } 823 824 function syncVideos() { 825 videos.forEach(function(video) { 826 var on = Number(video.getAttribute('data-index')) === active; 827 if (on && isVisible && !document.hidden) video.play().catch(function() {}); 828 else video.pause(); 829 }); 830 syncHistoryVideo(); 831 } 832 833 function activate(index, moveFocus) { 834 active = (index + tabs.length) % tabs.length;
835 tabs.forEach(function(tab, i) { 836 var on = i === active; 837 tab.setAttribute('aria-selected', on ? 'true' : 'false'); 838 tab.tabIndex = on ? 0 : -1; 839 }); 840 panels.forEach(function(panel, i) { 841 if (i === active) { 842 panel.removeAttribute('hidden'); 843 panel.classList.remove('is-switching-in'); 844 void panel.offsetWidth; 845 panel.classList.add('is-switching-in'); 846 } else { 847 panel.setAttribute('hidden', ''); 848 panel.classList.remove('is-switching-in'); 849 } 850 }); 851 // Smart Shot is a multi-turn scroll story â restart from the first message 852 // whenever the tab is selected so the prompt/refs are never skipped. 853 if (activeMockKind() === 'smart-shot') { 854 delete playedMocks[active]; 855 var smartMock = panels[active] && panels[active].querySelector('[data-mcp-mock]'); 856 var smartFrame = panels[active] && panels[active].querySelector('.mcp-mock-frame.is-smart-shot'); 857 if (smartMock) smartMock.classList.remove('is-playing'); 858 if (smartFrame) smartFrame.scrollTop = 0; 859 } 860 syncVideos(); 861 playMocks(); 862 if (moveFocus) tabs[active].focus(); 863 } 864 865 activate(0, false); 866
867 tabs.forEach(function(tab, index) { 868 tab.addEventListener('click', function() { 869 if (index !== active) activate(index, false); 870 }); 871 }); 872 873 group.querySelector('.fd-tabs-strip').addEventListener('keydown', function(event) { 874 var step = event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 875 : event.key === 'ArrowLeft' || event.key === 'ArrowUp' ? -1 876 : 0; 877 if (step) { 878 event.preventDefault(); 879 activate(active + step, true); 880 } else if (event.key === 'Home') { 881 event.preventDefault(); 882 activate(0, true); 883 } else if (event.key === 'End') { 884 event.preventDefault(); 885 activate(tabs.length - 1, true); 886 } 887 }); 888 889 if ('IntersectionObserver' in window) { 890 var observer = new IntersectionObserver(function(entries) { 891 entries.forEach(function(entry) { 892 isVisible = entry.isIntersecting; 893 syncVideos(); 894 playMocks(); 895 }); 896 }, { threshold: 0.25, rootMargin: '0px' }); 897 observer.observe(group); 898 } else { 899 isVisible = true; 900 syncVideos(); 901 playMocks(); 902 } 903 904 document.addEventListener('visibilitychange', syncVideos); 905 }); 906})(); 907</script>
907 </div> <section id="oah-models" class="oah-models-section" aria-labelledby="oah-models-heading"> <div class="oah-models-inner"> <div class="oah-models-constellation"> <div class="oah-models-center"> <h2 id="oah-models-heading" class="oah-models-h2 font-heading"> <span>TOP AI MODELS. </span> <span class="oah-h2-highlight"> ALL IN ONE PLATFORM. </span> </h2> <p class="oah-models-sub">Explore leading models for AI video, image generation, editing, and cinematic storytelling.</p> <a class="oah-models-cta" href="/ai-model"> Discover More <span aria-hidden="true">â</span> </a> </div> <div class="oah-models-grid" id="oah-models-grid" aria-label="TOP AI MODELS. ALL IN ONE PLATFORM."> <a class="oah-model-card" href="/suite/create-video/byte-plus-seedance-2" aria-label="Explore Seedance 2.0" style="--model-accent:#2fe86f; --model-index:0" data-pageforge-source="top_choice_ai_models" data-pageforge-model="byte-plus-seedance-2"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/seedance-2.webp" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/seedance-2.mp4" poster="/pageforge-assets/openart-home/model-videos/seedance-2.webp" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/seedance-seedream.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Seedance 2.0</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">ByteDance's video powerhouse. Fluid motion, lifelike physics, and cinematic camera work.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Seedance 2.0</span> </a><a class="oah-model-card" href="/suite/create-image/byte-plus-seedream-5-lite" aria-label="Explore Seedream 5.0" style="--model-accent:#2fe86f; --model-index:1" data-pageforge-source="top_choice_ai_models" data-pageforge-model="byte-plus-seedream-5-lite"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/seedream-5.webp" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/seedream-5.mp4" poster="/pageforge-assets/openart-home/model-videos/seedream-5.webp" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/seedance-seedream.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Seedream 5.0</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">ByteDance's flagship image model. Photoreal stills with sharp detail and accurate prompt adherence.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Seedream 5.0</span> </a><a class="oah-model-card" href="/suite/create-video/veo3" aria-label="Explore Google Veo 3" style="--model-accent:#37d5ff; --model-index:2" data-pageforge-source="top_choice_ai_models" data-pageforge-model="veo3"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/veo-3-1.webp" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/veo-3-1.mp4" poster="/pageforge-assets/openart-home/model-videos/veo-3-1.webp" muted loop playsinline preload="none"></video>
907 </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/google.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Google Veo 3</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">Google's cinematic video model. Native audio generation, dialogue, and film-grade visual quality.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Google Veo 3</span> </a><a class="oah-model-card" href="/suite/create-image/nano-banana-pro" aria-label="Explore Nano Banana Pro" style="--model-accent:#37d5ff; --model-index:3" data-pageforge-source="top_choice_ai_models" data-pageforge-model="nano-banana-pro"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/nano-banana-pro.webp" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/nano-banana-pro.mp4" poster="/pageforge-assets/openart-home/model-videos/nano-banana-pro.webp" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/google.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Nano Banana Pro</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">Google's image model. Precise edits, character consistency, and natural-language image manipulation.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Nano Banana Pro</span> </a><a class="oah-model-card" href="/suite/create-video/sora2" aria-label="Explore Sora 2" style="--model-accent:#ffffff; --model-index:4" data-pageforge-source="top_choice_ai_models" data-pageforge-model="sora2"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/sora-2.jpg" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/sora-2.mp4" poster="/pageforge-assets/openart-home/model-videos/sora-2.jpg" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/openai-sora-2.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Sora 2</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">OpenAI's flagship video model. Realistic physics, synchronized audio, and complex multi-shot scenes.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Sora 2</span> </a><a class="oah-model-card" href="/suite/create-video/kling-v3" aria-label="Explore Kling 3.0" style="--model-accent:#8b5cf6; --model-index:5" data-pageforge-source="top_choice_ai_models" data-pageforge-model="kling-v3"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/kling-3-new.webp" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/kling-3.mp4" poster="/pageforge-assets/openart-home/model-videos/kling-3-new.webp" muted loop playsinline preload="none"></video>
907 </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/kling.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Kling 3.0</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">Kuaishou's video model. Stylized motion, anime sequences, and multi-shot scene continuity.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Kling 3.0</span> </a><a class="oah-model-card" href="/suite/create-video/hailuo-2-3" aria-label="Explore MiniMax Hailuo" style="--model-accent:#ffd84d; --model-index:6" data-pageforge-source="top_choice_ai_models" data-pageforge-model="hailuo-2-3"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/minimax-hailuo.jpg" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/minimax-hailuo.mp4" poster="/pageforge-assets/openart-home/model-videos/minimax-hailuo.jpg" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/minimax-hailuo.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">MiniMax Hailuo</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">MiniMax's Hailuo line. Expressive character motion, lip-sync, and gesture-driven videos.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">MiniMax Hailuo</span> </a><a class="oah-model-card" href="/suite/create-image/gpt-image-2" aria-label="Explore GPT Image 2" style="--model-accent:#7ab7ff; --model-index:7" data-pageforge-source="top_choice_ai_models" data-pageforge-model="gpt-image-2"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/gpt-image-2.webp" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/gpt-image-2.mp4" poster="/pageforge-assets/openart-home/model-videos/gpt-image-2.webp" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/gpt.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">GPT Image 2</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">OpenAI's premium image generator. Excels at typography, infographics, and tight prompt adherence.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">GPT Image 2</span> </a><a class="oah-model-card" href="/suite/create-video/happyhorse" aria-label="Explore HappyHorse" style="--model-accent:#fb23c2; --model-index:8" data-pageforge-source="top_choice_ai_models" data-pageforge-model="happyhorse"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/happyhorse.jpg" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/happyhorse.mp4" poster="/pageforge-assets/openart-home/model-videos/happyhorse.jpg" muted loop playsinline preload="none"></video>
907 </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/happyhorse.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">HappyHorse</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">Native audio+video generation. Synced lip-sync, dialogue, and special effects in one-shot generations.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">HappyHorse</span> </a><a class="oah-model-card" href="/suite/create-image/grok-imagine" aria-label="Explore Grok Imagine" style="--model-accent:#ffffff; --model-index:9" data-pageforge-source="top_choice_ai_models" data-pageforge-model="grok-imagine"> <span class="oah-model-card-media" aria-hidden="true"> <img class="oah-model-card-poster" src="/pageforge-assets/openart-home/model-videos/grok-poster.png" alt="" loading="lazy"> <video class="oah-model-card-video" src="/pageforge-assets/openart-home/model-videos/grok.mp4" poster="/pageforge-assets/openart-home/model-videos/grok-poster.png" muted loop playsinline preload="none"></video> </span> <span class="oah-model-tile-content" aria-hidden="true"> <img class="oah-model-tile-icon" src="/pageforge-assets/openart-home/model-icons/xai-grok.svg" alt="" loading="lazy"> <span class="oah-model-tile-name">Grok Imagine</span> </span> <span class="oah-model-hover-content" aria-hidden="true"> <span class="oah-model-hover-desc">xAI's creative model. Image and short video generation with native audio and fast turnaround.</span> <span class="oah-model-hover-action"> <span>Create Now</span> <span class="oah-model-hover-button"> <svg viewBox="0 0 16 16" width="14" height="14" fill="none" aria-hidden="true"> <path d="M3.5 8h8M8.5 4.9 11.6 8l-3.1 3.1" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </span> <span class="sr-only">Grok Imagine</span> </a> </div> </div> </div> </section> <section id="oah-more-features" class="oah-more-features-section" aria-labelledby="oah-more-features-heading"> <div class="oah-more-features-inner"> <header class="oah-more-features-header"> <h2 id="oah-more-features-heading" class="oah-more-features-h2 font-heading"> <span> AI Tools for </span><span class="oah-h2-highlight"> Studio-Grade Results </span> </h2> <p class="oah-more-features-sub">Purpose-built controls for character, world, camera, and motion. Not just text-to-pixel.</p> </header> <div class="oah-studio-features-showcase" data-oah-studio-features> <video class="oah-studio-feature-video is-active" src="https://cdn.openart.ai/cdn-cgi/media/mode=video,width=1280,fit=scale-down/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/smart-shot.mp4" poster="https://cdn.openart.ai/cdn-cgi/media/mode=frame,time=1s,width=1280,fit=scale-down,format=jpg/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/smart-shot.mp4" aria-label="OpenArt â Smart Shot feature preview" aria-hidden="false" muted loop playsinline preload="none" data-oah-studio-feature-video data-feature-index="0"></video><video class="oah-studio-feature-video" src="https://cdn.openart.ai/pageforge/openart-home/media-source/v1/motion-sync.mp4" poster="https://cdn.openart.ai/cdn-cgi/media/mode=frame,time=1s,width=1280,fit=scale-down,format=jpg/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/motion-sync.mp4" aria-label="OpenArt â Motion Sync Video feature preview" aria-hidden="true" muted loop playsinline preload="none" data-oah-studio-feature-video data-feature-index="1"></video><video class="oah-studio-feature-video" src="https://cdn.openart.ai/cdn-cgi/media/mode=video,width=1280,fit=scale-down/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/camera-angle-control.mp4" poster="https://cdn.openart.ai/cdn-cgi/media/mode=frame,t
907ime=1s,width=1280,fit=scale-down,format=jpg/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/camera-angle-control.mp4" aria-label="OpenArt â Camera Angle Control feature preview" aria-hidden="true" muted loop playsinline preload="none" data-oah-studio-feature-video data-feature-index="2"></video><video class="oah-studio-feature-video" src="https://cdn.openart.ai/cdn-cgi/media/mode=video,width=1280,fit=scale-down/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/replace-background.mp4" poster="https://cdn.openart.ai/cdn-cgi/media/mode=frame,time=1s,width=1280,fit=scale-down,format=jpg/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/replace-background.mp4" aria-label="OpenArt â Replace Background feature preview" aria-hidden="true" muted loop playsinline preload="none" data-oah-studio-feature-video data-feature-index="3"></video><video class="oah-studio-feature-video" src="https://cdn.openart.ai/pageforge/openart-home/media-source/v1/relight.mp4" poster="https://cdn.openart.ai/cdn-cgi/media/mode=frame,time=1s,width=1280,fit=scale-down,format=jpg/https://cdn.openart.ai/pageforge/openart-home/media-source/v1/relight.mp4" aria-label="OpenArt â Relight Video feature preview" aria-hidden="true" muted loop playsinline preload="none" data-oah-studio-feature-video data-feature-index="4"></video><video class="oah-studio-feature-video" src="/pageforge-assets/openart-home/more-features/video-inpaint.mp4" poster="/pageforge-assets/openart-home/more-features/video-inpaint-poster.png" aria-label="OpenArt â Video Inpaint feature preview" aria-hidden="true" muted loop playsinline preload="none" data-oah-studio-feature-video data-feature-index="5"></video> <div class="oah-studio-features-mask" aria-hidden="true"></div> <div class="oah-studio-features-ui"> <div class="oah-studio-features-list" role="tablist" aria-label="AI Tools for Studio-Grade Results"> <article class="oah-studio-feature-item is-active" data-oah-studio-feature> <button class="oah-studio-feature-trigger" type="button" role="tab" id="oah-studio-feature-tab-0" aria-selected="true" aria-controls="oah-studio-feature-detail-0" data-oah-studio-feature-trigger data-feature-index="0"> <span class="oah-studio-feature-label font-heading"> Smart Shot </span> </button> <div class="oah-studio-feature-detail-grid is-open" id="oah-studio-feature-detail-0" role="tabpanel" aria-labelledby="oah-studio-feature-tab-0"> <div class="oah-studio-feature-body"> <h3 class="oah-studio-feature-card-title font-heading"> Smart Shot </h3> <p>One prompt becomes 3-5 cinematic cuts with varied angles, pro camera moves, and visual consistency.</p> <a class="oah-studio-feature-cta" href="/suite/smart-shot" aria-label="Try Smart Shot" data-pageforge-source="atf_studio_grade_results" data-pageforge-feature-name="smart_shot"> <span>Try it Now</span> <svg viewBox="0 0 16 16" width="18" height="18" fill="none" aria-hidden="true"> <path d="M3.25 8h8.6M8.45 4.55 11.9 8l-3.45 3.45" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </article><article class="oah-studio-feature-item" data-oah-studio-feature> <button class="oah-studio-feature-trigger" type="button" role="tab" id="oah-studio-feature-tab-1" aria-selected="false" aria-controls="oah-studio-feature-detail-1" data-oah-studio-feature-trigger data-feature-index="1"> <span class="oah-studio-feature-label font-heading"> Motion Sync Video </span> </button> <div class="oah-studio-feature-detail-grid" id="oah-studio-feature-detail-1" role="tabpanel" aria-labelledby="oah-studio-feature-tab-1"> <div class="oah-studio-feature-body"> <h3 class="oah-studio-feature-card-title font-heading"> Motion Sync Video </h3> <p>Upload a 3-30s reference clip and retarget any dance, sport, or walk onto your character.</p> <a class="oah-studio-feature-cta" href="/suite/motion-sync" aria-label="Try Motion Sync Video" data-pageforge-source="atf_studio_grade_results" data-pageforge-feature-name="motion_sync_video"> <span>Try it Now</span> <svg viewBox="0 0 16 16" width="18" height="18" fill="none" aria-hidden="true"> <path d="M3.25 8h8.6M8.45 4.55 11.9 8l-3.45 3.45" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </article><article class="oah-studio-feature-item" data-oah-studio-feature> <button class="oah-studio-feature-trigger" type="button" role="tab" id="oah-studio-feature-tab-2" aria-selected="false" aria-controls="oah-studio-feature-detail-2" data-oah-studio-feature-trigger data-feature-index="2"> <span class="oah-studio-feature-label font-heading"> Camera Angle Control </span> </button> <div class="oah-studio-feature-detail-grid" id="oah-studio-feature-detail-2" role="tabpanel" aria-labelledby="oah-studio-feature-tab-2"> <div class="oah-studio-feature-body"> <h3 class="oah-studio-feature-card-title font-heading"> Camera Angle Control </h3> <p>Reframe any image from a different angle using rotation sliders and wide-angle or close-up lenses.</p>
907 <a class="oah-studio-feature-cta" href="/suite/camera-angle-control" aria-label="Try Camera Angle Control" data-pageforge-source="atf_studio_grade_results" data-pageforge-feature-name="camera_angle_control"> <span>Try it Now</span> <svg viewBox="0 0 16 16" width="18" height="18" fill="none" aria-hidden="true"> <path d="M3.25 8h8.6M8.45 4.55 11.9 8l-3.45 3.45" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </article><article class="oah-studio-feature-item" data-oah-studio-feature> <button class="oah-studio-feature-trigger" type="button" role="tab" id="oah-studio-feature-tab-3" aria-selected="false" aria-controls="oah-studio-feature-detail-3" data-oah-studio-feature-trigger data-feature-index="3"> <span class="oah-studio-feature-label font-heading"> Replace Background </span> </button> <div class="oah-studio-feature-detail-grid" id="oah-studio-feature-detail-3" role="tabpanel" aria-labelledby="oah-studio-feature-tab-3"> <div class="oah-studio-feature-body"> <h3 class="oah-studio-feature-card-title font-heading"> Replace Background </h3> <p>Swap scenes behind your subject while preserving lighting, edges, and motion continuity.</p> <a class="oah-studio-feature-cta" href="/suite/replace-background/switchx-v1" aria-label="Try Replace Background" data-pageforge-source="atf_studio_grade_results" data-pageforge-feature-name="replace_background"> <span>Try it Now</span> <svg viewBox="0 0 16 16" width="18" height="18" fill="none" aria-hidden="true"> <path d="M3.25 8h8.6M8.45 4.55 11.9 8l-3.45 3.45" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </article><article class="oah-studio-feature-item" data-oah-studio-feature> <button class="oah-studio-feature-trigger" type="button" role="tab" id="oah-studio-feature-tab-4" aria-selected="false" aria-controls="oah-studio-feature-detail-4" data-oah-studio-feature-trigger data-feature-index="4"> <span class="oah-studio-feature-label font-heading"> Relight Video </span> </button> <div class="oah-studio-feature-detail-grid" id="oah-studio-feature-detail-4" role="tabpanel" aria-labelledby="oah-studio-feature-tab-4"> <div class="oah-studio-feature-body"> <h3 class="oah-studio-feature-card-title font-heading"> Relight Video </h3> <p>Change the mood of a shot with cinematic lighting while keeping characters and motion intact.</p> <a class="oah-studio-feature-cta" href="/suite/relight-video/switchx-v1" aria-label="Try Relight Video" data-pageforge-source="atf_studio_grade_results" data-pageforge-feature-name="relight_video"> <span>Try it Now</span> <svg viewBox="0 0 16 16" width="18" height="18" fill="none" aria-hidden="true"> <path d="M3.25 8h8.6M8.45 4.55 11.9 8l-3.45 3.45" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </article><article class="oah-studio-feature-item" data-oah-studio-feature> <button class="oah-studio-feature-trigger" type="button" role="tab" id="oah-studio-feature-tab-5" aria-selected="false" aria-controls="oah-studio-feature-detail-5" data-oah-studio-feature-trigger data-feature-index="5"> <span class="oah-studio-feature-label font-heading"> Video Inpaint </span> </button> <div class="oah-studio-feature-detail-grid" id="oah-studio-feature-detail-5" role="tabpanel" aria-labelledby="oah-studio-feature-tab-5"> <div class="oah-studio-feature-body"> <h3 class="oah-studio-feature-card-title font-heading"> Video Inpaint </h3> <p>Paint a mask to protect what stays, then transform everything around it from a single prompt.</p> <a class="oah-studio-feature-cta" href="/suite/video-inpaint/switchx-v1" aria-label="Try Video Inpaint" data-pageforge-source="atf_studio_grade_results" data-pageforge-feature-name="video_inpaint"> <span>Try it Now</span> <svg viewBox="0 0 16 16" width="18" height="18" fill="none" aria-hidden="true"> <path d="M3.25 8h8.6M8.45 4.55 11.9 8l-3.45 3.45" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </a> </div> </div> </article> </div> </div> </div> </div> </section> <div id="oah-testimonials"> <section class="oah-tv2 reveal" id="testimonials" data-astro-cid-y2hyjyh7> <div class="oah-tv2-inner" data-astro-cid-y2hyjyh7> <header class="oah-tv2-header" data-astro-cid-y2hyjyh7> <h2 class="oah-tv2-title font-heading" data-astro-cid-y2hyjyh7>Loved by <span class="oah-h2-highlight">Creators</span><br />Worldwide</h2> <p class="oah-tv2-desc" data-astro-cid-y2hyjyh7>
907 Solo creators and global brand teams ship from OpenArt every day. </p> </header> </div> <div class="oah-tv2-marquee" aria-label="Customer testimonials" data-astro-cid-y2hyjyh7> <div class="oah-tv2-row oah-tv2-row-left" data-astro-cid-y2hyjyh7> <article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I've tried many AI platforms⦠but OpenArt is still the best for character creation, image-to-video quality, and the variety of models available.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>J</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Jan C.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt offers an excellent array of AI tools⦠once you learn the features, the creative possibilities are amazing - and their support team is outstanding.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>
907T</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Tom G.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt is a very versatile AI platform with many image and video models, consistent character creation, and powerful editing tools.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>K</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Klant K.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>Helpful AI tools all in one place - image and video generation, editing, and more⦠no need for multiple subscriptions.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>S</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Scorpy</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>Customer service is always quick and helpful⦠and the platform keeps getting better with new features and tools.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>R</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Richard M.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I've tried many AI platforms⦠but OpenArt is still the best for character creation, image-to-video quality, and the variety of models available.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>J</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Jan C.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt offers an excellent array of AI tools⦠once you learn the features, the creative possibilities are amazing - and their support team is outstanding.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>T</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Tom G.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt is a very versatile AI platform with many image and video models, consistent character creation, and powerful editing tools.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>K</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Klant K.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>Helpful AI tools all in one place - image and video generation, editing, and more⦠no need for multiple subscriptions.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>S</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Scorpy</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>Customer service is always quick and helpful⦠and the platform keeps getting better with new features and tools.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>R</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Richard M.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I've tried many AI platforms⦠but OpenArt is still the best for character creation, image-to-video quality, and the variety of models available.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>J</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Jan C.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt offers an excellent array of AI tools⦠once you learn the features, the creative possibilities are amazing - and their support team is outstanding.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>
907T</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Tom G.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt is a very versatile AI platform with many image and video models, consistent character creation, and powerful editing tools.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>K</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Klant K.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>Helpful AI tools all in one place - image and video generation, editing, and more⦠no need for multiple subscriptions.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>S</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Scorpy</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>Customer service is always quick and helpful⦠and the platform keeps getting better with new features and tools.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>R</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Richard M.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article> </div> <div class="oah-tv2-row oah-tv2-row-right" data-astro-cid-y2hyjyh7> <article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>With so many AI platforms out there, OpenArt stood out as a stellar choice - I'd recommend it to any creator.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>J</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Jon S.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>This platform includes everything you need for AI content creation - images, video, characters, audio, and multiple AI models in one place.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>M</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Mathew K.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt is pushing the boundaries of AI video creation⦠and it's clear the team is committed to improving the creator experience.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>I</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Iftikar Z.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I made my first AI music video with OpenArt⦠and their support team was the best help I've ever experienced.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>M</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Mark</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I'm very happy with the support - my issue was resolved quickly and the team made the process easy.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>R</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Rasmus</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>With so many AI platforms out there, OpenArt stood out as a stellar choice - I'd recommend it to any creator.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>J</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Jon S.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>This platform includes everything you need for AI content creation - images, video, characters, audio, and multiple AI models in one place.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>M</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Mathew K.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt is pushing the boundaries of AI video creation⦠and it's clear the team is committed to improving the creator experience.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>I</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Iftikar Z.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I made my first AI music video with OpenArt⦠and their support team was the best help I've ever experienced.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>M</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Mark</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I'm very happy with the support - my issue was resolved quickly and the team made the process easy.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>R</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Rasmus</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>With so many AI platforms out there, OpenArt stood out as a stellar choice - I'd recommend it to any creator.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>J</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Jon S.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>This platform includes everything you need for AI content creation - images, video, characters, audio, and multiple AI models in one place.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>M</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Mathew K.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>OpenArt is pushing the boundaries of AI video creation⦠and it's clear the team is committed to improving the creator experience.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>I</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Iftikar Z.</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11
907H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I made my first AI music video with OpenArt⦠and their support team was the best help I've ever experienced.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>M</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Mark</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article><article class="oah-tv2-card" aria-hidden="true" data-astro-cid-y2hyjyh7> <div class="oah-tv2-card-head" data-astro-cid-y2hyjyh7> <svg width="24" height="20" viewBox="0 0 24 20" fill="none" class="oah-tv2-quote-mark" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M0 20V11.5C0 4.6 3.8 1 10 0l1.2 2.8C7 4 5.4 6.4 5.2 9H10v11H0zm14 0V11.5C14 4.6 17.8 1 24 0l1.2 2.8C21 4 19.4 6.4 19.2 9H24v11H14z" fill="currentColor" data-astro-cid-y2hyjyh7></path></svg> <div class="oah-tv2-stars" aria-label="5 star rating" data-astro-cid-y2hyjyh7> <svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-y2hyjyh7><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" data-astro-cid-y2hyjyh7></path></svg> </div> </div> <p class="oah-tv2-quote" data-astro-cid-y2hyjyh7>I'm very happy with the support - my issue was resolved quickly and the team made the process easy.</p> <div class="oah-tv2-author" data-astro-cid-y2hyjyh7> <div class="oah-tv2-avatar" aria-hidden="true" style="background:#090a0a;color:#ffffff;" data-astro-cid-y2hyjyh7> <span data-astro-cid-y2hyjyh7>R</span> </div> <div class="oah-tv2-meta" data-astro-cid-y2hyjyh7> <span class="oah-tv2-name" data-astro-cid-y2hyjyh7>Rasmus</span> <span class="oah-tv2-source" data-astro-cid-y2hyjyh7>Trustpilot</span> </div> </div> </article> </div> </div> </section> </div> <div id="faq"> <section class="py-[96px] md:py-[140px] reveal faq-cards-variant" id="faq" data-astro-cid-h4zmggu3> <div class="max-w-[1440px] mx-auto px-4 md:px-6 lg:px-10" data-astro-cid-h4zmggu3> <div class="text-center mb-[64px]" data-astro-cid-h4zmggu3> <h2 class="text-[28px] md:text-[40px] font-bold font-heading tracking-[-0.02em] leading-[48px]" data-astro-cid-h4zmggu3> Frequently Asked <span class="faq-heading-accent" data-astro-cid-h4zmggu3>Questions</span> </h2> </div> <div class="pb-[40px]" data-astro-cid-h4zmggu3></div> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 w-full max-w-[1280px] mx-auto" data-astro-cid-h4zmggu3> <div class="flex flex-col" data-astro-cid-h4zmggu3> <div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-0" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-0')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>What is OpenArt AI?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>OpenArt is an all-in-one platform for creating AI images and videos. Whether you want a product ad, a TikTok reel, a short film, or a virtual character that posts content for you, you can make it all on OpenArt, without specialized editing software, design background, or technical skills.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-2" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-2')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Can I use what I create on OpenArt for my business or brand?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Yes. You fully own what you create and can use it however you like, in ads, on social media, in client work, on merchandise, or anywhere else. No royalties, no attribution required.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-4" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-4')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Can I create the same character across different scenes and videos?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Yes! This is one of OpenArt's most-loved features. Create a character once, and you can place them in any outfit, scene, or video with the same face and look every time. It's how creators build AI influencers, recurring brand mascots, and full stories with consistent characters.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-6" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-6')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Will my videos fit TikTok, Reels, and YouTube?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Yes. OpenArt exports in every format and aspect ratio you need: vertical for TikTok, Reels, and Shorts; widescreen for YouTube and ads; square for Instagram feeds; and cinematic ratios for film. Just pick the platform and your video comes out ready to post.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-8" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-8')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Do I need to know how to use AI or edit videos to get good results?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Not at all. OpenArt is built for everyday creators. You describe what you want in plain words, pick a style, and the platform handles the rest. If you want more control, advanced tools are there when you're ready and you can always refine your prompts, but you can still make great content from your very first try.</div> </div> </div> </div><div class="flex flex-col" data-astro-cid-h4zmggu3> <div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-1" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-1')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Is OpenArt free?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Yes. You can start creating on OpenArt for free with a trial plan, with daily credits and no credit card required. Paid plans unlock the most powerful AI models, longer video generation, and higher quality exports.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-3" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-3')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Which AI models does OpenArt use?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>OpenArt brings together the best AI models in one place, including Seedream 5.0, Seedance 2.0, Google Veo 3, GPT Image 2, Nano Banana Pro, Sora 2, Kling 3.0, Grok Imagine, MiniMax Hailuo, and HappyHorse. Instead of paying for several separate tools, you get them all under one subscription and can pick whichever one fits the content you're making.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-5" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-5')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>
907Can OpenArt make videos with talking, music, and sound?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Yes. You can make videos where characters speak with synced lip movements, add original AI-generated music, and include realistic sound effects, all inside OpenArt. Great for everything from quick social clips to full cinematic videos.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-7" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-7')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>How is OpenArt different from tools like Midjourney, Runway, or Sora?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Most AI tools specialize in one thing. Midjourney is mainly for images, Sora and Runway are built for video. But OpenArt brings images, videos, characters, music, and editing into one place, with every leading AI model built in. You don't need five different subscriptions or constantly move files between separate apps.</div> </div> </div><div class="faq-item mb-4 rounded-2xl bg-[#16181a]" id="faq-9" data-astro-cid-h4zmggu3> <button class="faq-question w-full flex items-center gap-6 cursor-pointer bg-transparent px-6 py-6 text-left" onclick="toggleFAQ('faq-9')" aria-expanded="false" data-astro-cid-h4zmggu3> <span class="faq-icon flex-shrink-0 font-light leading-none flex items-center justify-center select-none transition-all duration-300 order-first w-7 h-7 rounded-full bg-[var(--color-brand-400)] text-white" style data-astro-cid-h4zmggu3></span> <span class="faq-question-text flex-1 text-[16px] md:text-[18px] font-semibold font-heading text-white leading-snug transition-colors duration-200 text-left" data-astro-cid-h4zmggu3>Is my work private and safe on OpenArt?</span> </button> <div class="faq-answer max-h-0 overflow-hidden transition-[max-height] duration-[350ms] ease-[cubic-bezier(0.4,0,0.2,1)]" data-astro-cid-h4zmggu3> <div class="text-left px-6 pl-[76px] pb-6 max-w-[860px] text-[16px] text-[rgba(255,255,255,0.6)] leading-[1.75]" data-astro-cid-h4zmggu3>Yes. Your creations stay private, payments are handled securely, and OpenArt has safeguards in place to keep the platform safe and responsible, so you can create with confidence whether you're creating for personal or professional use.</div> </div> </div> </div> </div> </div> </section>
907<script> 908function toggleFAQ(id) { 909 var item = document.getElementById(id); 910 var wasOpen = item.classList.contains('open'); 911 912 document.querySelectorAll('.faq-item').forEach(function(el) { 913 el.classList.remove('open'); 914 el.querySelector('.faq-question').setAttribute('aria-expanded', 'false'); 915 el.querySelector('.faq-answer').style.maxHeight = '0'; 916 el.querySelector('.faq-icon').style.transform = ''; 917 el.querySelector('.faq-question-text').style.color = ''; 918 }); 919 920 if (!wasOpen) { 921 item.classList.add('open'); 922 item.querySelector('.faq-question').setAttribute('aria-expanded', 'true'); 923 var answer = item.querySelector('.faq-answer'); 924 answer.style.maxHeight = answer.scrollHeight + 'px'; 925 item.querySelector('.faq-icon').style.transform = 'rotate(45deg)'; 926 item.querySelector('.faq-question-text').style.color = '#ff82db'; 927 } 928} 929 930(function() { 931 var endpoint = 'https://mcp.openart.ai/mcp'; 932 933 function copyText(text) { 934 if (navigator.clipboard && navigator.clipboard.writeText) { 935 return navigator.clipboard.writeText(text); 936 } 937 938 var ta = document.createElement('textarea'); 939 ta.value = text; 940 document.body.appendChild(ta); 941 ta.select(); 942 try { document.execCommand('copy'); } catch (e) {} 943 document.body.removeChild(ta); 944 return Promise.resolve(); 945 } 946 947 document.querySelectorAll('.faq-answer a[href]').forEach(function(link) { 948 var href = (link.getAttribute('href') || '').replace(/\/$/, ''); 949 if (href !== endpoint) return; 950 951 link.setAttribute('role', 'button'); 952 link.setAttribute('aria-label', 'Copy MCP server URL'); 953 link.addEventListener('click', function(event) { 954 event.preventDefault(); 955 copyText(endpoint); 956 }); 957 }); 958})(); 959</script>
959 </div> <section id="oah-news" class="oah-news-section" aria-labelledby="oah-news-heading"> <div class="oah-news-inner"> <h2 id="oah-news-heading" class="oah-news-h2 font-heading"> News & Inspirations </h2> <div class="oah-news-grid"> <a class="oah-news-card" href="/blog" target="_blank" rel="noopener" aria-label="Get Insights from Experts Blog - Discover More"> <div class="oah-news-media is-pink"> <img src="/pageforge-assets/openart-home/news/seedance-2-blog-cover.webp" alt="Seedance 2.0 AI video model blog cover" loading="lazy"> </div> <div class="oah-news-copy"> <h3 class="oah-news-title font-heading">Get Insights from Experts Blog</h3> <p class="oah-news-desc">Get the insights and practical guides for creating with AI.</p> <span class="oah-news-cta"> Discover More <span aria-hidden="true">â</span> </span> </div> </a><a class="oah-news-card" href="/suite/whats-new" target="_blank" rel="noopener" aria-label="What's New - Discover More"> <div class="oah-news-media is-blue"> <img src="https://cdn.openart.ai/assets/internal/uploads/image_SmartShot_1920x1080_1777926586860.webp" alt="OpenArt Smart Shot feature cover" loading="lazy"> </div> <div class="oah-news-copy"> <h3 class="oah-news-title font-heading">What's New</h3> <p class="oah-news-desc">See the latest OpenArt feature releases, product improvement.</p> <span class="oah-news-cta"> Discover More <span aria-hidden="true">â</span> </span> </div> </a> </div> <div class="oah-news-featured-on oah-featured-on-strip" aria-label="Featured on"> <div class="oah-featured-on-logos"> <p class="oah-featured-on-label" data-cms-field="social-proof.featuredOnLabel"> Featured on </p> <div class="oah-featured-on-track"> <div class="oah-featured-on-set"> <svg class="oah-featured-on-logo is-abc" viewBox="0 0 150 42" xmlns="http://www.w3.org/2000/svg" aria-label="ABC News" role="img"> <defs><mask id="oah-news-abc-cut-a"><rect width="42" height="42" fill="white"></rect><text x="21" y="29" text-anchor="middle" font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="16" fill="black" letter-spacing="-1">abc</text></mask></defs> <circle cx="21" cy="21" r="19" fill="currentColor" mask="url(#oah-news-abc-cut-a)"></circle> <text x="50" y="29" font-family="Helvetica, Arial, sans-serif" font-weight="700" font-size="18" fill="currentColor" letter-spacing="2.5">NEWS</text> </svg> <svg class="oah-featured-on-logo is-fox" viewBox="0 0 96 42" xmlns="http://www.w3.org/2000/svg" aria-label="FOX" role="img"> <text x="48" y="33" text-anchor="middle" font-family="Arial Black, Impact, Helvetica, sans-serif" font-weight="900" font-size="34" fill="currentColor" letter-spacing="-1.2">FOX</text> </svg> <svg class="oah-featured-on-logo is-bloomberg" viewBox="0 0 170 42" xmlns="http://www.w3.org/2000/svg" aria-label="Bloomberg" role="img"> <text x="85" y="30" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-weight="900" font-size="24" fill="currentColor" letter-spacing="-0.6">Bloomberg</text> </svg> <svg class="oah-featured-on-logo is-time" viewBox="0 0 104 42" xmlns="http://www.w3.org/2000/svg" aria-label="TIME" role="img"> <rect x="3" y="3" width="98" height="36" fill="none" stroke="currentColor" stroke-width="3"></rect> <text x="52" y="31" text-anchor="middle" font-family="Times New Roman, Georgia, serif" font-weight="700" font-size="24" fill="currentColor" letter-spacing="2.5">TIME</text> </svg> <svg class="oah-featured-on-logo is-wsj" viewBox="0 0 300 42" xmlns="http://www.w3.org/2000/svg" aria-label="The Wall Street Journal" role="img" preserveAspectRatio="xMidYMid meet"> <text x="150" y="28" text-anchor="middle" textLength="276" lengthAdjust="spacingAndGlyphs" font-family="Georgia, 'Times New Roman', serif" font-weight="700" font-size="18" fill="currentColor">THE WALL STREET JOURNAL.</text> </svg> <svg class="oah-featured-on-logo is-techcrunch" viewBox="0 0 200 42" xmlns="http://www.w3.org/2000/svg" aria-label="TechCrunch" role="img"> <g transform="translate(0, 3) scale(1.5)"><path fill="currentColor" d="M0 6v4h4v8h4v-8h4V6Zm12 4v8h12v-4h-8v-4zm4 0h8V6h-8z"></path></g> <text x="42" y="29" font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="20" fill="currentColor" letter-spacing="-0.5">TechCrunch</text> </svg> </div> <div class="oah-featured-on-set" aria-hidden="true"> <svg class="oah-featured-on-logo is-abc" viewBox="0 0 150 42" xmlns="http://www.w3.org/2000/svg"> <defs><mask id="oah-news-abc-cut-b"><rect width="42" height="42" fill="white"></rect><text x="21" y="29" text-anchor="middle" font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="16" fill="black" letter-spacing="-1">abc</text></mask></defs> <circle cx="21" cy="21" r="19" fill="currentColor" mask="url(#oah-news-abc-cut-b)"></circle> <text x="50" y="29" font-family="Helvetica, Arial, sans-serif" font-weight="700" font-size="18" fill="currentColor" letter-spacing="2.5">NEWS</text> </svg> <svg class="oah-featured-on-logo is-fox" viewBox="0 0 96 42" xmlns="http://www.w3.org/2000/svg"> <text x="48" y="33" text-anchor="middle" font-family="Arial Black, Impact, Helvetica, sans-serif" font-weight="900" font-size="34" fill="currentColor" letter-spacing="-1.2">FOX</text> </svg> <svg class="oah-featured-on-logo is-bloomberg" viewBox="0 0 170 42" xmlns="http://www.w3.org/2000/svg"> <text x="85" y="30" text-anchor="middle" font-family="Helvetica, Arial, sans-serif" font-weight="900" font-size="24" fill="currentColor" letter-spacing="-0.6">Bloomberg</text> </svg> <svg class="oah-featured-on-logo is-time" viewBox="0 0 104 42" xmlns="http://www.w3.org/2000/svg"> <rect x="3" y="3" width="98" height="36" fill="none" stroke="currentColor" stroke-width="3"></rect> <text x="52" y="31" text-anchor="middle" font-family="Times New Roman, Georgia, serif" font-weight="700" font-size="24" fill="currentColor" letter-spacing="2.5">TIME</text> </svg>
959 <svg class="oah-featured-on-logo is-wsj" viewBox="0 0 300 42" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet"> <text x="150" y="28" text-anchor="middle" textLength="276" lengthAdjust="spacingAndGlyphs" font-family="Georgia, 'Times New Roman', serif" font-weight="700" font-size="18" fill="currentColor">THE WALL STREET JOURNAL.</text> </svg> <svg class="oah-featured-on-logo is-techcrunch" viewBox="0 0 200 42" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(0, 3) scale(1.5)"><path fill="currentColor" d="M0 6v4h4v8h4v-8h4V6Zm12 4v8h12v-4h-8v-4zm4 0h8V6h-8z"></path></g> <text x="42" y="29" font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="20" fill="currentColor" letter-spacing="-0.5">TechCrunch</text> </svg> </div> </div> </div> </div> </div> </section> <section class="py-[48px] md:py-[72px] lg:py-[88px] reveal" id="cta"> <div class="max-w-[1440px] mx-auto px-4 md:px-6 lg:px-10"> <div class="rounded-[24px] px-[32px] py-[80px] md:px-[80px] md:py-[120px] lg:py-[140px] text-center relative overflow-hidden border border-[rgba(255,255,255,0.12)]" style="background:url('https://cdn.openart.ai/assets/internal/uploads/image_wJ9zL0Gp_1920x750_1774504647681.webp') center/cover no-repeat;"> <h2 class="text-[32px] md:text-[48px] lg:text-[56px] font-bold font-heading tracking-[-0.03em] leading-[40px] md:leading-[56px] lg:leading-[64px] text-white mb-[20px]"> Create without limits </h2> <p class="text-[18px] leading-[28px] text-[rgba(255,255,255,0.75)] max-w-[560px] mx-auto mb-[40px]"> Explore the power of AI to bring your ideas to life. Generate, refine, and innovateâyour creative journey starts here. </p> <a href="/home" class="inline-flex items-center justify-center h-[48px] px-[32px] bg-white text-[#0a0a0a] text-[15px] font-semibold rounded-[12px] hover:bg-[rgba(255,255,255,0.9)] transition-colors"> <span>Start creating now It's free!</span> </a> </div> </div> </section> </main> <footer class="footer-v3" data-footerv3-variant="dark" data-astro-cid-jfcdznaq> <div class="max-w-[1440px] mx-auto px-4 md:px-6 lg:px-10 pt-16" data-astro-cid-jfcdznaq> <div class="flex flex-col md:flex-row justify-between items-start gap-10 md:gap-16" data-astro-cid-jfcdznaq> <!-- Left: Slogan + Social --> <div class="flex flex-col gap-[20px] shrink-0" data-astro-cid-jfcdznaq> <p class="footer-v3-slogan text-[32px] md:text-[40px] font-bold font-heading tracking-[-0.03em] leading-[40px] md:leading-[48px]" data-astro-cid-jfcdznaq>Make Wonders.</p> <div class="flex items-center gap-4" data-astro-cid-jfcdznaq> <a href="https://www.youtube.com/@openart_ai" target="_blank" rel="noopener" aria-label="YouTube" class="footer-v3-social w-8 h-8 flex items-center justify-center transition-colors" data-astro-cid-jfcdznaq><svg width="20" height="16" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-jfcdznaq><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" data-astro-cid-jfcdznaq></path></svg></a> <a href="https://discord.com/invite/openart-ai-1009536403555750018" target="_blank" rel="noopener" aria-label="Discord" class="footer-v3-social w-8 h-8 flex items-center justify-center transition-colors" data-astro-cid-jfcdznaq><svg width="20" height="16" viewBox="0 0 127.14 96.36" fill="currentColor" data-astro-cid-jfcdznaq><path d="M107.7 8.07A105.15 105.15 0 0081.47 0a72.06 72.06 0 00-3.36 6.83 97.68 97.68 0 00-29.11 0A72.37 72.37 0 0045.64 0a105.89 105.89 0 00-26.25 8.09C2.79 32.65-1.71 56.6.54 80.21a105.73 105.73 0 0032.17 16.15 77.7 77.7 0 006.89-11.11 68.42 68.42 0 01-10.85-5.18c.91-.66 1.8-1.34 2.66-2a75.57 75.57 0 0064.32 0c.87.71 1.76 1.39 2.66 2a68.68 68.68 0 01-10.87 5.19 77 77 0 006.89 11.1 105.25 105.25 0 0032.19-16.14c2.64-27.38-4.51-51.11-18.9-72.15zM42.45 65.69C36.18 65.69 31 60 31 53s5-12.74 11.43-12.74S54 46 53.89 53s-5.05 12.69-11.44 12.69zm42.24 0C78.41 65.69 73.25 60 73.25 53s5-12.74 11.44-12.74S96.23 46 96.12 53s-5.04 12.69-11.43 12.69z" data-astro-cid-jfcdznaq></path></svg></a> <a href="https://www.instagram.com/openart_ai/" target="_blank" rel="noopener" aria-label="Instagram" class="footer-v3-social w-8 h-8 flex items-center justify-center transition-colors" data-astro-cid-jfcdznaq><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-jfcdznaq><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.272 2.69.072 7.052.014 8.333 0 8.741 0 12s.014 3.668.072 4.948c.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24s3.668-.014 4.948-.072c4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948s-.014-3.667-.072-4.947c-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" data-astro-cid-jfcdznaq></path></svg></a> <a href="https://x.com/openart_ai" target="_blank" rel="noopener" aria-label="X" class="footer-v3-social w-8 h-8 flex items-center justify-center transition-colors" data-astro-cid-jfcdznaq><svg width="16" height="14" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-jfcdznaq><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" data-astro-cid-jfcdznaq></path></svg></a> <a href="https://www.linkedin.com/company/openart-ai" target="_blank" rel="noopener" aria-label="LinkedIn" class="footer-v3-social w-8 h-8 flex items-center justify-center transition-colors" data-astro-cid-jfcdznaq>
959<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" data-astro-cid-jfcdznaq><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.064 2.064 0 11.001-4.128 2.064 2.064 0 01-.001 4.128zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" data-astro-cid-jfcdznaq></path></svg></a> </div> </div> <!-- Right: Nav link columns --> <div class="grid grid-cols-2 md:flex gap-8 md:gap-20 flex-wrap" data-astro-cid-jfcdznaq> <div class="min-w-[100px] flex flex-col gap-4" data-astro-cid-jfcdznaq> <h4 class="footer-v3-heading text-[14px] font-semibold" data-astro-cid-jfcdznaq>Start Creating</h4> <div class="flex flex-col gap-[14px]" data-astro-cid-jfcdznaq> <a href="/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Home</a><a href="/suite/create-image" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Create Image</a><a href="/suite/video" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Create Video</a><a href="/suite/character" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Character Builder</a><a href="/suite/world" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>3D World</a><a href="/suite/director" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>One-Click Story</a><a href="/suite/director?quickStart=music-video" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Music Video</a><a href="/suite/motion-sync" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Motion Control</a><a href="/features/openart-vfx/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>OpenArt VFX</a><a href="/features/ai-video-relight/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Video Relight</a><a href="/features/ai-video-background-changer/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Video Background Changer</a><a href="/suite/audio" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Create Audio</a> </div> </div><div class="min-w-[100px] flex flex-col gap-4" data-astro-cid-jfcdznaq> <h4 class="footer-v3-heading text-[14px] font-semibold" data-astro-cid-jfcdznaq>AI Models</h4> <div class="flex flex-col gap-[14px]" data-astro-cid-jfcdznaq> <a href="/ai-model/seedance-2-5/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Seedance 2.5</a><a href="/ai-model/seedance-2-0/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Seedance 2.0</a><a href="/ai-model/nano-banana-2/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Nano Banana 2</a><a href="/ai-model/kling-3-motion-control" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Kling 3.0</a><a href="/ai-model/switchx/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>SwitchX</a><a href="/ai-model/wan-2-7-ai-video-generator/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Wan 2.7</a> </div> </div><div class="min-w-[100px] flex flex-col gap-4" data-astro-cid-jfcdznaq> <h4 class="footer-v3-heading text-[14px] font-semibold" data-astro-cid-jfcdznaq>Features</h4> <div class="flex flex-col gap-[14px]" data-astro-cid-jfcdznaq> <a href="/ai-video-generator/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>AI Video Generator</a><a href="/ai-image-generator/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>AI Image Generator</a><a href="/features/openart-vfx/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>OpenArt VFX</a><a href="/features/ai-video-relight/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Video Relight</a><a href="/features/ai-video-background-changer/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>
959Video Background Changer</a><a href="/feature/openart-worlds" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Worlds</a><a href="/features/ai-character/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>AI Character</a><a href="/features/ai-influencer/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>AI Influencer</a><a href="/features/smart-shot/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Smart Shot</a><a href="/features/twitter-video-generator/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Twitter Video Generator</a><a href="/features/ai-character-swap/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>AI Character Swap</a><a href="/features/ai-celebrity-generator/" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>AI Celebrity Generator</a> </div> </div><div class="min-w-[100px] flex flex-col gap-4" data-astro-cid-jfcdznaq> <h4 class="footer-v3-heading text-[14px] font-semibold" data-astro-cid-jfcdznaq>Resources</h4> <div class="flex flex-col gap-[14px]" data-astro-cid-jfcdznaq> <a href="/suite/tutorials" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Tutorials</a><a href="/blog" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Blog</a><a href="/suite/help-center#getting-started" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>FAQ</a><a href="/program/openartist" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>OpenArtist Program</a><a href="/programs/affiliate" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Affiliate Program</a> </div> </div><div class="min-w-[100px] flex flex-col gap-4" data-astro-cid-jfcdznaq> <h4 class="footer-v3-heading text-[14px] font-semibold" data-astro-cid-jfcdznaq>Company</h4> <div class="flex flex-col gap-[14px]" data-astro-cid-jfcdznaq> <a href="/suite/home" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>About Us</a><a href="/suite/terms" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Terms of Service</a><a href="/suite/terms" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Privacy Policy</a><a href="https://jobs.ashbyhq.com/openart" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Career</a><div class="pt-[24px]" data-astro-cid-jfcdznaq> <h4 class="footer-v3-heading text-[14px] font-semibold mb-[14px]" data-astro-cid-jfcdznaq>Need Help?</h4> </div><a href="/suite/help-center#getting-started" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Help Center</a><a href="mailto:[email protected]" class="footer-v3-link text-[13px] font-medium transition-colors" data-astro-cid-jfcdznaq>Email Us</a> </div> </div> </div> </div> <div class="footer-v3-brand mt-[60px] overflow-hidden" data-astro-cid-jfcdznaq> <img src="https://cdn.openart.ai/cdn-cgi/image/format=auto,width=1920,fit=scale-down,dpr=2,quality=80,metadata=none,sharpen=1/assets/internal/uploads/image_oD2IKHNY_1920x320_1774429786634.webp" alt="OpenArt" class="w-full max-h-[294px] object-contain select-none pointer-events-none" data-astro-cid-jfcdznaq> </div> </div> </footer>
959<script type="module">(function(){try{if(typeof window>"u"||!/(^|\.)openart\.ai$/i.test(window.location.hostname))return;const t=window.location.pathname.match(/^(\/[a-z]+)?\/openart-home\/?$/);if(!t)return;const n=((t[1]??"")||"/")+window.location.search+window.location.hash;window.history.replaceState(null,"",n)}catch{}})();</script>
959
959<script id="oa-preview-abs-links">(function(){if(!/\.pages\.dev$|\.trycloudflare\.com$/.test(location.hostname))return;var P="https://openart.ai";function fix(a){var h=a&&a.getAttribute&&a.getAttribute("href");if(h&&h.charAt(0)==="/"&&h.charAt(1)!=="/"){a.setAttribute("href",P+h);}}function sweep(){var l=document.querySelectorAll('a[href^="/"]');for(var i=0;i<l.length;i++)fix(l[i]);}if(document.readyState!=="loading")sweep();else document.addEventListener("DOMContentLoaded",sweep);document.addEventListener("mouseover",function(e){var a=e.target&&e.target.closest&&e.target.closest('a[href^="/"]');if(a)fix(a);},true);})();</script>
959<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"84629b38239e48b6aae523f50f86e18d","spa":2}' crossorigin="anonymous"></script>
959 960</body></html>
960<script type="module" src="/_astro/openart-home.astro_astro_type_script_index_0_lang.BSHCtWBB.js"></script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.