1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/brand/logo.svg"/><link rel="preload" as="image" href="/images/logos/flux.svg"/><link rel="preload" as="image" href="/images/logos/ideogram.svg"/><link rel="preload" as="image" href="/images/logos/openai.svg"/><link rel="preload" as="image" href="/images/logos/grok.svg"/><link rel="preload" as="image" href="/images/logos/microsoft.png"/><link rel="preload" as="image" href="https://cdn.oeneo.ai/resource/home/hero-bg-4.webp"/><link rel="preload" as="image" href="/images/logos/minimax.svg"/><link rel="preload" as="image" href="/images/logos/google-g.svg"/><link rel="preload" as="image" href="/images/logos/bytedance.svg"/><link rel="preload" as="image" href="/images/logos/kling.svg"/><link rel="preload" as="image" href="/images/logos/qwen.svg"/><title>Oeneo AI â Unified AI Image & Video Generator for Creators</title><meta name="theme-color" content="#09090b"/><meta name="description" content="Generate images, turn them into video and edit clips with a prompt â GPT Image, FLUX, Seedance 2.5, Veo 3.1, Kling 3.0 in one workbench, one credit balance."/><meta property="og:type" content="website"/><meta property="og:site_name" content="Oeneo AI"/><meta property="og:locale" content="en"/><meta property="og:locale:alternate" content="zh_CN"/><meta property="og:title" content="Oeneo AI â Unified AI Image & Video Generator for Creators"/><meta property="og:description" content="Generate images, turn them into video and edit clips with a prompt â GPT Image, FLUX, Seedance 2.5, Veo 3.1, Kling 3.0 in one workbench, one credit balance."/><meta property="og:url" content="https://oeneo.ai/"/><meta property="og:image" content="https://cdn.oeneo.ai/visuals/og.webp"/><meta name="twitter:title" content="Oeneo AI â Unified AI Image & Video Generator for Creators"/><meta name="twitter:description" content="Generate images, turn them into video and edit clips with a prompt â GPT Image, FLUX, Seedance 2.5, Veo 3.1, Kling 3.0 in one workbench, one credit balance."/><meta name="twitter:url" content="https://oeneo.ai/"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://cdn.oeneo.ai/visuals/og.webp"/><link rel="modulepreload" href="/assets/main-BVeaUmEJ.js"/><link rel="modulepreload" href="/assets/index-Dv7KR-Nw.js"/><link rel="modulepreload" href="/assets/image-generator-workbench-Baj8e99K.js"/><link rel="modulepreload" href="/assets/video-generator-workbench-aASgMjQf.js"/><link rel="modulepreload" href="/assets/lineup-DkhXKrbw.js"/><link rel="modulepreload" href="/assets/faq-R81VDQAb.js"/><link rel="modulepreload" href="/assets/final-cta-section-CatElopu.js"/><link rel="modulepreload" href="/assets/IconVolume-hTJuHuSf.js"/><link rel="modulepreload" href="/assets/IconReceipt-CkGpGqDC.js"/><link rel="modulepreload" href="/assets/video-media-player-D1NYGre8.js"/><link rel="modulepreload" href="/assets/IconArrowUpRight-Dx0aTvWW.js"/><link rel="modulepreload" href="/assets/IconArrowRight-C3mkZMZZ.js"/><link rel="modulepreload" href="/assets/textarea-OChHmoah.js"/><link rel="modulepreload" href="/assets/analytics-diMhel4P.js"/><link rel="modulepreload" href="/assets/use-generation-upload-C2BWABcw.js"/><link rel="modulepreload" href="/assets/generation-history-B_mFlBVU.js"/><link rel="modulepreload" href="/assets/generated-image-card-CLRatOv8.js"/><link rel="modulepreload" href="/assets/handoff-storage-CCCvg7MR.js"/><link rel="modulepreload" href="/assets/image-to-video-navigation-kemVA56-.js"/><link rel="modulepreload" href="/assets/image-edit-action-buttons-DXSPpB_S.js"/><link rel="modulepreload" href="/assets/IconCopy-CRqbQ6h1.js"/><link rel="modulepreload" href="/assets/IconAdjustmentsHorizontal-bHrPT2aC.js"/><link rel="modulepreload" href="/assets/IconClock-Bd0oeuhd.js"/><link rel="modulepreload" href="/assets/IconCalendar-ftKr-l-K.js"/><link rel="modulepreload" href="/assets/parameter-controls-DEhE-N3q.js"/><link rel="modulepreload" href="/assets/slider-LOxGwJzl.js"/><link rel="modulepreload" href="/assets/CSPContext-xVp9RCru.js"/><link rel="modulepreload" href="/assets/useRegisterFieldControl-Cddb0p1S.js"/><link rel="modulepreload" href="/assets/resolveAriaLabelledBy-Cx067CLn.js"/><link rel="modulepreload" href="/assets/browser-image-dimensions-1ZjVpK0Q.js"/><link rel="modulepreload" href="/assets/switch-C2_tW-Z6.js"/><link rel="modulepreload" href="/assets/use-media-preview-url-Cch4iEsk.js"/><link rel="modulepreload" href="/assets/separator-CGSf_QFk.js"/><link rel="modulepreload" href="/assets/IconWand-YwD7_KvG.js"/><link rel="modulepreload" href="/assets/skeleton-ChuuxPGC.js"/><link rel="modulepreload" href="/assets/video-result-card-D5vA6Qn0.js"/><link rel="modulepreload" href="/assets/IconAlertTriangle-DWq3RBsQ.js"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="icon" href="/favicon.ico"/><link rel="manifest" href="/manifest.json"/><link rel="canonical" href="https://oeneo.ai/"/><link rel="alternate" hrefLang="en" href="https://oeneo.ai/"/><link rel="alternate" hrefLang="zh-CN" href="https://oeneo.ai/zh/"/><link rel="alternate" hrefLang="x-default" href="https://oeneo.ai/"/><link rel="stylesheet" href="/assets/styles-CahVGl2N.css"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Oeneo AI","description":"Generate images, turn them into video and edit clips with a prompt â GPT Image, FLUX, Seedance 2.5, Veo 3.1, Kling 3.0 in one workbench, one credit balance.","url":"https://oeneo.ai/","inLanguage":"en"}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Oeneo AI","url":"https://oeneo.ai/"}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Oeneo AI","description":"Oeneo AI is a browser workspace for AI image and video generation. Create from text or supported references, compare leading models, and refine results with image and video editing tools using one credit balance.","url":"https://oeneo.ai/","applicationCategory":"DesignApplication","operatingSystem":"Web"}</script>
1</head><body>
1<script>(function() { 2 try { 3 var theme = localStorage.getItem('theme') || 'dark'; 4 var systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; 5 var resolved = theme === 'system' ? systemTheme : theme; 6 document.documentElement.classList.add(resolved); 7 } catch (e) { 8 document.documentElement.classList.add('dark'); 9 } 10})();;document.currentScript.remove()</script>
10<div data-slot="sidebar-wrapper" style="--sidebar-width:calc(var(--spacing) * 56);--sidebar-width-icon:4rem" class="group/sidebar-wrapper w-full has-data-[variant=inset]:bg-sidebar min-h-svh flex"><div class="group peer hidden text-sidebar-foreground md:block" data-state="expanded" data-collapsible="" data-variant="sidebar" data-side="left" data-slot="sidebar"><div data-slot="sidebar-gap" class="relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-(--sidebar-width-icon)"></div><div data-slot="sidebar-container" data-side="left" class="fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=right]:border-l group-data-[side=left]:border-r-0"><div data-sidebar="sidebar" data-slot="sidebar-inner" class="flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border"><div data-slot="sidebar-header" data-sidebar="header" class="flex flex-col gap-2 p-2 h-16 justify-center"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-sm data-[slot=sidebar-menu-button]:!p-1.5 group-data-[collapsible=icon]:size-10! group-data-[collapsible=icon]:mx-auto active" href="/" data-status="active" aria-current="page"><img src="/brand/logo.svg" alt="Oeneo AI logo" class="rounded-md dark:hidden size-6 shrink-0" width="32" height="32" decoding="async"/><img src="/brand/logo.svg" alt="Oeneo AI logo" class="rounded-md hidden dark:block size-6 shrink-0" width="32" height="32" decoding="async"/><span class="truncate font-semibold text-lg group-data-[collapsible=icon]:hidden">Oeneo AI</span></a></li></ul></div><div data-slot="sidebar-content" data-sidebar="content" class="no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden"><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_39iqaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focu
10s-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium transition-colors duration-200 group-data-[collapsible=icon]:mx-auto active" href="/" data-status="active" aria-current="page"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sparkles size-4"><path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6"></path></svg><span>Create</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_3aiqaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/ai-image-generator" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium transition-colors duration-200 group-data-[collapsible=icon]:mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-4"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg><span>AI Image</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_3biqaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/ai-video-generator" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium transition-colors duration-200 group-data-[collapsible=icon]:mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-video size-4"><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4"></path><path d="M3 8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg><span>AI Video</span></a></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" id="base-ui-_R_dciqaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-expanded="false" aria-label="Show or hide image tools" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focu
10s-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium transition-colors duration-200 group-data-[collapsible=icon]:mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-tools size-4" aria-hidden="true"><path d="M3 21h4l13 -13a1.5 1.5 0 0 0 -4 -4l-13 13v4"></path><path d="M14.5 5.5l4 4"></path><path d="M12 8l-5 -5l-4 4l5 5"></path><path d="M7 8l-1.5 1.5"></path><path d="M16 12l5 5l-4 4l-5 -5"></path><path d="M16 17l-1.5 1.5"></path></svg><span>Image Tools</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 transition-transform duration-200 " aria-hidden="true"><path d="M6 9l6 6l6 -6"></path></svg></button></li><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" id="base-ui-_R_ddiqaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-expanded="false" aria-label="Show or hide video tools" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium transition-colors duration-200 group-data-[collapsible=icon]:mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-movie size-4" aria-hidden="true"><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M8 4l0 16"></path><path d="M16 4l0 16"></path><path d="M4 8l4 0"></path><path d="M4 16l4 0"></path><path d="M4 12l16 0"></path><path d="M16 8l4 0"></path><path d="M16 16l4 0"></path></svg><span>Video Tools</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 transition-transform duration-200 " aria-hidden="true"><path d="M6 9l6 6l6 -6"></path></svg></button></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="flex h-8 shrink-0 items-center rounded-md px-2 text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 text-xs font-medium uppercase tracking-wider">Assets</div><div data-slot="sidebar-group-content" data-sidebar="group-content"
10class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a id="base-ui-_R_rkqaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" href="/creations" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium transition-colors duration-200 group-data-[collapsible=icon]:mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-folder size-4"><path d="M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2"></path></svg><span>My Creations</span></a></li></ul></div></div><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col p-2"><div data-slot="sidebar-group-label" data-sidebar="group-label" class="flex h-8 shrink-0 items-center rounded-md px-2 text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 text-xs font-medium uppercase tracking-wider">Models</div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" id="base-ui-_R_ddaaoq_" data-base-ui-tooltip-trigger="" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" aria-expanded="true" aria-label="Show or hide image models" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 rounded-xl px-3 text-sm font-medium group-data-[collapsible=icon]:mx-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 size-4" aria-hidden="true"><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg><span>Image Models</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 transition-transform duration-200 rotate-180" aria-hidden="true"><path d="M6 9l6 6l6 -6"></path></svg></button><ul data-slot="sidebar-menu-sub" data-sidebar="menu-sub" class="mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden mt-1"><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/models/flux-3-image" class="flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground h-10"><img src="/images/logos/flux.svg" alt="" width="16" height="16" aria-hidden="true" class="size-4 object-contain dark:invert"/><span>FLUX 3 Image</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/models/ideogram-4-5" class="flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground h-10"><img src="/images/logos/ideogram.svg" alt="" width="16" height="16" aria-hidden="true" class="size-4 object-contain dark:invert"/><span>Ideogram 4.5</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/models/gpt-image-2.5-flare" class="flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground h-10"><img src="/images/logos/openai.svg" alt="" width="16" height="16" aria-hidden="true" class="size-4 object-contain"/><span>GPT Image 2.5 Flare</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/models/gpt-image-2.5-sunburst" class="flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground h-10"><img src="/images/logos/openai.svg" alt="" width="16" height="16" aria-hidden="true" class="size-4 object-contain"/><span>GPT Image 2.5 Sunburst</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/models/grok-imagine-2" class="flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground h-10"><img src="/images/logos/grok.svg" alt="" width="16" height="16" aria-hidden="true" class="size-4 object-contain"/><span>Grok Imagine 2</span></a></li><li data-slot="sidebar-menu-sub-item" data-sidebar="menu-sub-item" class="group/menu-sub-item relative"><a data-slot="sidebar-menu-sub-button" data-sidebar="menu-sub-button" data-size="md" href="/models/mai-image-2.5-pro" class="flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground h-10"><img src="/images/logos/microsoft.png" alt="" width="16" height="16" aria-hidden="true" class="size-4 object-contain"/><span>MAI Image 2.5 Pro</span></a></li></ul></li></ul></div></div></div><div data-slot="sidebar-footer" data-sidebar="footer" class="p-2 flex shrink-0 flex-col gap-4"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-0" aria-hidden="true"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><button type="button" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="lg" class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 text-sm group-data-[collapsible=icon]:p-0! bg-muted animate-pulse group-data-[collapsible=icon]:mx-auto" disabled=""><span class="size-4"></span><span class="flex-1"></span></button></li></ul></div></div></div></div><main data-slot="sidebar-inset" class="relative w-full min-w-0 flex-1 bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 flex flex-col"><div class="sticky top-0 z-30"><header class="relative z-20 flex h-16 min-h-16 shrink-0 items-center gap-3 px-4 py-2.5 transition-colors duration-300 sm:px-6 border-b border-transparent bg-transparent"><div class="flex min-w-0 flex-1 items-center gap-3">
10<button type="button" tabindex="0" data-slot="sidebar-trigger" data-sidebar="trigger" class="group/button inline-flex items-center justify-center border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg -ml-1 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layout-sidebar "><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M9 4l0 16"></path></svg><span class="sr-only">Toggle Sidebar</span></button><div class="flex min-w-0 items-center gap-2"></div></div><div class="flex items-center gap-2"><button type="button" tabindex="0" data-slot="popover-trigger" aria-label="Notifications" data-base-ui-click-trigger="" id="base-ui-_R_6l9ioq_" aria-haspopup="dialog" aria-expanded="false" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 size-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-bell size-5"><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6"></path><path d="M9 17v1a3 3 0 0 0 6 0v-1"></path></svg></button><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_6n9ioq_" aria-haspopup="dialog" aria-expanded="false" class="group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5 gap-2 border-warning/30 bg-warning/10 text-warning hover:border-warning hover:bg-warning/50 hover:text-warning opacity-70"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-coins size-4"><path d="M9 14c0 1.657 2.686 3 6 3s6 -1.343 6 -3s-2.686 -3 -6 -3s-6 1.343 -6 3"></path><path d="M9 14v4c0 1.656 2.686 3 6 3s6 -1.344 6 -3v-4"></path><path d="M3 6c0 1.072 1.144 2.062 3 2.598s4.144 .536 6 0c1.856 -.536 3 -1.526 3 -2.598c0 -1.072 -1.144 -2.062 -3 -2.598s-4.144 -.536 -6 0c-1.856 .536 -3 1.526 -3 2.598"></path><path d="M3 6v10c0 .888 .772 1.45 2 2"></path><path d="M3 11c0 .888 .772 1.45 2 2"></path></svg><span class="font-medium tabular-nums text-base">0</span></button><span><button type="button" tabindex="0" data-slot="button" aria-label="Log in" class="group/button inline-flex shrink-0 items-center justify-center border bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-login size-4"><path d="M15 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"></path><path d="M21 12h-13l3 -3"></path><path d="M11 15l-3 -3"></path></svg><span class="hidden sm:inline">Log in</span></button></span></div></header></div><div class="flex min-h-full flex-col"><div class="flex-1"><!--$--><div class="flex flex-col"><section class="relative isolate -mt-16 overflow-hidden bg-background text-foreground"><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 top-0 -z-20 h-[450px] md:h-[440px]"><img src="https://cdn.oeneo.ai/resource/home/hero-bg-4.webp" alt="" class="size-full object-cover object-right-top opacity-95"/><div class="absolute inset-0 hidden md:block" style="background:linear-gradient(100deg, var(--color-background) 26%, color-mix(in oklab, var(--color-background) 78%, transparent) 44%, transparent 60%)"></div><div class="absolute inset-0 bg-linear-to-r from-background/90 via-background/40 to-transparent md:hidden"></div><div class="absolute inset-x-0 bottom-0 h-24 bg-linear-to-t from-background to-transparent"></div></div><div aria-hidden="true" class="pointer-events-none absolute inset-x-0 bottom-0 -z-10 top-64 bg-linear-to-t from-background to-transparent"></div><div class="container mx-auto max-w-7xl relative px-4 pt-18 pb-24 sm:px-6 sm:pt-20 sm:pb-32 lg:max-w-none lg:px-15"><div class="max-w-2xl pt-0 text-left sm:pt-1"><h1 class="text-4xl font-bold leading-[0.94] tracking-tight sm:text-5xl lg:text-6xl"><span class="block">Make Something</span><span class="block bg-linear-to-r from-primary via-primary to-chart-2 bg-clip-text text-transparent">Unexpected</span></h1></div><div><div class="mt-2 mb-3 flex items-center justify-start sm:mt-5 sm:mb-4"><div role="tablist" aria-label="AI Image / AI Video" class="inline-flex rounded-full border border-foreground
10/15 bg-background/50 p-1"><button type="button" role="tab" aria-selected="true" class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-movie size-3.5" aria-hidden="true"><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M8 4l0 16"></path><path d="M16 4l0 16"></path><path d="M4 8l4 0"></path><path d="M4 16l4 0"></path><path d="M4 12l16 0"></path><path d="M16 8l4 0"></path><path d="M16 16l4 0"></path></svg>AI Video</button><button type="button" role="tab" aria-selected="false" class="inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3.5" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>AI Image</button></div></div><div role="tabpanel" hidden=""><div class="relative mx-auto w-full max-w-5xl"><div aria-hidden="true" class="pointer-events-none absolute inset-x-10 top-6 h-80 rounded-full bg-primary/25 blur-3xl"></div><div class="relative"><div id="generator-ui" class="space-y-8 scroll-mt-24"><div class="rounded-xl bg-card p-4 shadow-xl sm:p-5"><form><div><div class="mb-5 lg:hidden"><div class="space-y-3"><div class="flex items-start justify-between gap-3"><div><p class="text-xs font-semibold uppercase text-muted-foreground">Reference images<!-- --> (Optional)</p></div><span class="shrink-0 rounded-full border bg-background px-2 py-1 text-xs tabular-nums text-muted-foreground">0<!-- -->/<!-- -->16</span></div><div class="flex flex-wrap gap-2"><button type="button" aria-label="Add" class="flex size-16 shrink-0 cursor-pointer flex-col items-center justify-center gap-0.5 rounded-md border border-dashed bg-transparent text-[0.7rem] text-muted-foreground transition-colors hover:border-primary/50 hover:bg-primary/5 hover:text-foreground focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo-plus size-4"><path d="M15 8h.01"></path><path d="M12.5 21h-6.5a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v6.5"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l4 4"></path><path d="M14 14l1 -1c.67 -.644 1.45 -.824 2.182 -.54"></path><path d="M16 19h6"></path><path d="M19 16v6"></path></svg>Add</button></div><input type="file" multiple="" accept="image/png,image/jpeg,image/webp" class="sr-only"/></div></div><div class="hidden lg:block"><div><div class="flex min-h-16 flex-wrap items-start gap-2 pb-2"><button type="button" aria-label="Add" class="flex size-16 shrink-0 cursor-pointer flex-col items-center justify-center gap-0.5 rounded-md border border-dashed bg-transparent text-center text-[0.7rem] text-muted-foreground outline-none transition-colors hover:border-primary/50 hover:bg-primary/5 hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo-plus size-4"><path d="M15 8h.01"></path><path d="M12.5 21h-6.5a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v6.5"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l4 4"></path><path d="M14 14l1 -1c.67 -.644 1.45 -.824 2.182 -.54"></path><path d="M16 19h6"></path><path d="M19 16v6"></path></svg><span>Add</span></button></div><input type="file" multiple="" accept="image/png,image/jpeg,image/webp" class="sr-only"/></div></div><div data-slot="form-item" class="grid gap-2 space-y-2"><div class="flex items-center justify-between lg:sr-only"><label data-slot="form-label" class="flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive text-xs font-semibold uppercase text-muted-foreground" data-error="false" for="_R_15lcamioq_-form-item">Prompt</label><span class="text-xs tabular-nums text-muted-foreground">0<!-- -->/5000</span></div><div class="rounded-lg bg-background/60 lg:rounded-none lg:bg-transparent"><textarea data-slot="textarea" class="flex field-sizing-content w-full border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 min-h-[2lh] max-h-32 resize-none overflow-y-auto rounded-none border-0 p-0 text-base leading-relaxed shadow-none focus-visible:ring-0 disabled:bg-transparent md:text-base dark:bg-transparent dark:disabled:bg-transparent" name="prompt" rows="2" placeholder="Describe a brilliant idea ..." id="_R_15lcamioq_-form-item" aria-describedby="_R_15lcamioq_-form-item-description" aria-invalid="false"></textarea></div></div><div class="mt-3 hidden items-center gap-2 lg:flex"><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_6jllcamioq_" aria-haspopup="dialog" aria-expanded="false" class="group/button inline-flex shrink-0 items-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 min-w-0 justify-start gap-2 bg-muted/40 px-3 font-medium h-10 max-w-56 text-sm [&>img]:size-5"><img src="/images/logos/openai.svg" alt="" width="24" height="24" class="size-6 rounded-md object-contain"/><span class="min-w-0 truncate">GPT Image 2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 text-muted-foreground"><path d="M6 9l6 6l6 -6"></path></svg></button><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_6lllcamioq_" aria-haspopup="dialog" aria-expanded="false" aria-label="Parameters: auto, 1, 1K" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-10 min-w-0 gap-1.5 bg-muted/40 px-2 text-sm"><span class="flex size-4 items-center justify-center text-muted-foreground"><span class="block rounded-[2px] border border-current" style="width:14px;height:14px"></span></span><span>Auto</span><span class="text-muted-foreground">·</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3.5 text-muted-foreground"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg><span>1</span><span class="text-muted-foreground">·</span><span>1K</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down size-3.5 text-muted-foreground"><path d="M6 9l6 6l6 -6"></path></svg></button><span class="text-xs tabular-nums text-muted-foreground">0<!-- -->/5000</span><button type="submit" data-disabled="" tabindex="0" disabled="" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 gap-1.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 ml-auto h-10 px-3 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo "><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>
10Generate image<span class="rounded-full bg-primary-foreground/15 px-2 py-0.5 text-xs tabular-nums">2 cr</span></button></div></div><div class="mt-5 space-y-5 lg:hidden"><section><p class="mb-2 text-xs font-semibold uppercase text-muted-foreground">Model</p><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_3cplcamioq_" aria-haspopup="dialog" aria-expanded="false" class="group/button inline-flex shrink-0 items-center rounded-lg border border-transparent bg-clip-padding text-sm whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-11 min-w-0 justify-start gap-2 bg-muted/40 px-3 font-medium w-full"><img src="/images/logos/openai.svg" alt="" width="24" height="24" class="size-6 rounded-md object-contain"/><span class="min-w-0 truncate">GPT Image 2</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 text-muted-foreground"><path d="M6 9l6 6l6 -6"></path></svg></button></section><div class="space-y-5"><section><p class="font-semibold uppercase text-muted-foreground mb-2 text-xs">Aspect ratio</p><div class="grid gap-1 rounded-lg p-1 grid-cols-4 sm:grid-cols-7"><button type="button" aria-pressed="true" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-primary/50 bg-primary/10 font-semibold text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-primary" style="width:20px;height:20px"></span><span class="text-xs">Auto</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:20px;height:20px"></span><span class="text-xs">1:1</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:20px;height:15px"></span><span class="text-xs">4:3</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:15px;height:20px"></span><span class="text-xs">3:4</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:20px;height:11.25px"></span><span class="text-xs">16:9</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:11.25px;height:20px"></span><span class="text-xs">9:16</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:20px;height:8.571428571428571px"></span><span class="text-xs">21:9</span></span></button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground"><span class="flex flex-col items-center gap-1"><span class="block rounded-[3px] border-2 border-current" style="width:8.571428571428571px;height:20px"></span><span class="text-xs">9:21</span></span></button></div></section><section><p class="font-semibold uppercase text-muted-foreground mb-2 text-xs">Number of images</p><div class="grid grid-cols-4 gap-1 rounded-lg p-1"><button type="button" aria-pressed="true" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-primary/50 bg-primary/10 font-semibold text-foreground">1</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">2</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">3</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">4</button></div></section><section><p class="font-semibold uppercase text-muted-foreground mb-2 text-xs">Resolution</p><div class="grid gap-1 rounded-lg p-1" style="grid-template-columns:repeat(3, minmax(0, 1fr))"><button type="button" aria-pressed="true" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-primary/50 bg-primary/10 font-semibold text-foreground">1K</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">2K</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">4K</button></div></section><section><p class="font-semibold uppercase text-muted-foreground mb-2 text-xs">Quality</p><div class="grid gap-1 rounded-lg p-1 grid-cols-3"><button type="button" aria-pressed="true" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-primary/50 bg-primary/10 font-semibold text-foreground">low</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">medium</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">high</button></div></section><section><p class="font-semibold uppercase text-muted-foreground mb-2 text-xs">Output format</p><div class="grid gap-1 rounded-lg p-1" style="grid-template-columns:repeat(3, minmax(0, 1fr))"><button type="button" aria-pressed="true" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-primary/50 bg-primary/10 font-semibold text-foreground">PNG</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">JPEG</button><button type="button" aria-pressed="false" class="flex min-w-0 cursor-pointer items-center justify-center rounded-md border px-2 gap-2 py-2 font-medium outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 min-h-11 text-sm border-transparent bg-muted/50 text-muted-foreground hover:bg-accent hover:text-foreground">WEBP</button></div></section></div><button type="submit" data-disabled="" tabindex="0" disabled="" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-12 w-full text-base"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo "><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Generate image<span class="rounded-full bg-primary-foreground/15 px-2 py-0.5 text-xs tabular-nums">2 cr</span></button></div></form></div></div></div></div></div><div role="tabpanel"><div class="relative mx-auto w-full max-w-5xl"><div aria-hidden="true" class="pointer-events-none absolute inset-x-10 top-6 h-80 rounded-full bg-primary/25 blur-3xl"></div><div class="relative"><div id="video-generator-ui" class="space-y-8 scroll-mt-24"><div class="rounded-xl bg-card shadow-xl"><form><div class="space-y-4 px-4 pt-4 pb-2 sm:px-5 sm:pt-5 sm:pb-2"><div data-slot="form-item" class="grid gap-2 space-y-2"><label data-slot="form-label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 data-[error=true]:text-destructive sr-only" data-error="false" for="_R_lncamioq_-form-item">Prompt</label><textarea data-slot="textarea" class="flex field-sizing-content w-full border-input transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 min-h-[2lh] max-h-32 resize-none overflow-y-auto rounded-none border-0 bg-transparent p-0 text-base leading-relaxed shadow-none focus-visible:ring-0 disabled:bg-transparent md:text-base dark:bg-transparent dark:disabled:bg-transparent" name="prompt" rows="2" placeholder="Describe the video you want to create..." id="_R_lncamioq_-form-item" aria-describedby="_R_lncamioq_-form-item-description" aria-invalid="false"></textarea></div></div><div class="flex flex-wrap items-center gap-2 border-t border-border/60 p-3"><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_1kpncamioq_" aria-haspopup="dialog" aria-expanded="false" aria-label="Task" class="group/button inline-flex shrink-0 items-center bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-10 min-w-0 justify-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 text-sm font-medium hover:bg-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-4 text-muted-foreground"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg><span class="truncate">Text to Video</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 text-muted-foreground"><path d="M6 9l6 6l6 -6"></path></svg></button><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_1l9ncamioq_" aria-haspopup="dialog" aria-expanded="false" aria-label="Model" class="group/button inline-flex shrink-0 items-center bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-10 min-w-0 justify-start gap-2 rounded-lg border border-border/60 bg-muted/40 px-3 text-sm font-medium hover:bg-muted max-w-56"><img src="/images/logos/minimax.svg" alt="" width="20" height="20" class="size-5 rounded object-contain"/><span class="truncate">MiniMax H3</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down ml-auto size-4 text-muted-foreground"><path d="M6 9l6 6l6 -6"></path></svg></button><button type="button" tabindex="0" data-slot="popover-trigger" data-base-ui-click-trigger="" id="base-ui-_R_1lpncamioq_" aria-haspopup="dialog" aria-expanded="false" aria-label="Video settings: 5s · 768p · 16:9" class="group/button inline-flex shrink-0 items-center bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-10 min-w-0 justify-start rounded-lg border border-border/60 bg-muted/40 text-sm font-medium hover:bg-muted gap-1.5 px-2.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clock size-4 text-muted-foreground"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M12 7v5l3 3"></path></svg><span class="tabular-nums">5s</span><span class="text-muted-foreground/60">|</span><span>768p</span><span class="text-muted-foreground/60">|</span><span class="flex size-4 items-center justify-center text-muted-foreground"><span class="block rounded-[2px] border border-current" style="width:13px;height:7.3125px"></span></span><span>16:9</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-down size-3.5 text-muted-foreground"><path d="M6 9l6 6l6 -6"></path></svg></button><span class="hidden text-xs tabular-nums text-muted-foreground lg:inline">0<!-- -->/<!-- -->20000</span><button type="submit" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 gap-2 font-semibold h-10 w-full px-4 text-sm sm:ml-auto sm:w-auto"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sparkles "><path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6"></path></svg>
10Write a prompt<span class="rounded-full bg-primary-foreground/15 px-2 py-0.5 text-xs tabular-nums">60 cr</span></button></div></form></div></div></div></div></div></div></div></section><section class="relative z-10 -mt-20 overflow-hidden py-6 text-foreground sm:-mt-28 sm:py-8"><div class="container mx-auto max-w-7xl px-4 sm:px-6 lg:max-w-none lg:px-8"><section class="min-w-0 rounded-2xl border border-foreground/12 bg-card/45 p-3 sm:p-4"><div class="mb-3 flex items-center justify-between px-1"><div><h2 class="text-base font-bold sm:text-lg">New & Featured</h2><p class="mt-0.5 text-xs text-muted-foreground">The newest and strongest models, each with its own page.</p></div><a href="/ai-image-generator" class="inline-flex items-center gap-1 text-[11px] font-semibold text-muted-foreground transition-colors hover:text-primary">View all<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-3.5" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="grid grid-cols-2 gap-2 md:grid-cols-4 xl:grid-cols-6"><a href="/models/gpt-image-2.5-flare" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring col-span-2 aspect-4/3 border-primary/50 bg-card/70 shadow-[0_0_80px_-24px_var(--color-primary)] hover:border-primary/80 md:row-span-2 md:aspect-auto"><span class="absolute inset-0"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/black-jacket-tech-boy.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/></span><span class="absolute top-2 right-2 rounded-md bg-primary px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">New</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">GPT Image 2.5 Flare</strong><small class="mt-0.5 block text-xs text-muted-foreground">Image generation</small><span class="mt-1.5 block max-w-xs text-xs leading-relaxed text-muted-foreground">Higher quality, better details, more creative possibilities.</span><span class="mt-2.5 inline-flex items-center gap-1 rounded-full border border-primary/60 px-3 py-1 text-[11px] font-semibold text-primary transition-colors group-hover:bg-primary group-hover:text-primary-foreground">Try it<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-3.5" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></span></a><a href="/models/ideogram-4-5" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground
10/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/cartoon-boy-headphones.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/></span><span class="absolute top-2 right-2 rounded-md bg-primary px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">New</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">Ideogram 4.5</strong></span></a><a href="/models/gpt-image-2.5-sunburst" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/orange-coat-girl-lifteye.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/></span><span class="absolute top-2 right-2 rounded-md bg-primary px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">New</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">GPT Image 2.5 Sunburst</strong></span></a><a href="/models/grok-imagine-2" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground
10/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/asian-girl-rooftop-editorial-candid.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/></span><span class="absolute top-2 right-2 rounded-md bg-accent-violet px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">Featured</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">Grok Imagine 2</strong></span></a><a href="/models/flux-3-image" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><img src="https://cdn.oeneo.ai/resource/flux-3/HTkSkc5WAAABFtF.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/></span><span class="absolute top-2 right-2 rounded-md bg-primary px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">New</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">FLUX 3 Image</strong></span></a><a href="/ai-video-generator?modelId=minimax-h3&task=text2video" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground
10/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/minimax-h3.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/minimax-h3.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video></span><span class="absolute top-2 right-2 rounded-md bg-primary px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">New</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">MiniMax H3</strong></span></a><a href="/ai-video-generator?modelId=seedance-2-5&task=text2video" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/seedance-2-5.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/seedance-2-5.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video></span><span class="absolute top-2 right-2 rounded-md bg-accent-violet px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">Featured</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">Seedance 2.5</strong></span></a><a href="/ai-video-generator?modelId=gemini-omni-flash-1-1&task=text2video" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground
10/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/gemini-omni-flash-1-1.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/gemini-omni-flash-1-1.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video></span><span class="absolute top-2 right-2 rounded-md bg-primary px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">New</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">Gemini Omni Flash 1.1</strong></span></a><a href="/ai-video-generator?modelId=happy-horse-v1-1&task=text2video" class="group relative overflow-hidden rounded-2xl border outline-none transition-[border-color,transform,box-shadow] duration-300 focus-visible:ring-2 focus-visible:ring-ring aspect-4/3 border-foreground/15 bg-card/70 hover:border-primary/80"><span class="absolute inset-0"><video src="https://cdn.oeneo.ai/video-page-resource/ai-video-generator/use-cases/long-hair-girl-front-desk-animated.mp4" poster="https://cdn.oeneo.ai/video-page-resource/ai-video-generator/use-cases/long-hair-girl-front-desk-animated-poster.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video></span><span class="absolute top-2 right-2 rounded-md bg-accent-violet px-1.5 py-0.5 text-[10px] font-bold tracking-wide text-primary-foreground uppercase">Featured</span><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background via-background/65 to-transparent px-3 pt-12 pb-3 sm:px-4 sm:pb-4"><strong class="block text-xs xl:text-base font-bold">HappyHorse v1.1</strong></span></a></div></section><div class="mt-3 grid gap-3 lg:grid-cols-[1.5fr_1fr]">
10<section class="min-w-0 rounded-2xl border border-foreground/12 bg-card/45 p-3 sm:p-4"><div class="mb-3 flex items-start gap-3 px-1"><div class="flex min-w-0 flex-1 items-center gap-2.5"><span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sparkles size-4" aria-hidden="true"><path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6"></path></svg></span><div class="min-w-0 flex-1"><h2 class="truncate text-sm font-bold sm:text-base">Create</h2><p class="line-clamp-2 text-[11px] text-muted-foreground sm:truncate sm:text-xs">Turn ideas into images and videos.</p></div></div></div><div class="flex snap-x snap-mandatory gap-2 overflow-x-auto pb-1 [scrollbar-width:none] sm:grid sm:snap-none sm:overflow-visible sm:pb-0 [&::-webkit-scrollbar]:hidden sm:grid-cols-5"><a href="/ai-image-generator" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/home/high-saturation-girl.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Text to Image</span></a><a href="/ai-video-generator?task=text2video" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/ai-video-generator.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/ai-video-generator.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Text to Video</span></a><a href="/ai-video-generator?task=image2video" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/image-to-video.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/image-to-video.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Image to Video</span></a><a href="/ai-video-generator?task=reference2video" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/reference-to-video.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/reference-to-video.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Reference to Video</span></a><a href="/ai-video-generator?task=video2video" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-to-video.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-to-video.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Video to Video</span></a></div></section><section class="min-w-0 rounded-2xl border border-foreground/12 bg-card/45 p-3 sm:p-4"><div class="mb-3 flex items-start gap-3 px-1"><div class="flex min-w-0 flex-1 items-center gap-2.5"><span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brush size-4" aria-hidden="true"><path d="M3 21v-4a4 4 0 1 1 4 4h-4"></path><path d="M21 3a16 16 0 0 0 -12.8 10.2"></path><path d="M21 3a16 16 0 0 1 -10.2 12.8"></path><path d="M10.6 9a9 9 0 0 1 4.4 4.4"></path></svg></span><div class="min-w-0 flex-1"><h2 class="truncate text-sm font-bold sm:text-base">Image editing tools</h2><p class="line-clamp-2 text-[11px] text-muted-foreground sm:truncate sm:text-xs">Prepare product photos, larger images and scalable SVG artwork with background removal, upscaling, denoising and vectorization.</p></div></div></div><div class="flex snap-x snap-mandatory gap-2 overflow-x-auto pb-1 [scrollbar-width:none] sm:grid sm:snap-none sm:overflow-visible sm:pb-0 [&::-webkit-scrollbar]:hidden sm:grid-cols-4"><a href="/background-remover" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-background-removal-split.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Background Remover</span></a><a href="/image-upscaler" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-upscale-split.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Image Upscaler</span></a><a href="/image-vectorizer" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-vectorize-split.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Image Vectorizer</span></a><a href="/image-denoiser" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-denoise-split.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Image Denoiser</span></a></div></section></div><div class="mt-3 grid gap-3 lg:grid-cols-[1.5fr_1fr]">
10<section class="min-w-0 rounded-2xl border border-foreground/12 bg-card/45 p-3 sm:p-4"><div class="mb-3 flex items-start gap-3 px-1"><div class="flex min-w-0 flex-1 items-center gap-2.5"><span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-movie size-4" aria-hidden="true"><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M8 4l0 16"></path><path d="M16 4l0 16"></path><path d="M4 8l4 0"></path><path d="M4 16l4 0"></path><path d="M4 12l16 0"></path><path d="M16 8l4 0"></path><path d="M16 16l4 0"></path></svg></span><div class="min-w-0 flex-1"><h2 class="truncate text-sm font-bold sm:text-base">Video tools</h2><p class="line-clamp-2 text-[11px] text-muted-foreground sm:truncate sm:text-xs">Use video upscaling, extension, background removal and motion control on uploaded clips or supported generation results.</p></div></div></div><div class="flex snap-x snap-mandatory gap-2 overflow-x-auto pb-1 [scrollbar-width:none] sm:grid sm:snap-none sm:overflow-visible sm:pb-0 [&::-webkit-scrollbar]:hidden sm:grid-cols-4"><a href="/video-upscaler" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-upscaler.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-upscaler.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Video Upscaler</span></a><a href="/video-extender" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-extender.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-extender.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Video Extender</span></a><a href="/video-background-remover" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-background-remover.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-background-remover.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Video Background Remover</span></a><a href="/motion-control" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/motion-control.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/motion-control.webp" muted="" loop="" playsInline="" preload="none" tabindex="-1" class="size-full object-cover "></video><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Motion Control</span></a></div></section>
10<section class="min-w-0 rounded-2xl border border-foreground/12 bg-card/45 p-3 sm:p-4"><div class="mb-3 flex items-start gap-3 px-1"><div class="flex min-w-0 flex-1 items-center gap-2.5"><span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-4" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg></span><div class="min-w-0 flex-1"><h2 class="truncate text-sm font-bold sm:text-base">Creations</h2><p class="line-clamp-2 text-[11px] text-muted-foreground sm:truncate sm:text-xs">Recent output from the workbench, across models and tools.</p></div></div></div><div class="flex snap-x snap-mandatory gap-2 overflow-x-auto pb-1 [scrollbar-width:none] sm:grid sm:snap-none sm:overflow-visible sm:pb-0 [&::-webkit-scrollbar]:hidden sm:grid-cols-3"><a href="/creations" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/home/one-piece-straw-hat-crew-ocean-view.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Pirate crew, open sea</span></a><a href="/creations" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/home/fox-girl-sunset-castle-landscape.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Fox girl, sunset castle</span></a><a href="/creations" class="group relative min-h-28 w-36 shrink-0 snap-start overflow-hidden rounded-xl border border-foreground
10/15 bg-card/70 outline-none transition-[border-color,transform] ease-out duration-200 hover:border-primary/70 focus-visible:ring-2 focus-visible:ring-ring sm:min-h-28 sm:w-auto"><img src="https://cdn.oeneo.ai/resource/home/lemon-hoverboard-techwear-girl.webp" alt="" aria-hidden="true" class="size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105 " loading="lazy"/><span class="absolute inset-x-0 bottom-0 bg-linear-to-t from-background/95 via-background/55 to-transparent px-3 pt-8 pb-2 text-xs font-semibold text-foreground">Techwear girl, hoverboard</span></a></div></section></div><section class="relative mt-3 overflow-hidden rounded-2xl border border-foreground/15 bg-card/45 [--gap:8px] [--skew:20px] lg:[--skew:32px] xl:[--skew:48px]"><div class="grid sm:grid-cols-[minmax(0,5fr)_minmax(0,7fr)]"><div class="relative overflow-hidden px-5 py-8 sm:px-8 sm:py-10 sm:[clip-path:polygon(0_0,100%_0,calc(100%-var(--skew))_100%,0_100%)]"><img src="https://cdn.oeneo.ai/resource/home/hero-bg-2.webp" alt="" aria-hidden="true" class="absolute inset-0 size-full object-cover" loading="lazy"/><div aria-hidden="true" class="absolute inset-0 bg-linear-to-r from-background/95 from-10% via-background/60 via-50% to-transparent"></div><div class="relative [text-shadow:0_2px_14px_var(--color-background)]"><span class="text-sm font-medium text-foreground">One idea.</span><strong class="mt-0.5 block text-2xl leading-none font-bold text-primary sm:text-3xl">Many possibilities.</strong><span class="mt-2 block text-xs text-muted-foreground">Different models. Different styles. All in one workspace.</span><a href="/ai-image-generator" class="mt-4 inline-flex items-center gap-1.5 rounded-full bg-primary px-4 py-2 text-xs font-semibold text-primary-foreground transition-transform hover:-translate-y-0.5">Start creating<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-3.5" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div></div><div class="flex snap-x snap-mandatory items-stretch gap-2 overflow-x-auto [scrollbar-width:none] sm:-ml-[calc(var(--skew)-var(--gap))] sm:snap-none sm:gap-0 sm:overflow-visible [&::-webkit-scrollbar]:hidden"><div class="group relative h-44 w-40 shrink-0 snap-start overflow-hidden rounded-xl sm:-ml-[calc(var(--skew)-var(--gap))] sm:h-auto sm:min-h-60 sm:w-auto sm:flex-1 sm:rounded-none sm:first:ml-0 sm:[clip-path:polygon(var(--skew)_0,100%_0,calc(100%-var(--skew))_100%,0_100%)] sm:last:[clip-path:polygon(var(--skew)_0,100%_0,100%_100%,0_100%)]"><img src="https://cdn.oeneo.ai/resource/gpt-image-2/08-30-young-adult-asia-women.webp" alt="" aria-hidden="true" class="absolute inset-0 size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" loading="lazy"/></div><div class="group relative h-44 w-40 shrink-0 snap-start overflow-hidden rounded-xl sm:-ml-[calc(var(--skew)-var(--gap))] sm:h-auto sm:min-h-60 sm:w-auto sm:flex-1 sm:rounded-none sm:first:ml-0 sm:[clip-path:polygon(var(--skew)_0,100%_0,calc(100%-var(--skew))_100%,0_100%)] sm:last:[clip-path:polygon(var(--skew)_0,100%_0,100%_100%,0_100%)]"><img src="https://cdn.oeneo.ai/resource/ai-image-generator/girl-with-cat.webp" alt="" aria-hidden="true" class="absolute inset-0 size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" loading="lazy"/></div><div class="group relative h-44 w-40 shrink-0 snap-start overflow-hidden rounded-xl sm:-ml-[calc(var(--skew)-var(--gap))] sm:h-auto sm:min-h-60 sm:w-auto sm:flex-1 sm:rounded-none sm:first:ml-0 sm:[clip-path:polygon(var(--skew)_0,100%_0,calc(100%-var(--skew))_100%,0_100%)] sm:last:[clip-path:polygon(var(--skew)_0,100%_0,100%_100%,0_100%)]"><img src="https://cdn.oeneo.ai/resource/gpt-image-2/Burgundy-panda.webp" alt="" aria-hidden="true" class="absolute inset-0 size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" loading="lazy"/></div><div class="group relative h-44 w-40 shrink-0 snap-start overflow-hidden rounded-xl sm:-ml-[calc(var(--skew)-var(--gap))] sm:h-auto sm:min-h-60 sm:w-auto
10sm:flex-1 sm:rounded-none sm:first:ml-0 sm:[clip-path:polygon(var(--skew)_0,100%_0,calc(100%-var(--skew))_100%,0_100%)] sm:last:[clip-path:polygon(var(--skew)_0,100%_0,100%_100%,0_100%)]"><img src="https://cdn.oeneo.ai/resource/gpt-image-2.5-flare/gpt-image-2.5-flare-header-train-journal.webp" alt="" aria-hidden="true" class="absolute inset-0 size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" loading="lazy"/></div></div></div></section></div></section><section aria-label="What you get before you generate" class="py-10 sm:py-14"><div class="container mx-auto max-w-7xl px-4 sm:px-6 xl:px-8"><ul class="mx-auto grid max-w-6xl grid-cols-2 gap-x-4 gap-y-3 sm:grid-cols-4 lg:grid-cols-7"><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/openai.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain"/><span class="text-sm font-semibold text-foreground">OpenAI</span></div></li><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/google-g.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain"/><span class="text-sm font-semibold text-foreground">Google</span></div></li><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/bytedance.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain"/><span class="text-sm font-semibold text-foreground">ByteDance</span></div></li><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/flux.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain dark:invert"/><span class="text-sm font-semibold text-foreground">Black Forest Labs</span></div></li><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/grok.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain"/><span class="text-sm font-semibold text-foreground">xAI</span></div></li><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/minimax.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain"/><span class="text-sm font-semibold text-foreground">MiniMax</span></div></li><li class="min-w-0"><div class="flex min-h-12 items-center justify-center gap-2 px-2"><img src="/images/logos/kling.svg" alt="" width="28" height="28" aria-hidden="true" class="size-7 object-contain"/><span class="text-sm font-semibold text-foreground">Kling</span></div></li></ul><dl class="mx-auto mt-8 grid max-w-6xl border-y border-border/70 md:grid-cols-3 md:divide-x md:divide-border/70"><div class="flex items-center justify-start gap-3 border-b border-border/70 py-5 last:border-b-0 md:justify-center md:border-b-0 md:px-7 md:first:pl-0 md:last:pr-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-coins size-8 shrink-0 text-primary" aria-hidden="true"><path d="M9 14c0 1.657 2.686 3 6 3s6 -1.343 6 -3s-2.686 -3 -6 -3s-6 1.343 -6 3"></path><path d="M9 14v4c0 1.656 2.686 3 6 3s6 -1.344 6 -3v-4"></path><path d="M3 6c0 1.072 1.144 2.062 3 2.598s4.144 .536 6 0c1.856 -.536 3 -1.526 3 -2.598c0 -1.072 -1.144 -2.062 -3 -2.598s-4.144 -.536 -6 0c-1.856 .536 -3 1.526 -3 2.598"></path><path d="M3 6v10c0 .888 .772 1.45 2 2"></path><path d="M3 11c0 .888 .772 1.45 2 2"></path></svg><div><dt class="font-semibold text-foreground">Free credits</dt><dd class="mt-1 text-sm leading-6 text-muted-foreground">10 signup credits to try images, videos and tools. Valid for 365 days.</dd></div></div><div class="flex items-center justify-start gap-3 border-b border-border/70 py-5 last:border-b-0 md:justify-center md:border-b-0 md:px-7 md:first:pl-0 md:last:pr-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layers-linked size-8 shrink-0 text-primary" aria-hidden="true"><path d="M19 8.268a2 2 0 0 1 1 1.732v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2h3"></path><path d="M5 15.734a2 2 0 0 1 -1 -1.734v-8a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-3"></path></svg><div><dt class="font-semibold text-foreground">Leading models</dt><dd class="mt-1 text-sm leading-6 text-muted-foreground">GPT Image, Nano Banana, Kling and more. One workspace, one credit balance.</dd></div></div><div class="flex items-center justify-start gap-3 border-b border-border/70 py-5 last:border-b-0 md:justify-center md:border-b-0 md:px-7 md:first:pl-0 md:last:pr-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brush size-8 shrink-0 text-primary" aria-hidden="true"><path d="M3 21v-4a4 4 0 1 1 4 4h-4"></path><path d="M21 3a16 16 0 0 0 -12.8 10.2"></path><path d="M21 3a16 16 0 0 1 -10.2 12.8"></path><path d="M10.6 9a9 9 0 0 1 4.4 4.4"></path></svg><div><dt class="font-semibold text-foreground">Create and refine</dt><dd class="mt-1 text-sm leading-6 text-muted-foreground">Generate an image or video, then send supported results straight to editing tools.</dd></div></div></dl></div></section><section id="models" class="bg-muted/20 py-20 sm:py-28"><div class="container mx-auto max-w-7xl px-4 sm:px-6 xl:px-8"><div class="reveal-hidden mx-auto max-w-4xl text-center"><p class="flex items-center justify-center gap-3 text-xs font-semibold uppercase tracking-[0.14em] text-accent-foreground before:h-px before:w-7 before:bg-current">Model selection</p><h2 class="mt-4 text-5xl font-bold leading-[0.98] tracking-normal text-balance sm:text-6xl lg:text-[4.25rem]">Which AI image and video models can you use?</h2><p class="mx-auto mt-5 max-w-3xl text-lg leading-8 text-muted-foreground sm:text-xl">Explore GPT Image, Nano Banana, FLUX, Kling, Seedance and more in one workspace. Compare models for readable text, product photos or moving scenes, with a shared credit balance.</p></div><div class="mt-6 flex justify-center">
10<div class="inline-flex rounded-full border border-foreground/15 bg-background/50 p-1"><button type="button" aria-pressed="true" class="inline-flex items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors bg-primary text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3.5" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>AI Image</button><button type="button" aria-pressed="false" class="inline-flex items-center gap-1.5 rounded-full px-4 py-1.5 text-xs font-semibold transition-colors text-muted-foreground hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-movie size-3.5" aria-hidden="true"><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M8 4l0 16"></path><path d="M16 4l0 16"></path><path d="M4 8l4 0"></path><path d="M4 16l4 0"></path><path d="M4 12l16 0"></path><path d="M16 8l4 0"></path><path d="M16 16l4 0"></path></svg>AI Video</button></div></div><div><p class="mt-12 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">Start here</p><div class="mt-4 grid gap-4 md:grid-cols-2 lg:grid-cols-4"><div class="reveal-hidden"><a href="/models/gpt-image-2" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/gpt-image-2/08-30-young-adult-asia-women.webp" alt="Example image generated with GPT Image 2" width="1086" height="720" loading="lazy" class="aspect-[3/2] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-5"><div class="flex items-center gap-2"><img src="/images/logos/openai.svg" alt="" width="24" height="24" class="size-6 object-contain"/><span class="text-xs font-medium text-muted-foreground">OpenAI</span></div><h3 class="mt-3 text-xl font-bold">GPT Image 2</h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Readable text, complex briefs, precise edits</p><div class="mt-4 flex flex-wrap gap-1.5"><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 16 references</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 4K</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Image editing</span></div><span class="mt-5 flex items-center justify-between text-sm font-semibold"><span class=" text-muted-foreground">From 2 cr</span><span class=" text-primary/80 hover:text-primary inline-flex items-center gap-1">View model<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></span></div></a></div><div class="reveal-hidden" style="animation-delay:60ms"><a href="/models/gpt-image-2.5-flare" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/gpt-image-2.5-flare/gpt-image-2.5-flare-header-train-journal.webp" alt="Example image generated with GPT Image 2.5 Flare" width="1086" height="720" loading="lazy" class="aspect-[3/2] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-5"><div class="flex items-center gap-2"><img src="/images/logos/openai.svg" alt="" width="24" height="24" class="size-6 object-contain"/><span class="text-xs font-medium text-muted-foreground">OpenAI</span></div><h3 class="mt-3 text-xl font-bold">GPT Image 2.5 Flare</h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Faster everyday generation, natural lighting and rich textures</p><div class="mt-4 flex flex-wrap gap-1.5"><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 16 references</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 4K</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Image editing</span></div><span class="mt-5 flex items-center justify-between text-sm font-semibold"><span class=" text-muted-foreground">From 2 cr</span><span class=" text-primary/80 hover:text-primary inline-flex items-center gap-1">View model<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></span></div></a></div><div class="reveal-hidden" style="animation-delay:120ms"><a href="/models/gpt-image-2.5-sunburst" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/gpt-image-2/g3-art-directed.webp" alt="Example image generated
10with GPT Image 2.5 Sunburst" width="1086" height="720" loading="lazy" class="aspect-[3/2] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-5"><div class="flex items-center gap-2"><img src="/images/logos/openai.svg" alt="" width="24" height="24" class="size-6 object-contain"/><span class="text-xs font-medium text-muted-foreground">OpenAI</span></div><h3 class="mt-3 text-xl font-bold">GPT Image 2.5 Sunburst</h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Precision-first detail, premium visual fidelity</p><div class="mt-4 flex flex-wrap gap-1.5"><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 16 references</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 4K</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Image editing</span></div><span class="mt-5 flex items-center justify-between text-sm font-semibold"><span class=" text-muted-foreground">From 2 cr</span><span class=" text-primary/80 hover:text-primary inline-flex items-center gap-1">View model<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></span></div></a></div><div class="reveal-hidden" style="animation-delay:180ms"><a href="/models/nano-banana-pro" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/nano-banana-pro/nb-pro-header-material-desk.webp" alt="Example image generated with Nano Banana Pro" width="1086" height="720" loading="lazy" class="aspect-[3/2] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-5"><div class="flex items-center gap-2"><img src="/images/logos/google-g.svg" alt="" width="24" height="24" class="size-6 object-contain"/><span class="text-xs font-medium text-muted-foreground">Google</span></div><h3 class="mt-3 text-xl font-bold">Nano Banana Pro</h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Multi-reference consistency and fine detail</p><div class="mt-4 flex flex-wrap gap-1.5"><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 14 references</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Up to 4K</span><span class="rounded-full border px-2.5 py-1 text-[11px] text-muted-foreground">Image editing</span></div><span class="mt-5 flex items-center justify-between text-sm font-semibold"><span class=" text-muted-foreground">From 30 cr</span><span class=" text-primary/80 hover:text-primary inline-flex items-center gap-1">View model<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></span></div></a></div></div><p class="mt-12 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">More models in the same prompt box</p><div class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3"><div class="reveal-hidden"><a href="/models/nano-banana-2" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/google-g.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Nano Banana 2</h3><span class="shrink-0 text-xs text-muted-foreground">From 16 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Balanced everyday commercial visuals and reference edits</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/models/seedream-5-pro" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/bytedance.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Seedream 5 Pro</h3><span class="shrink-0 text-xs text-muted-foreground">From 14 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Infographics, dense layouts, multilingual design</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/models/grok-imagine-2" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/grok.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Grok Imagine 2</h3><span class="shrink-0 text-xs text-muted-foreground">From 8 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Bold visual hooks, scene text, plain-language edits</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden"><a href="/models/flux-2-pro" class="group flex h-full items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/flux.svg" alt="" width="32" height="32" class="size-8 object-contain dark:invert"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">FLUX.2 Pro</h3><span class="shrink-0 text-xs text-muted-foreground">From 6 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Photoreal products, materials, camera and lighting</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/models/flux-3-image" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/flux.svg" alt="" width="32" height="32" class="size-8 object-contain dark:invert"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">FLUX 3 Image</h3><span class="shrink-0 text-xs text-muted-foreground">From 10 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground"></p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/models/nano-banana-2-lite" class="group flex h-full items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/google-g.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Nano Banana 2 Lite</h3><span class="shrink-0 text-xs text-muted-foreground">From 8 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Fast, low-cost drafts and thumbnails</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden"><a href="/models/mai-image-2.5-pro" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/microsoft.png" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">MAI Image 2.5 Pro</h3><span class="shrink-0 text-xs text-muted-foreground">From 34 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Object consistency, brand scenes, visual reasoning</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/models/mai-image-2.5" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/microsoft.png" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">MAI Image 2.5</h3><span class="shrink-0 text-xs text-muted-foreground">From 10 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Precise local edits, text updates, identity preservation</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/models/seedream-4.5" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/bytedance.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Seedream 4.5</h3><span class="shrink-0 text-xs text-muted-foreground">From 8 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Multi-image composition and reference fidelity</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden"><a href="/models/qwen-image-3" class="group flex h-full items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/qwen.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Qwen Image 3</h3><span class="shrink-0 text-xs text-muted-foreground">From 8 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Long prompts, multilingual typography, text-heavy images</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/models/z-image-turbo" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/qwen.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Z-Image Turbo</h3><span class="shrink-0 text-xs text-muted-foreground">From 1 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Fast variations at the lowest cost</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/models/ideogram-4-5" class="group flex h-full items-center gap-4 rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/ideogram.svg" alt="" width="32" height="32" class="size-8 object-contain dark:invert"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Ideogram 4.5</h3><span class="shrink-0 text-xs text-muted-foreground">From 12 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Refine image details with source-guided edits and readable text.</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div><div class="reveal-hidden"><a href="/models/z-image-base" class="group flex h-full items-center gap-4 roun
10ded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="/images/logos/qwen.svg" alt="" width="32" height="32" class="size-8 object-contain"/><div class="min-w-0 flex-1"><div class="flex items-center justify-between gap-2"><h3 class="truncate font-semibold">Z-Image Base</h3><span class="shrink-0 text-xs text-muted-foreground">From 2 cr</span></div><p class="mt-1 text-sm leading-5 text-muted-foreground">Open styles, prompt control, visual studies</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div></div><div class="mt-8 text-center"><a href="/ai-image-generator" class="text-sm font-semibold text-primary underline-offset-4 hover:underline">Compare them in the generator<!-- --> <span aria-hidden="true">â</span></a></div></div><div hidden=""><h3 class="mt-10 text-xl font-semibold text-center">Which AI video model fits your shot?</h3><p class="mx-auto mt-3 max-w-3xl text-center text-sm leading-6 text-muted-foreground">Choose MiniMax, Kling, Seedance, Vidu and more for text to video, image to video or reference-led scenes. Compare supported tasks and audio options before starting a clip.</p><div class="mx-auto mt-10 grid max-w-6xl gap-3 sm:grid-cols-2 lg:grid-cols-3"><div class="reveal-hidden"><a href="/ai-video-generator?modelId=minimax-h3-max&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/minimax.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">MiniMax H3 Max</h3><p class="text-xs text-muted-foreground">MiniMax</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layers-intersect size-3" aria-hidden="true"><path d="M8 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path><path d="M4 10a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg>Reference to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">480p / 768p / 1080p</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 10 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/ai-video-generator?modelId=minimax-h3-max-turbo&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/minimax.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">MiniMax H3 Max Turbo</h3><p class="text-xs text-muted-foreground">MiniMax</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">480p / 768p / 1080p</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 5 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/ai-video-generator?modelId=minimax-h3&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/minimax.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">MiniMax H3</h3><p class="text-xs text-muted-foreground">MiniMax</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layers-intersect size-3" aria-hidden="true"><path d="M8 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path><path d="M4 10a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg>Reference to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">480p / 768p / 2K / 4K</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 10 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden"><a href="/ai-video-generator?modelId=seedance-2-5&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/bytedance.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">Seedance 2.5</h3><p class="text-xs text-muted-foreground">ByteDance</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layers-intersect size-3" aria-hidden="true"><path d="M8 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path><path d="M4 10a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg>Reference to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">480p / 720p / 1080p</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 44.1 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/ai-video-generator?modelId=flux-3&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/flux.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain dark:invert"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">FLUX.3</h3><p class="text-xs text-muted-foreground">Black Forest Labs</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7">
10</path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-wand size-3" aria-hidden="true"><path d="M6 21l15 -15l-3 -3l-15 15l3 3"></path><path d="M15 6l3 3"></path><path d="M9 3a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path><path d="M19 13a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path></svg>Video to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">720p / 1080p</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 6 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/ai-video-generator?modelId=gemini-omni-flash-1-1&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/google-g.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">Gemini Omni Flash 1.1</h3><p class="text-xs text-muted-foreground">Google</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-layers-intersect size-3" aria-hidden="true"><path d="M8 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path><path d="M4 10a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8"></path></svg>Reference to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">360p / 720p / 1080p / 4K</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 6 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden"><a href="/ai-video-generator?modelId=veo-3-1-lite&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/google-g.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">Veo 3.1 Lite</h3><p class="text-xs text-muted-foreground">Google</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">720p / 1080p</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 6 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden" style="animation-delay:50ms"><a href="/ai-video-generator?modelId=veo-3-1&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/google-g.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">Veo 3.1</h3><p class="text-xs text-muted-foreground">Google</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">720p / 1080p / 4K</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 40 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div><div class="reveal-hidden" style="animation-delay:100ms"><a href="/ai-video-generator?modelId=veo-3-1-fast&task=text2video" class="group flex h-full flex-col rounded-xl border bg-card p-4 transition-colors hover:border-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><div class="flex items-center gap-3"><img src="/images/logos/google-g.svg" alt="" width="32" height="32" loading="lazy" class="size-8 shrink-0 rounded-md object-contain"/><div class="min-w-0 flex-1"><h3 class="truncate font-semibold">Veo 3.1 Fast</h3><p class="text-xs text-muted-foreground">Google</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4 shrink-0 text-muted-foreground transition-colors group-hover:text-primary" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></div><ul class="mt-3 flex flex-wrap gap-1.5"><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-text-size size-3" aria-hidden="true"><path d="M3 7v-2h13v2"></path><path d="M10 5v14"></path><path d="M12 19h-4"></path><path d="M15 13v-1h6v1"></path><path d="M18 12v7"></path><path d="M17 19h2"></path></svg>Text to Video</li><li class="inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] font-medium text-muted-foreground hover:border-accent hover:text-accent-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-3" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg>Image to Video</li></ul><div class="mt-3 flex flex-wrap gap-1.5"><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">720p / 1080p / 4K</span><span class="rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground">Native audio</span></div><span class="mt-4 flex items-center justify-between text-sm font-semibold"><span class="text-muted-foreground">from 20 cr/s</span><span class="text-primary/80 hover:text-primary">Open in workbench</span></span></a></div></div><div class="mt-8 text-center"><a href="/ai-video-generator" class="inline-flex items-center gap-1 text-sm font-semibold text-primary hover:underline">See all 25 video models<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></a></div></div></div></section><section id="image-tools" class="py-20 sm:py-28"><div class="container mx-auto max-w-7xl px-4 sm:px-6 xl:px-8"><div class="reveal-hidden mx-auto max-w-4xl text-center"><p class="flex items-center justify-center gap-3 text-xs font-semibold uppercase tracking-[0.14em] text-accent-foreground before:h-px before:w-7 before:bg-current">Image and video editing</p><h2 class="mt-4 text-5xl font-bold leading-[0.98] tracking-normal text-balance sm:text-6xl lg:text-[4.25rem]">How can you refine your images and videos?</h2><p class="mx-auto mt-5 max-w-3xl text-lg leading-8 text-muted-foreground sm:text-xl">Remove image backgrounds, upscale photos, vectorize logos or reduce noise. For videos, upscale a clip, extend a shot, remove its background or guide a character with motion reference.</p></div><p class="mt-12 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">Image editing tools</p><p class="mt-1 text-sm text-muted-foreground">Prepare product photos, larger images and scalable SVG artwork with background removal, upscaling, denoising and vectorization.</p><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div class="reveal-hidden"><a href="/background-remover" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-background-removal-split.webp" alt="Backgroun
10d Remover result" width="768" height="432" loading="lazy" class="aspect-[16/9] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-4"><div class="flex items-center gap-2 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-eraser size-5" aria-hidden="true"><path d="M19 20h-10.5l-4.21 -4.3a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9.2 9.3"></path><path d="M18 13.3l-6.3 -6.3"></path></svg><h3 class="text-base font-bold text-foreground">Background Remover</h3></div><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Transparent PNG or WebP with clean hair and product edges, ready for a listing or a new composition.</p><div class="mt-4 flex items-center justify-between gap-3"><span class="text-xs font-semibold text-muted-foreground">1 credit per megapixel</span><span class="inline-flex items-center gap-1 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div></a></div><div class="reveal-hidden" style="animation-delay:60ms"><a href="/image-upscaler" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-upscale-split.webp" alt="Image Upscaler result" width="768" height="432" loading="lazy" class="aspect-[16/9] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-4"><div class="flex items-center gap-2 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrows-maximize size-5" aria-hidden="true"><path d="M16 4l4 0l0 4"></path><path d="M14 10l6 -6"></path><path d="M8 20l-4 0l0 -4"></path><path d="M4 20l6 -6"></path><path d="M16 20l4 0l0 -4"></path><path d="M14 14l6 6"></path><path d="M8 4l-4 0l0 4"></path><path d="M4 4l6 6"></path></svg><h3 class="text-base font-bold text-foreground">Image Upscaler</h3></div><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">2Ã / 4Ã / 8Ã with recovered texture instead of smeared pixels, so a 1K draft can become a print.</p><div class="mt-4 flex items-center justify-between gap-3"><span class="text-xs font-semibold text-muted-foreground">0.25 credits per megapixel</span><span class="inline-flex items-center gap-1 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div></a></div><div class="reveal-hidden" style="animation-delay:120ms"><a href="/image-vectorizer" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-vectorize-split.webp" alt="Image Vectorizer result" width="768" height="432" loading="lazy" class="aspect-[16/9] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-4"><div class="flex items-center gap-2 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-scan size-5" aria-hidden="true"><path d="M4 7v-1a2 2 0 0 1 2 -2h2"></path><path d="M4 17v1a2 2 0 0 0 2 2h2"></path><path d="M16 4h2a2 2 0 0 1 2 2v1"></path><path d="M16 20h2a2 2 0 0 0 2 -2v-1"></path><path d="M5 12l14 0"></path></svg><h3 class="text-base font-bold text-foreground">Image Vectorizer</h3></div><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Logos, icons and flat illustrations become editable SVG that scales to any size.</p><div class="mt-4 flex items-center justify-between gap-3"><span class="text-xs font-semibold text-muted-foreground">2 credits per image</span><span class="inline-flex items-center gap-1 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div></a></div><div class="reveal-hidden" style="animation-delay:180ms"><a href="/image-denoiser" class="group flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"><img src="https://cdn.oeneo.ai/resource/image-tool-cards/transform-denoise-split.webp" alt="Image Denoiser result" width="768" height="432" loading="lazy" class="aspect-[16/9] w-full object-cover transition-transform duration-500 group-hover:scale-105"/><div class="flex flex-1 flex-col p-4"><div class="flex items-center gap-2 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brush size-5" aria-hidden="true"><path d="M3 21v-4a4 4 0 1 1 4 4h-4"></path><path d="M21 3a16 16 0 0 0 -12.8 10.2"></path><path d="M21 3a16 16 0 0 1 -10.2 12.8"></path><path d="M10.6 9a9 9 0 0 1 4.4 4.4"></path></svg><h3 class="text-base font-bold text-foreground">Image Denoiser</h3></div><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Remove grain and compression artifacts from low-light photos and scans while keeping real detail.</p><div class="mt-4 flex items-center justify-between gap-3"><span class="text-xs font-semibold text-muted-foreground">16 credits per image</span><span class="inline-flex items-center gap-1 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-up-right size-4" aria-hidden="true"><path d="M17 7l-10 10"></path><path d="M8 7l9 0l0 9"></path></svg></span></div></div></a></div></div><p class="mt-12 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">Video tools</p><p class="mt-1 text-sm text-muted-foreground">Use video upscaling, extension, background removal and motion control on uploaded clips or supported generation results.</p><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div class="reveal-hidden min-w-0"><article class="group relative flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-within:ring-2 focus-within:ring-ring"><div class="relative overflow-hidden bg-muted/40 z-10 rounded-none" style="aspect-ratio:560 / 314"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-upscaler.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-upscaler.webp" width="560" height="314" muted="" loop="" playsInl
10ine="" preload="none" aria-label="Video Upscaler" class="size-full object-cover"></video><button type="button" aria-label="Play Video Upscaler" class="absolute inset-0 flex cursor-pointer items-center justify-center outline-none focus-visible:ring-3 focus-visible:ring-ring/60"><span class="flex size-12 items-center justify-center rounded-full bg-background/90 text-foreground shadow-md transition-opacity duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-player-play size-5" aria-hidden="true"><path d="M7 4v16l13 -8l-13 -8"></path></svg></span></button></div><div class="flex flex-1 flex-col p-4"><h3 class="text-base font-bold text-foreground"><a href="/video-upscaler" class="outline-none after:absolute after:inset-0">Video Upscaler</a></h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Raise a clip to 1080p or 4K and sharpen detail frame by frame.</p><span class="mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></div></article></div><div class="reveal-hidden min-w-0" style="animation-delay:60ms"><article class="group relative flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-within:ring-2 focus-within:ring-ring"><div class="relative overflow-hidden bg-muted/40 z-10 rounded-none" style="aspect-ratio:560 / 314"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-extender.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-extender.webp" width="560" height="314" muted="" loop="" playsInline="" preload="none" aria-label="Video Extender" class="size-full object-cover"></video><button type="button" aria-label="Play Video Extender" class="absolute inset-0 flex cursor-pointer items-center justify-center outline-none focus-visible:ring-3 focus-visible:ring-ring/60"><span class="flex size-12 items-center justify-center rounded-full bg-background/90 text-foreground shadow-md transition-opacity duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-player-play size-5" aria-hidden="true"><path d="M7 4v16l13 -8l-13 -8"></path></svg></span></button></div><div class="flex flex-1 flex-col p-4"><h3 class="text-base font-bold text-foreground"><a href="/video-extender" class="outline-none after:absolute after:inset-0">Video Extender</a></h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Add seconds before or after a shot while its motion and subject carry on.</p><span class="mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></div></article></div><div class="reveal-hidden min-w-0" style="animation-delay:120ms"><article class="group relative flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-within:ring-2 focus-within:ring-ring"><div class="relative overflow-hidden bg-muted/40 z-10 rounded-none" style="aspect-ratio:560 / 314"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-background-remover.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/video-background-remover.webp" width="560" height="314" muted="" loop="" playsInl
10ine="" preload="none" aria-label="Video Background Remover" class="size-full object-cover"></video><button type="button" aria-label="Play Video Background Remover" class="absolute inset-0 flex cursor-pointer items-center justify-center outline-none focus-visible:ring-3 focus-visible:ring-ring/60"><span class="flex size-12 items-center justify-center rounded-full bg-background/90 text-foreground shadow-md transition-opacity duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-player-play size-5" aria-hidden="true"><path d="M7 4v16l13 -8l-13 -8"></path></svg></span></button></div><div class="flex flex-1 flex-col p-4"><h3 class="text-base font-bold text-foreground"><a href="/video-background-remover" class="outline-none after:absolute after:inset-0">Video Background Remover</a></h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Cut the subject out of any clip and export a transparent WebM or a solid colour.</p><span class="mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></div></article></div><div class="reveal-hidden min-w-0" style="animation-delay:180ms"><article class="group relative flex h-full flex-col overflow-hidden rounded-2xl border bg-card shadow-sm transition-transform duration-300 hover:-translate-y-1 hover:shadow-lg focus-within:ring-2 focus-within:ring-ring"><div class="relative overflow-hidden bg-muted/40 z-10 rounded-none" style="aspect-ratio:560 / 314"><video src="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/motion-control.mp4" poster="https://cdn.oeneo.ai/video-page-resource/video-tools-cards/motion-control.webp" width="560" height="314" muted="" loop="" playsInline="" preload="none" aria-label="Motion Control" class="size-full object-cover"></video><button type="button" aria-label="Play Motion Control" class="absolute inset-0 flex cursor-pointer items-center justify-center outline-none focus-visible:ring-3 focus-visible:ring-ring/60"><span class="flex size-12 items-center justify-center rounded-full bg-background/90 text-foreground shadow-md transition-opacity duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-player-play size-5" aria-hidden="true"><path d="M7 4v16l13 -8l-13 -8"></path></svg></span></button></div><div class="flex flex-1 flex-col p-4"><h3 class="text-base font-bold text-foreground"><a href="/motion-control" class="outline-none after:absolute after:inset-0">Motion Control</a></h3><p class="mt-2 flex-1 text-sm leading-6 text-muted-foreground">Give a character image the performance from a reference clip.</p><span class="mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-primary">Open tool<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></span></div></article></div></div></div></section><section id="pipeline" class="bg-muted/20 py-20 sm:py-28"><div class="container mx-auto max-w-7xl px-4 sm:px-6 xl:px-8"><div class="reveal-hidden mx-auto max-w-4xl text-center"><p class="flex items-center justify-center gap-3 text-xs font-semibold uppercase tracking-[0.14em] text-accent-foreground before:h-px before:w-7 before:bg-current">Image to video workflow</p><h2 class="mt-4 text-5xl font-bold leading-[0.98] tracking-normal text-balance sm:text-6xl lg:text-[4.25rem]">How do you turn an AI image into a video?</h2><p class="mx-auto mt-5 max-w-3xl text-lg leading-8 text-muted-foreground sm:text-xl">Set the subject and style in an image first, then send it to image-to-vi
10deo generation. Continue with video editing tools in the same workspace, using one credit balance.</p></div><div class="reveal-hidden mt-12 overflow-hidden rounded-3xl border bg-card shadow-sm"><div class="grid lg:grid-cols-[0.9fr_1.1fr]"><img src="https://cdn.oeneo.ai/resource/shared/dark-blue-giant-plant.webp" alt="Illustration of a lone figure watching a giant planet rise over the sea, generated in Oeneo AI" width="1536" height="1024" loading="lazy" class="h-full min-h-72 w-full object-cover"/><div class="grid sm:grid-cols-3 lg:grid-cols-1"><div class="relative border-t p-6 first:border-t-0 sm:border-l sm:first:border-l-0 lg:border-l-0 lg:border-t lg:first:border-t-0"><div class="flex items-center justify-between gap-3"><div class="flex items-center gap-3"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-photo size-5" aria-hidden="true"><path d="M15 8h.01"></path><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12"></path><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"></path><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"></path></svg></span><h3 class="font-bold">Create the starting image</h3></div><span class="rounded-full px-2.5 py-1 text-[11px] font-semibold bg-success/15 text-success">Live</span></div><p class="mt-3 text-sm leading-6 text-muted-foreground">Generate a product photo, character or scene from text and supported references. Review the composition before using it as the first frame of a video.</p><a href="/ai-image-generator" class="mt-4 inline-flex items-center gap-1 text-sm font-semibold text-primary hover:underline">Open the generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a><span aria-hidden="true" class="absolute -right-3 top-1/2 z-10 hidden size-6 -translate-y-1/2 items-center justify-center rounded-full border bg-card text-muted-foreground sm:flex lg:hidden">â</span></div><div class="relative border-t p-6 first:border-t-0 sm:border-l sm:first:border-l-0 lg:border-l-0 lg:border-t lg:first:border-t-0"><div class="flex items-center justify-between gap-3"><div class="flex items-center gap-3"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-movie size-5" aria-hidden="true"><path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12"></path><path d="M8 4l0 16"></path><path d="M16 4l0 16"></path><path d="M4 8l4 0"></path><path d="M4 16l4 0"></path><path d="M4 12l16 0"></path><path d="M16 8l4 0"></path><path d="M16 16l4 0"></path></svg></span><h3 class="font-bold">Bring the image to life</h3></div><span class="rounded-full px-2.5 py-1 text-[11px] font-semibold bg-success/15 text-success">Live</span></div><p class="mt-3 text-sm leading-6 text-muted-foreground">Use your still as the opening frame and describe what should move. Choose a video model for the shot, then send supported results to upscaling, extension or other video tools.</p><a href="/ai-video-generator" class="mt-4 inline-flex items-center gap-1 text-sm font-semibold text-primary hover:underline">Generate a video<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a><span aria-hidden="true" class="absolute -right-3 top-1/2 z-10 hidden size-6 -translate-y-1/2 items-center justify-center rounded-full border bg-card text-muted-foreground sm:flex lg:hidden">â</span></div><div class="relative border-t p-6 first:border-t-0 sm:border-l sm:first:border-l-0 lg:border-l-0 lg:border-t lg:first:border-t-0"><div class="flex items-center justify-between gap-3"><div class="flex items-center gap-3"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-volume size-5" aria-hidden="true"><path d="M15 8a5 5 0 0 1 0 8"></path><path d="M17.7 5a9 9 0 0 1 0 14"></path><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"></path></svg></span>
10<h3 class="font-bold">Voice & SFX</h3></div><span class="rounded-full px-2.5 py-1 text-[11px] font-semibold bg-muted text-muted-foreground">Planned</span></div><p class="mt-3 text-sm leading-6 text-muted-foreground">Separate narration and sound-effect tools are planned. Some available video models already generate audio; check the selected model's options.</p></div></div></div></div><div class="mt-6 text-center"><a href="/roadmap" class="text-sm font-semibold text-primary underline-offset-4 hover:underline">See the roadmap<!-- --> <span aria-hidden="true">â</span></a></div></div></section><section id="features" class="py-20 sm:py-28"><div class="container mx-auto max-w-7xl px-4 sm:px-6 xl:px-8"><div class="reveal-hidden mx-auto max-w-4xl text-center"><p class="flex items-center justify-center gap-3 text-xs font-semibold uppercase tracking-[0.14em] text-accent-foreground before:h-px before:w-7 before:bg-current">Credits, history and privacy</p><h2 class="mt-4 text-5xl font-bold leading-[0.98] tracking-normal text-balance sm:text-6xl lg:text-[4.25rem]">Why create AI images and videos with Oeneo AI?</h2><p class="mx-auto mt-5 max-w-3xl text-lg leading-8 text-muted-foreground sm:text-xl">Compare models without separate subscriptions, see the credit cost before generating and keep your results in one creation history. Paid plans also offer private generations.</p></div><div class="mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div class="reveal-hidden"><article class="h-full rounded-2xl border bg-card p-6 shadow-sm"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-coins size-5" aria-hidden="true"><path d="M9 14c0 1.657 2.686 3 6 3s6 -1.343 6 -3s-2.686 -3 -6 -3s-6 1.343 -6 3"></path><path d="M9 14v4c0 1.656 2.686 3 6 3s6 -1.344 6 -3v-4"></path><path d="M3 6c0 1.072 1.144 2.062 3 2.598s4.144 .536 6 0c1.856 -.536 3 -1.526 3 -2.598c0 -1.072 -1.144 -2.062 -3 -2.598s-4.144 -.536 -6 0c-1.856 .536 -3 1.526 -3 2.598"></path><path d="M3 6v10c0 .888 .772 1.45 2 2"></path><path d="M3 11c0 .888 .772 1.45 2 2"></path></svg></span><h3 class="mt-5 text-lg font-bold">One credit balance</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">Use the same credits for image generation, video generation and editing tools. Choose models without buying a subscription for each one.</p></article></div><div class="reveal-hidden" style="animation-delay:60ms"><article class="h-full rounded-2xl border bg-card p-6 shadow-sm"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-receipt size-5" aria-hidden="true"><path d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2"></path></svg></span><h3 class="mt-5 text-lg font-bold">Price before submit</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">See the credit total for your selected model and settings before you generate an image or video.</p></article></div><div class="reveal-hidden" style="animation-delay:120ms"><article class="h-full rounded-2xl border bg-card p-6 shadow-sm"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-shield-check size-5" aria-hidden="true"><path d="M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06"></path><path d="M15 19l2 2l4 -4"></path></svg></span><h3 class="mt-5 text-lg font-bold">Automatic refunds</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">Failed image and video tasks keep a record and return consumed credits automatically.</p></article></div><div class="reveal-hidden" style="animation-delay:180ms"><article class="h-full rounded-2xl border bg-card p-6 shadow-sm"><span class="flex size-10 items-center justify-center rounded-xl bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-user-circle size-5" aria-hidden="true"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path><path d="M9 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path><path d="M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855"></path></svg></span>
10<h3 class="mt-5 text-lg font-bold">Control visibility</h3><p class="mt-2 text-sm leading-6 text-muted-foreground">Free generations are public. Paid plans let you choose private results, with your work saved in personal creation history.</p></article></div></div><div class="reveal-hidden mt-12 overflow-hidden rounded-3xl border bg-card shadow-sm"><div class="grid lg:grid-cols-[0.8fr_1.2fr]"><div class="p-7 sm:p-10"><div class="flex size-10 items-center justify-center rounded-xl bg-accent-violet/15 text-accent-violet"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sparkles size-5" aria-hidden="true"><path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2m-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6"></path></svg></div><p class="mt-6 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">Visual inspiration</p><h3 class="mt-3 text-3xl font-bold tracking-tight text-balance">Find a direction in AI image examples</h3><p class="mt-4 leading-7 text-muted-foreground">Explore product shots, typography and visual styles, then open the image generator to create your own version.</p><a href="/ai-image-generator" class="mt-6 inline-flex items-center gap-1 text-sm font-semibold text-primary hover:underline">Open the generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4" aria-hidden="true"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></div><div class="grid grid-cols-2 gap-3 bg-muted/40 p-4 sm:grid-cols-4"><img src="https://cdn.oeneo.ai/resource/nano-banana-2/nb2-showcase-readable-package.webp" alt="Example creations made with Oeneo AI" width="512" height="640" loading="lazy" class="aspect-[4/5] size-full rounded-xl object-cover"/><img src="https://cdn.oeneo.ai/resource/seedream-4.5/seedream45-showcase-autumn-fashion.webp" alt="Example creations made with Oeneo AI" width="512" height="640" loading="lazy" class="aspect-[4/5] size-full rounded-xl object-cover"/><img src="https://cdn.oeneo.ai/resource/flux-2-pro/flux2-showcase-watch-studio.webp" alt="Example creations made with Oeneo AI" width="512" height="640" loading="lazy" class="aspect-[4/5] size-full rounded-xl object-cover"/><img src="https://cdn.oeneo.ai/resource/gpt-image-2/g2-product-campaign.webp" alt="Example creations made with Oeneo AI" width="512" height="640" loading="lazy" class="aspect-[4/5] size-full rounded-xl object-cover"/></div></div></div></div></section><section id="pricing" class="bg-muted/20 px-4 py-20 md:py-28"><div class="mx-auto max-w-6xl space-y-16"><div class="flex flex-col items-center text-center gap-4"><h2 class="text-balance text-foreground text-4xl font-bold leading-tight sm:text-5xl">How do Oeneo AI credits and plans work?</h2><p class="text-balance text-muted-foreground mx-auto max-w-2xl text-lg leading-8">Start with signup credits, then choose a subscription or a one-time credit pack. Use the same balance for AI image generation, video generation and editing tools.</p></div><div class="min-h-[680px]"></div></div></section><section id="faqs" class="py-20 sm:py-24"><div class="container mx-auto max-w-7xl px-4"><div class="mx-auto max-w-7xl"><div class="reveal-hidden mx-auto max-w-4xl text-center"><p class="flex items-center justify-center gap-3 text-xs font-semibold uppercase tracking-[0.14em] text-accent-foreground before:h-px before:w-7 before:bg-current">FAQ</p><h2 class="mt-4 font-bold text-foreground text-balance text-5xl leading-[0.98] tracking-normal sm:text-6xl">AI image and video generation FAQ</h2><p class="mx-auto mt-4 max-w-3xl text-base leading-7 text-muted-foreground sm:text-lg">Learn how to choose models, use your own references, refine results and manage credits or private generations on Oeneo AI.</p></div><div class="reveal-hidden mx-auto mt-10 max-w-5xl border-t border-border" style="animation-delay:120ms"><details open="" class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">What is Oeneo AI?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Oeneo AI brings AI image generation, video generation and editing tools into one browser workspace. Start from text or supported references, compare leading models, then remove backgrounds, upscale results or continue a video workflow with one credit balance.</p></details>
10<details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Which AI image models can you compare?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Oeneo AI includes GPT Image 2, Nano Banana Pro, Seedream 5 Pro, FLUX.2 Pro and more. Compare them in the image workbench or read their model pages for examples. Reference, resolution and editing options depend on the selected model.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">How do you choose an AI model?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">For text-heavy images, start with GPT Image 2; for multiple references, consider Nano Banana Pro or Seedream. For video, decide whether you are starting with text, an opening image, references or existing footage. Compare the selected model's capabilities and credit estimate before submitting.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Which AI video workflows are available?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Use text to video, image to video, reference to video or video to video, depending on the model. MiniMax, Kling, Seedance, Vidu and more share the same workspace and credit balance. Each model supports its own inputs, durations and audio options.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">How much does AI video generation cost?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">The credit estimate depends on your selected model, duration and settings. Some models also bill for input videos or reference media. Review the total before submitting; failed generation tasks refund consumed credits automatically. Available clips start at 18 credits.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">How can you improve a video you already have?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Yes. Upscale a clip for a bigger screen, extend a shot by a few seconds, cut out the subject for a transparent or solid background, or transfer the motion from a reference clip onto a character image. Each tool has its own page with steps and pricing.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">How do you prepare an AI image for delivery?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Remove a background for a product listing, upscale an image for a larger display, vectorize a logo into SVG or denoise a photo. Send supported generation results to an editing tool, or upload your own image.</p></details>
10<details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Can I use my own images or clips?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Yes. Use supported reference images for image generation. For video, use an opening image, reference images or clips, or a source video to edit. Accepted media, quantities and duration limits depend on the selected model or tool.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">How many credits does one generation cost?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Credit use depends on the model, resolution, quality, output count, and reference images. The exact cost for your current settings is shown on the Generate button before you submit, and failed generations return their credits automatically.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Is there a free trial?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Yes. New accounts receive 10 starter credits, valid for 365 days, so you can try image and video generation plus the finishing tools before choosing a paid plan.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">How do subscription credits work?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Monthly plans add credits each monthly billing period. Yearly plans grant the annual credit allowance after payment. Each plan card shows its included credits.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Can I buy credits without a subscription?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Yes. Credit packs are one-time top-ups that work with or without a subscription. Each pack's validity period is shown before purchase.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Are all models available on the free plan?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Free accounts can use the models currently enabled in Oeneo AI, with enough credits for the selected task. Model previews marked Coming soon are not connected yet. Paid plans add credits and the option to keep generations private.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Are my creations private?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Free image and video generations are public. Paid plans let you choose private generations. Your results are saved in personal creation history; see the privacy policy for how prompts and uploads are handled.</p></details>
10<details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Do downloads have a watermark?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">No visible watermark. Download in PNG, JPEG or WebP wherever the selected model supports it, at up to 4K resolution.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Can I use the results commercially?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">Generally yes â we do not claim ownership of what you create here. Whether a specific image or video is safe to publish also depends on the selected model provider's terms, your plan, applicable law, and the rights attached to your prompt and reference images.</p></details><details class="group border-b border-border py-6"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-lg font-bold text-foreground marker:hidden sm:text-xl">Do I need to install anything?<span class="shrink-0 text-xl font-normal text-accent-orange transition-transform group-open:rotate-45">+</span></summary><p class="max-w-4xl pt-4 text-base leading-7 text-muted-foreground sm:text-lg">No. Oeneo AI runs in the browser on desktop and mobile. Sign in and your credits, generation history and settings follow you across devices.</p></details></div></div></div></section><section class="py-20 sm:py-28"><div class="container mx-auto max-w-7xl px-4"><div class="reveal-hidden relative overflow-hidden rounded-3xl bg-linear-to-br from-accent-violet/30 to-accent-sky/20 p-8 text-center shadow-lg sm:p-12"><div aria-hidden="true" class="pointer-events-none absolute -bottom-20 -right-10 size-72 opacity-50"><img src="/brand/logo.svg" alt="" width="288" height="288" class="size-full"/></div><p class="relative z-10 text-xs font-semibold uppercase tracking-[0.14em] text-accent-foreground">Start with 10 free credits</p><h2 class="relative z-10 mx-auto mt-4 max-w-4xl text-5xl font-bold leading-[0.98] tracking-normal text-balance sm:text-6xl">Create your next AI image or video</h2><p class="relative z-10 mx-auto mt-5 max-w-2xl text-lg leading-8 text-muted-foreground sm:text-xl">Generate product images, explore visual styles or turn a still into a video. Compare available models and keep editing in Oeneo AI with one credit balance.</p><div class="relative z-10 mt-8 flex flex-wrap justify-center gap-3"><a href="#generator-ui" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 h-9 gap-1.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 min-h-11 px-5">Generate an image<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a><a href="/ai-video-generator" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-
10px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50 h-9 gap-1.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 min-h-11 px-5">Generate a video<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-arrow-right size-4"><path d="M5 12l14 0"></path><path d="M13 18l6 -6"></path><path d="M13 6l6 6"></path></svg></a></div></div></div></section></div>
10<script></script>
10<!--/$--></div><footer class="border-t"><div class="container mx-auto max-w-7xl px-4"><div class="grid grid-cols-2 gap-8 py-16 md:grid-cols-3 lg:grid-cols-5"><div class="col-span-full flex flex-col items-start md:col-span-2"><div class="flex items-center space-x-2"><img src="/brand/logo.svg" alt="Oeneo AI logo" class="size-8 rounded-md dark:hidden" width="32" height="32" decoding="async"/><img src="/brand/logo.svg" alt="Oeneo AI logo" class="size-8 rounded-md hidden dark:block" width="32" height="32" decoding="async"/><span class="text-xl font-semibold">Oeneo AI</span></div><p class="text-muted-foreground text-base py-2 md:pr-12">Generate images from text or create with one or multiple references using leading AI image models.</p><nav aria-label="Social links" class="flex items-center gap-4 pt-6"><a href="mailto:[email protected]" target="_blank" rel="noreferrer" aria-label="Email" class="inline-flex size-8 items-center justify-center rounded-full border border-border hover:bg-primary/10 hover:text-primary hover:border-primary/30 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="tabler-icon tabler-icon-mail-filled size-4"><path d="M22 7.535v9.465a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-9.465l9.445 6.297l.116 .066a1 1 0 0 0 .878 0l.116 -.066l9.445 -6.297z"></path><path d="M19 4c1.08 0 2.027 .57 2.555 1.427l-9.555 6.37l-9.555 -6.37a2.999 2.999 0 0 1 2.354 -1.42l.201 -.007h14z"></path></svg></a></nav></div><div class="col-span-1 md:col-span-1 flex flex-col items-start"><span class="text-xs font-semibold tracking-wide text-foreground/80 uppercase">Product</span><ul class="mt-4 list-inside space-y-3"><li><a href="/ai-image-generator" class="text-sm text-muted-foreground transition-colors hover:text-foreground">AI Image Generator</a></li><li><a href="/ai-video-generator" class="text-sm text-muted-foreground transition-colors hover:text-foreground">AI Video Generator</a></li><li><a href="/models/gpt-image-2" class="text-sm text-muted-foreground transition-colors hover:text-foreground">GPT Image 2</a></li><li><a href="/models/nano-banana-pro" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Nano Banana Pro</a></li><li><a href="/pricing" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Pricing</a></li></ul></div><div class="col-span-1 md:col-span-1 flex flex-col items-start"><span class="text-xs font-semibold tracking-wide text-foreground/80 uppercase">Image Tools</span><ul class="mt-4 list-inside space-y-3"><li><a href="/background-remover" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Background Remover</a></li><li><a href="/image-upscaler" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Image Upscaler</a></li><li><a href="/image-vectorizer" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Image Vectorizer</a></li><li><a href="/image-denoiser" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Image Denoiser</a></li></ul></div><div class="col-span-1 md:col-span-1 flex flex-col items-start"><span class="text-xs font-semibold tracking-wide text-foreground/80 uppercase">Video Tools</span><ul class="mt-4 list-inside space-y-3"><li><a href="/video-upscaler" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Video Upscaler</a></li><li><a href="/video-extender" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Video Extender</a></li><li><a href="/video-background-remover" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Video Background Remover</a></li><li><a href="/motion-control" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Motion Control</a></li></ul></div><div class="col-span-1 md:col-span-1 flex flex-col items-start"><span class="text-xs font-semibold tracking-wide text-foreground/80 uppercase">Resources</span><ul class="mt-4 list-inside space-y-3"><li><a href="/changelog" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Changelog</a></li><li><a href="/roadmap" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Roadmap</a></li><li><a href="/about" class="text-sm text-muted-foreground transition-colors hover:text-foreground">About</a></li><li><a href="/contact" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Contact</a></li></ul></div><div class="col-span-1 md:col-span-1 flex flex-col items-start"><span class="text-xs font-semibold tracking-wide text-foreground
10/80 uppercase">Legal</span><ul class="mt-4 list-inside space-y-3"><li><a href="/cookie" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Cookie Policy</a></li><li><a href="/privacy" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Privacy Policy</a></li><li><a href="/terms" class="text-sm text-muted-foreground transition-colors hover:text-foreground">Terms of Service</a></li></ul></div></div></div><div class="py-8"><div class="container mx-auto max-w-7xl px-4"><div class="flex flex-wrap items-center justify-center gap-x-6 gap-y-4"><span><a href="https://fazier.com/" target="_blank"><img src="https://fazier.com/api/v1//public/badges/launch_badges.svg?badge_type=launched&theme=light" width="60" alt="Fazier badge" loading="lazy" decoding="async" fetchpriority="low" /></a></span><span><a href="https://startupfa.me/" target="_blank"><img src="https://startupfa.me/badges/featured-badge.webp" alt="AI Texture - Featured on Startup Fame" style="width: 85.5px; height: 27px;" loading="lazy" decoding="async" fetchpriority="low" /></a></span><span><a href="https://twelve.tools/" target="_blank"><img src="https://twelve.tools/badge0-white.svg" alt="Featured on Twelve Tools" width="100" height="27" loading="lazy" decoding="async" fetchpriority="low"></a></span><span><a href="https://code.market/" title="ai tools code.market"><img src="https://code.market/assets/manage-product/featured-logo-bright.svg" alt="ai tools code.market" width="70" loading="lazy" decoding="async" fetchpriority="low" /> </a></span><span><a href="https://turbo0.com/item/oeneo-ai" target="_blank" rel="noopener noreferrer"><img src="https://img.turbo0.com/badge-listed-light.svg" alt="Listed on Turbo0" style="height: 27px; width: auto;" loading="lazy" decoding="async" fetchpriority="low" /></a></span><span><a href="https://startupfa.st/" target="_blank" title="Powered by Startup Fast"> 11 <img 12 src="https://startupfa.st/images/badges/powered-by-light.svg" 13 alt="Powered by Startup Fast" 14 width="75" 15 height="22" 16 loading="lazy" 17 decoding="async" 18 fetchpriority="low" 19 /> 20 </a></span><span><a href="https://wtai.cc/" target="_blank" rel="noopener noreferrer">wtai.cc</a></span><span><a href="https://findly.tools/oeneo-ai?utm_source=oeneo-ai" target="_blank" rel="noopener noreferrer"> 21 <img src="https://findly.tools/badges/findly-tools-badge-light.svg" alt="Featured on Findly.tools" style="width: 87.5px; height: 27.5px;" loading="lazy" decoding="async" fetchpriority="low" /> 22 </a></span><span><a href="https://dang.ai/" target="_blank" rel="dofollow noopener" style="display:inline-block;text-decoration:none;"><img src="https://assets.dang.ai/badges/dang-verified-dark.png" alt="Verified on DANG!" width="75" height="27" style="display:block;width:75px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;" loading="lazy" decoding="async" fetchpriority="low" /></a></span><span><a 23 class="inline-block size-6" 24 href="https://www.toolpilot.ai/" 25 target="_blank" 26 rel="noopener noreferrer" 27 title="ToolPilot" 28 > 29 <img 30 class="block size-6 dark:hidden" 31 src="https://cdn.shopify.com/s/files/1/0764/4872/7318/files/tp-b-i_1280x1280_crop_center.svg?v=1695883732" 32 alt="ToolPilot" 33 width="24" 34 height="24" 35 loading="lazy" 36 decoding="async" 37 fetchpriority="low" 38 /> 39 <img 40 class="hidden size-6 dark:block" 41 src="https://cdn.shopify.com/s/files/1/0764/4872/7318/files/tp-w-i_1280x1280_crop_center.svg?v=1695883771" 42 alt="ToolPilot" 43 width="24" 44 height="24" 45 loading="lazy" 46 decoding="async" 47 fetchpriority="low" 48 /> 49 </a></span><span><a 50 href="https://goodaitools.com/ai/oeneo" 51 target="_blank" 52 rel="noopener noreferrer" 53 class="inline-block" 54 > 55 <img 56 class="h-8 w-auto dark:hidden" 57 src="https://goodaitools.com/assets/images/badge.png" 58 alt="Good AI Tools" 59 height="24" 60 loading="lazy" 61 decoding="async" 62 fetchpriority="low" 63 /> 64 <img 65 class="hidden h-8 w-auto dark:block" 66 src="https://goodaitools.com/assets/images/badge-dark.png" 67 alt="Good AI Tools" 68 height="24" 69 loading="lazy" 70 decoding="async" 71 fetchpriority="low" 72 /> 73 </a></span><span><a title="All The Best AI Tools" href="https://allinai.tools/">All in AI Tools</a></span><span><a href="https://similarlabs.com/" target="_blank"> 74 <img src="https://similarlabs.com/similarlabs-embed-badge-dark.svg" alt="List on Similarlabs" width="80" height="24" loading="lazy" decoding="async" fetchpriority="low" /> 75 </a></span><span><a href="https://wired.business/" target="_blank"><img src="https://wired.business/badge0-dark.svg" alt="Featured on Wired Business" width="120" height="24" loading="lazy" decoding="async" fetchpriority="low"></a></span><span><a href="https://showmebest.ai/" target="_blank"><img src="https://showmebest.ai/badge/feature-badge-dark.webp" alt="Featured on ShowMeBestAI" width="120" height="22" loading="lazy" decoding="async" fetchpriority="low"></a></span><span><a href="https://verifieddr.com/" target="_blank"><img src="https://verifieddr.com/badge/oeneo-ai.svg?metric=truedr" alt="Verified DR - Verified Domain Rating for oeneo.ai" width="120" height="24" loading="lazy" decoding="async" fetchpriority="low" /></a></span><span><a href="https://drchecker.net/item/oeneo.ai" target="_blank" rel="noopener noreferrer"> 76 <img src="https://drchecker.net/api/badge?domain=oeneo.ai" 77 alt="DR Checker - Domain Rating" style="height: 24px; width: auto;" loading="lazy" decoding="async" fetchpriority="low" /> 78 </a></span><span><a href="https://newtool.site/" target="_blank" rel="noopener noreferrer"> 79 <img src="https://newtool.site/badges/newtool-light.svg" alt="Featured on NewTool.site" height = "15px" width = "90px" loading="lazy" decoding="async" fetchpriority="low" /> 80 </a></span><span><a href="https://firstlook.tools" target="_blank"><img src="https://firstlook.tools/badge/badge_dark.svg" alt="Featured on First Look" width="120" height="27" loading="lazy" decoding="async" fetchpriority="low" /></a> </span><span><a href="https://openhunts.com" target="_blank" title="OpenHunts Club"> 81 <img alt="OpenHunts Club Member" height="105" src="https://cdn.openhunts.com/badges/club.webp" style="width: 90px; height: auto;" width="90px" loading="lazy" decoding="async" fetchpriority="low"> 82</a></span><span><a href="https://dofollow.tools" target="_blank"><img src="https://dofollow.tools/badge/badge_dark.svg" alt="Featured on Dofollow.Tools" width="120" height="27" loading="lazy" decoding="async" fetchpriority="low" /></a></span></div></div></div><div class="border-t py-8"><div class="container mx-auto max-w-7xl flex flex-col items-center gap-3 px-4"><span class="text-muted-foreground text-sm">© <!-- -->2026<!-- --> <!-- -->Oeneo AI<!-- -->.<!-- --> <!-- -->All Rights Reserved</span></div></div></footer></div><!--$?--><template id="B:0"></template><!--/$--></main></div>
82<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]}; 83;$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/main-BVeaUmEJ.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/main-BVeaUmEJ.js\")"}]},"/(workspace)/":$R[8]={preloads:$R[9]=["/assets/index-Dv7KR-Nw.js","/assets/image-generator-workbench-Baj8e99K.js","/assets/video-generator-workbench-aASgMjQf.js","/assets/lineup-DkhXKrbw.js","/assets/faq-R81VDQAb.js","/assets/final-cta-section-CatElopu.js","/assets/IconVolume-hTJuHuSf.js","/assets/IconReceipt-CkGpGqDC.js","/assets/video-media-player-D1NYGre8.js","/assets/IconArrowUpRight-Dx0aTvWW.js","/assets/IconArrowRight-C3mkZMZZ.js","/assets/textarea-OChHmoah.js","/assets/analytics-diMhel4P.js","/assets/use-generation-upload-C2BWABcw.js","/assets/generation-history-B_mFlBVU.js","/assets/generated-image-card-CLRatOv8.js","/assets/handoff-storage-CCCvg7MR.js","/assets/image-to-video-navigation-kemVA56-.js","/assets/image-edit-action-buttons-DXSPpB_S.js","/assets/IconCopy-CRqbQ6h1.js","/assets/IconAdjustmentsHorizontal-bHrPT2aC.js","/assets/IconClock-Bd0oeuhd.js","/assets/IconCalendar-ftKr-l-K.js","/assets/parameter-controls-DEhE-N3q.js","/assets/slider-LOxGwJzl.js","/assets/CSPContext-xVp9RCru.js","/assets/useRegisterFieldControl-Cddb0p1S.js","/assets/resolveAriaLabelledBy-Cx067CLn.js","/assets/browser-image-dimensions-1ZjVpK0Q.js","/assets/switch-C2_tW-Z6.js","/assets/use-media-preview-url-Cch4iEsk.js","/assets/separator-CGSf_QFk.js","/assets/IconWand-YwD7_KvG.js","/assets/skeleton-ChuuxPGC.js","/assets/video-result-card-D5vA6Qn0.js","/assets/IconAlertTriangle-DWq3RBsQ.js"]}}},matches:$R[10]=[$R[11]={i:"__root__/",u:1791191900320,s:"success",ssr:!0},$R[12]={i:"/(workspace)//",u:1791191900320,s:"success",ssr:!0}],lastMatchId:"/(workspace)//",dehydratedData:$R[13]={queryStream:$R[14]=($R[15]=(e) => new ReadableStream({ start: (r) => { 84 e.on({ next: (a2) => { 85 try { 86 r.enqueue(a2); 87 } catch (t) { 88 } 89 }, throw: (a2) => { 90 r.error(a2); 91 }, return: () => { 92 try { 93 r.close(); 94 } catch (a2) { 95 } 96 } }); 97} }))($R[16]=($R[17]=() => { 98 let e = [], r = [], t = true, n2 = false, a2 = 0, s = (l, g, S) => { 99 for (S = 0; S < a2; S++) r[S] && r[S][g](l); 100 }, i = (l, g, S, d) => { 101 for (g = 0, S = e.length; g < S; g++) d = e[g], !t && g === S - 1 ? l[n2 ? "return" : "throw"](d) : l.next(d); 102 }, u = (l, g) => (t && (g = a2++, r[g] = l), i(l), () => { 103 t && (r[g] = r[a2], r[a2--] = void 0); 104 }); 105 return { __SEROVAL_STREAM__: true, on: (l) => u(l), next: (l) => { 106 t && (e.push(l), s(l, "next")); 107 }, throw: (l) => { 108 t && (e.push(l), s(l, "throw"), t = false, n2 = false, r.length = 0); 109 }, return: (l) => { 110 t && (e.push(l), s(l, "return"), t = false, n2 = true, r.length = 0); 111 } }; 112})())}})($R["tsr"]);document.currentScript.remove()</script>
112<script type="module" async="">import("/assets/main-BVeaUmEJ.js")</script>
112<script id="_R_">requestAnimationFrame(function(){$RT=performance.now()});</script>
112<div hidden id="S:0"></div>
112<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0}; 113$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
113<script>($R=>$R[16].return(void 0))($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
113</body></html>
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.