PageSourceSearch

https://qwenimage3.com/

html qwenimage3.com collected 2026-10-04 17:49:46 UTC 251,499 bytes, 20 lines download raw bytes

1<!DOCTYPE html><html lang="en" dir="ltr"><head><meta name="sentry-trace" content="8e1636bcba59408a8501cf1f292de9fd-ad819772c1b69219-0"/><meta name="baggage" content="sentry-environment=production,sentry-release=8a715e89dafc16b30e131637e41c59acf15953d5,sentry-public_key=42ea647cebe9d4c381c4a4aa15f3ba08,sentry-trace_id=8e1636bcba59408a8501cf1f292de9fd,sentry-org_id=4511757231456256,sentry-sampled=false,sentry-sample_rand=0.12664386649406856,sentry-sample_rate=0.1"/><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/logo.svg"/><link rel="preload" as="image" href="/brands/qwen.svg"/><link rel="preload" as="image" href="/brands/openai.svg"/><link rel="preload" as="image" href="/brands/gemini.svg"/><link rel="preload" as="image" href="/brands/seed.ico"/><link rel="preload" as="image" href="/brands/bfl-symbol-black.svg"/><link rel="preload" as="image" href="/imgs/showcase/generator-sneaker-workflow.webp"/><link rel="preload" as="image" href="/imgs/showcase/generator-relight-workflow.webp"/><link rel="preload" as="image" href="/imgs/showcase/generator-food-workflow.webp"/><link rel="preload" as="image" href="/imgs/showcase/generator-concept-workflow.webp"/><link rel="stylesheet" href="/assets/index-CDpMY9A4.css" data-precedence="default"/>
vendor: 72 bytes, line 1
1<script id="ga-loader" src="https://www.googletagmanager.com/gtag/js?id=
1G-MNN3QKYV5P
vendor: 20 bytes, line 1
1" async=""></script>
1<link rel="preload" as="image" href="/imgs/generated/cta-bg-1783598744067.png"/><title>Qwen Image 3 Generator &amp; Editor – Generate Images Online</title><meta name="description" content="Generate images from text or edit reference photos with Qwen Image 3. Create multilingual posters, product visuals and detailed layouts online. Try your first generation without creating an account."/><meta property="og:title" content="Qwen Image 3 Generator &amp; Editor – Generate Images Online"/><meta property="og:description" content="Generate images from text or edit reference photos with Qwen Image 3. Create multilingual posters, product visuals and detailed layouts online. Try your first generation without creating an account."/><meta property="og:type" content="website"/><meta property="og:url" content="https://qwenimage3.com/"/><meta property="og:locale" content="en"/><meta property="og:locale:alternate" content="zh_Hans"/><meta property="og:image" content="https://qwenimage3.com/imgs/generated/hero-1783598692895.png"/><meta property="og:image:width" content="1024"/><meta property="og:image:height" content="576"/><meta property="og:image:alt" content="Qwen Image 3 Generator &amp; Editor – Generate Images Online"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Qwen Image 3 Generator &amp; Editor – Generate Images Online"/><meta name="twitter:description" content="Generate images from text or edit reference photos with Qwen Image 3. Create multilingual posters, product visuals and detailed layouts online. Try your first generation without creating an account."/><meta name="twitter:image" content="https://qwenimage3.com/imgs/generated/hero-1783598692895.png"/><meta property="article:modified_time" content="2026-08-07"/><link rel="modulepreload" href="/assets/index-D5jdBNUn.js"/><link rel="modulepreload" href="/assets/jsx-runtime-CjHL_wrb.js"/><link rel="modulepreload" href="/assets/button-BNwcQCPu.js"/><link rel="modulepreload" href="/assets/useOpenInteractionType-BHNjrFFY.js"/><link rel="modulepreload" href="/assets/getPseudoElementBounds-Deb2VK54.js"/><link rel="modulepreload" href="/assets/owner-C9nLf-D3.js"/><link rel="modulepreload" href="/assets/client-B2Oy5BtO.js"/><link rel="modulepreload" href="/assets/runtime-DAQ6k3cO.js"/><link rel="modulepreload" href="/assets/useQuery-BdQ-s_Ri.js"/><link rel="modulepreload" href="/assets/useMutation-QOA96Fbn.js"/><link rel="modulepreload" href="/assets/useStore-CcwmVaPJ.js"/><link rel="modulepreload" href="/assets/navigation-CM1iU_Lp.js"/><link rel="modulepreload" href="/assets/matchContext-CV6B-42F.js"/><link rel="modulepreload" href="/assets/utils-B6af4ZC1.js"/><link rel="modulepreload" href="/assets/createLucideIcon-CwnB-2uD.js"/><link rel="modulepreload" href="/assets/arrow-right-CsSzVpE5.js"/><link rel="modulepreload" href="/assets/check-7-UK2ev3.js"/><link rel="modulepreload" href="/assets/chevron-down-Dl2gHHC3.js"/><link rel="modulepreload" href="/assets/chevron-up-BDnqXXDt.js"/><link rel="modulepreload" href="/assets/creative-visuals-DBs5Jx-W.js"/><link rel="modulepreload" href="/assets/header-DAGfB19x.js"/><link rel="modulepreload" href="/assets/coins-CcohKoQ_.js"/><link rel="modulepreload" href="/assets/download-D8wPRdpQ.js"/><link rel="modulepreload" href="/assets/image-D-FfRClS.js"/><link rel="modulepreload" href="/assets/images-CUbRuaya.js"/><link rel="modulepreload" href="/assets/wand-sparkles-Bq67MI7Q.js"/><link rel="modulepreload" href="/assets/loader-circle-BzyULNUB.js"/><link rel="modulepreload" href="/assets/theme-toggle-DU7yc6CD.js"/><link rel="modulepreload" href="/assets/first-generation-feedback-B1hVVhYv.js"/><link rel="modulepreload" href="/assets/play-BrpqhD2f.js"/><link rel="modulepreload" href="/assets/refresh-cw-BKhuz2Oh.js"/><link rel="modulepreload" href="/assets/sparkles-DuhwbIKu.js"/><link rel="modulepreload" href="/assets/upload-D2Xhd8As.js"/><link rel="modulepreload" href="/assets/x-CIE9QCE9.js"/><link rel="modulepreload" href="/assets/react-dom-M19Dx6kD.js"/><link rel="modulepreload" href="/assets/dist-CIhQMS7t.js"/><link rel="modulepreload" href="/assets/textarea-dSAkx9P7.js"/><link rel="modulepreload" href="/assets/image-models-DAhxFf5L.js"/><link rel="modulepreload" href="/assets/config-CHKeikU3.js"/><link rel="modulepreload" href="/assets/dynamic-OAW0UjjC.js"/><link rel="modulepreload" href="/assets/use-public-config-BMIuTDxC.js"/>
1<link rel="modulepreload" href="/assets/api-client-DRBjP6mp.js"/><link rel="modulepreload" href="/assets/messages-8WK-G8b9.js"/><link rel="modulepreload" href="/assets/routes-2uaO17uf.js"/><link rel="modulepreload" href="/assets/dot-pattern-BtOAXfuc.js"/><link rel="modulepreload" href="/assets/pricing-CYTQmYX9.js"/><link rel="modulepreload" href="/assets/calendar-check-C-yiqFgL.js"/><link rel="modulepreload" href="/assets/chevron-left-C2mypp6q.js"/><link rel="modulepreload" href="/assets/chevron-right-C7mC4pJP.js"/><link rel="modulepreload" href="/assets/zoomable-image-dialog-CsqAh55j.js"/><link rel="modulepreload" href="/assets/video-D9Xllr9C.js"/><link rel="modulepreload" href="/assets/palette-BBPVwmBt.js"/><link rel="modulepreload" href="/assets/save-D5Htq2to.js"/><link rel="modulepreload" href="/assets/users-nfW1rfKb.js"/><link rel="modulepreload" href="/assets/prompt-library-EJD7s-IO.js"/><link rel="modulepreload" href="/assets/dialog-BAQsf0sk.js"/><link rel="modulepreload" href="/assets/sheet-CS_the5m.js"/><link rel="modulepreload" href="/assets/analytics-events-lPlaQayP.js"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="48x48 96x96"/><link rel="icon" href="/favicon-48x48.png" type="image/png" sizes="48x48"/><link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96"/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180"/><link rel="manifest" href="/site.webmanifest"/><link rel="canonical" href="https://qwenimage3.com/"/><link rel="alternate" hreflang="en" href="https://qwenimage3.com/"/><link rel="alternate" hreflang="zh-Hans" href="https://qwenimage3.com/zh"/><link rel="alternate" hreflang="x-default" href="https://qwenimage3.com/"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","headline":"Qwen Image 3 Generator \u0026 Editor – Generate Images Online","name":"Qwen Image 3 Generator \u0026 Editor – Generate Images Online","description":"Generate images from text or edit reference photos with Qwen Image 3. Create multilingual posters, product visuals and detailed layouts online. Try your first generation without creating an account.","url":"https://qwenimage3.com/","image":"https://qwenimage3.com/imgs/generated/hero-1783598692895.png","inLanguage":"en","dateModified":"2026-08-07","publisher":{"@type":"Organization","name":"Qwen Image 3","url":"https://qwenimage3.com"}},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What can I create on this website?","acceptedAnswer":{"@type":"Answer","text":"Enter a prompt on the homepage, choose an aspect ratio, then generate with Qwen Image 3. Use the dedicated editor for reference-image changes, and the prompt library for posters, products, typography, infographics and UI concepts."}},{"@type":"Question","name":"Which AI models and tools are actually available now?","acceptedA
1nswer":{"@type":"Answer","text":"The homepage exposes the verified Qwen Image 3 text-to-image endpoint. A separate Qwen reference-image editor supports targeted revisions. Historical model IDs remain internal only so existing task records continue to work."}},{"@type":"Question","name":"Can I try the workflow before signing in?","acceptedAnswer":{"@type":"Answer","text":"Yes. You can write a prompt and choose the model and aspect ratio first, then sign in when you generate. Your draft is restored after you return. Examples, guides and prompt-planning tools are also available without signing in. The current new-account reward is shown on the sign-in and sign-up pages."}},{"@type":"Question","name":"How do daily check-ins and referral rewards work?","acceptedAnswer":{"@type":"Answer","text":"Signed-in users can check in once per day. A seven-day streak awards 3, 4, 4, 5, 5, 6 and 6 credits, for 33 credits in total; a missed day restarts the streak. Referral links apply to accounts created within the last seven days, and a successful referral gives 10 credits to each person. Duplicate, self-referral and abusive claims are not rewarded."}},{"@type":"Question","name":"How are credits calculated, and are failed tasks refunded?","acceptedA
1nswer":{"@type":"Answer","text":"Qwen Image 3 costs 5 credits per output. Credits are consumed when a task is created, and a confirmed provider failure automatically restores the amount used for that task."}},{"@type":"Question","name":"Can I use generated images commercially?","acceptedAnswer":{"@type":"Answer","text":"Commercial use depends on the selected model, provider terms, your prompt, uploaded materials and the rights of people, brands or characters depicted. Review the current Terms and the relevant provider license before publishing; this website cannot grant rights owned by a provider or third party."}},{"@type":"Question","name":"Are my prompts, uploads and results public?","acceptedAnswer":{"@type":"Answer","text":"They are not displayed publicly by default. Prompts, uploads and results are associated with your account and sent to the configured AI provider when needed to complete a task. Task records may be retained for history, downloads, support and security. Avoid sensitive information and review the Privacy Policy for the full data-handling details."}}]},{"@type":"WebSite","name":"Qwen Image 3","url":"https://qwenimage3.com","about":{"@type":"Thing","name":"Qwen Image 3.0","url":"https://qwen.ai/blog?id=qwen-image-3.0"}}]}</script>
1</head><body class="font-sans antialiased">
1<script>((e, i, s, u, m, a, l, h) => {
2	let d = document.documentElement, w = ["light", "dark"];
3	function p(n) {
4		(Array.isArray(e) ? e : [e]).forEach((y) => {
5			let k = y === "class", S = k && a ? m.map((f) => a[f] || f) : m;
6			k ? (d.classList.remove(...S), d.classList.add(a && a[n] ? a[n] : n)) : d.setAttribute(y, n);
7		}), R(n);
8	}
9	function R(n) {
10		h && w.includes(n) && (d.style.colorScheme = n);
11	}
12	function c() {
13		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
14	}
15	if (u) p(u);
16	else try {
17		let n = localStorage.getItem(i) || s;
18		p(l && n === "system" ? c() : n);
19	} catch (n) {}
20})("class","theme","system",null,["light","dark"],null,true,true)</script>
20<!--$--><div class="bg-background text-foreground flex min-h-screen flex-col"><header class="bg-background/88 supports-backdrop-filter:bg-background/72 sticky top-0 z-50 w-full border-b border-transparent backdrop-blur-xl"><div class="mx-auto flex h-14 max-w-[90rem] items-center justify-between px-4 sm:h-16 sm:px-6"><a class="flex min-h-10 shrink-0 items-center gap-2.5 active" href="/" data-status="active" aria-current="page"><img src="/logo.svg" alt="" width="32" height="32" class="size-8 rounded-xl shadow-sm"/><span class="text-sm font-semibold tracking-tight sm:text-base">Qwen Image 3</span></a><nav class="hidden items-center gap-0.5 xl:flex" aria-label="Primary navigation"><a href="/#generator" class="text-muted-foreground hover:bg-accent hover:text-foreground flex h-10 items-center rounded-lg px-2.5 text-sm transition-colors 2xl:px-3">Home</a><a href="/prompts" class="text-muted-foreground hover:bg-accent hover:text-foreground flex h-10 items-center rounded-lg px-2.5 text-sm transition-colors 2xl:px-3">Prompt library</a><div class="group relative"><button type="button" class="text-muted-foreground hover:bg-accent hover:text-foreground group-focus-within:bg-accent group-focus-within:text-foreground flex h-10 items-center gap-1 rounded-lg px-2.5 text-sm transition-colors 2xl:px-3" aria-haspopup="true">Image 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="lucide lucide-chevron-down size-3.5 transition-transform group-focus-within:rotate-180 group-hover:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="invisible absolute top-full left-1/2 z-50 -translate-x-1/2 pt-3 opacity-0 transition-[visibility,opacity] duration-150 group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100 w-[30rem]"><div class="relative overflow-hidden rounded-2xl"><div class="menu-scrollbar border-border/80 bg-popover max-h-[calc(100vh-6rem)] overflow-y-auto rounded-2xl border p-2 shadow-2xl"><a href="/models" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-images size-5" aria-hidden="true"><path d="M18 22H4a2 2 0 0 1-2-2V6"></path><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"></path><circle cx="12" cy="8" r="2"></circle><rect width="16" height="16" x="6" y="2" rx="2"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">All image models</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Compare generation, editing, limits, and pricing.</span></span></a><a href="/qwen-image-3-1" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-images size-5" aria-hidden="true"><path d="M18 22H4a2 2 0 0 1-2-2V6"></path><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"></path><circle cx="12" cy="8" r="2"></circle><rect width="16" height="16" x="6" y="2" rx="2"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Qwen Image 3.1</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Announced for 2026 · API and pricing not released.</span></span></a><a href="/qwen-image-editor" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="qwen-image-3-edit" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-vi
20olet-50 dark:border-violet-400/20 dark:bg-violet-400/10 mr-3" title="Qwen"><img src="/brands/qwen.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Qwen Image 3 Edit</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Reference editing and subject-preserving changes</span></span></a><a href="/qwen-image-2-1-generator" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="qwen-image-2.1" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-violet-50 dark:border-violet-400/20 dark:bg-violet-400/10 mr-3" title="Qwen"><img src="/brands/qwen.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Qwen Image 2.1</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Native transparent RGBA, generation, editing, and up to 10 documented references</span></span></a><a href="/gpt-image-2-5-flare" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="gpt-image-2.5-flare" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-slate-200 bg-white dark:border-white/15 dark:bg-white/5 mr-3" title="OpenAI"><img src="/brands/openai.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain dark:invert"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">GPT Image 2.5 Flare</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">High-detail campaign concepts</span></span></a><a href="/gpt-image-2-5-sunburst" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="gpt-image-2.5-sunburst" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-slate-200 bg-white dark:border-white/15 dark:bg-white/5 mr-3" title="OpenAI"><img src="/brands/openai.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain dark:invert"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">GPT Image 2.5 Sunburst</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Fast visual exploration and edits</span></span></a><a href="/nano-banana-2" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="nano-banana-2" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-blue-200 bg-blue-50 dark:border-blue-400/20 dark:bg-blue-400/10 mr-3" title="Google Gemini"><img src="/brands/gemini.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Nano Banana 2</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Reference-led creative editing</span></span></a><a href="/nano-banana-2-5" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="nano-banana-2.5" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-blue-200 bg-blue-50 dark:border-blue-400/20 dark:bg-blue-400/10 mr-3" title="Google Gemini"><img src="/brands/gemini.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Nano Banana 2.5</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Preview the prepared workflow while endpoint, capabilities, and pricing await official confirmation</span></span></a><a href="/nano-banana-2-lite" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="nano-banana-2-lite" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-blue-200 bg-blue-50 dark:border-blue-400/20 dark:bg-blue-400/10 mr-3" title="Google Gemini"><img src="/brands/gemini.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Nano Banana 2 Lite</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Simple generation and one-image edits</span></span></a><a href="/nano-banana-pro" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="nano-banana-pro" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-blue-200 bg-blue-50 dark:border-blue-400/20 dark:bg-blue-400/10 mr-3" title="Google Gemini"><img src="/brands/gemini.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Nano Banana Pro</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Multi-reference commercial imagery</span></span></a><a href="/seedream-5-pro" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="seedream-5-pro" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-cyan-200 bg-cyan-50 dark:border-cyan-400/20 dark:bg-cyan-400/10 mr-3" title="ByteDance Seed"><img src="/brands/seed.ico" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Seedream 5.0 Pro</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">
20High-resolution editorial visuals</span></span></a><a href="/flux-2-pro" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-model-visual="flux-2-pro" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-slate-200 bg-white dark:border-white/15 dark:bg-white mr-3" title="Black Forest Labs"><img src="/brands/bfl-symbol-black.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">FLUX.2 [pro]</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Art direction and precise compositions</span></span></a></div></div></div></div><div class="group relative"><button type="button" class="text-muted-foreground hover:bg-accent hover:text-foreground group-focus-within:bg-accent group-focus-within:text-foreground flex h-10 items-center gap-1 rounded-lg px-2.5 text-sm transition-colors 2xl:px-3" aria-haspopup="true">AI Tools<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="lucide lucide-chevron-down size-3.5 transition-transform group-focus-within:rotate-180 group-hover:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="invisible absolute top-full left-1/2 z-50 -translate-x-1/2 pt-3 opacity-0 transition-[visibility,opacity] duration-150 group-focus-within:visible group-focus-within:opacity-100 group-hover:visible group-hover:opacity-100 w-[52rem]"><div class="relative overflow-hidden rounded-2xl"><div class="menu-scrollbar border-border/80 bg-popover max-h-[calc(100vh-6rem)] overflow-y-auto rounded-2xl border p-2 shadow-2xl grid grid-cols-2 gap-1"><a href="/tools" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-layout-grid size-5" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">All AI Tools</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Explore every AI creation tool in one place</span></span></a><a href="/seedance-2-5-draft-mode" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-film size-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Seedance 2.5 Draft Mode</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Plan cheap drafts, compare candidates and prepare one final render.</span></span></a><a href="/ai-image-generator" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T01" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-vi
20olet-50 text-violet-700 dark:border-violet-400/20 dark:bg-violet-400/10 dark:text-violet-300 mr-3"><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="lucide lucide-image-plus size-5" aria-hidden="true"><path d="M16 5h6"></path><path d="M19 2v6"></path><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"></path><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path><circle cx="9" cy="9" r="2"></circle></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Image Generator</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Choose an available model and turn a prompt into a new image.</span></span></a><a href="/ai-image-editor" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T02" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-violet-50 text-violet-700 dark:border-violet-400/20 dark:bg-violet-400/10 dark:text-violet-300 mr-3"><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="lucide lucide-wand-sparkles size-5" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Image Editor</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Upload reference images, choose an editing model, and describe the change.</span></span></a><a href="/image-background-remover" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T03" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 mr-3"><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="lucide lucide-eraser size-5" aria-hidden="true"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"></path><path d="M22 21H7"></path><path d="m5 11 9 9"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Background Remover</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Remove a photo background and download a transparent PNG.</span></span></a><a href="/background-changer" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T04" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 mr-3"><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="lucide lucide-panels-top-left size-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">
20Background Changer</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Apply a solid, gradient, uploaded, or generated scene behind a subject.</span></span></a><a href="/add-shadow-to-image" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T05" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 mr-3"><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="lucide lucide-circle-dashed size-5" aria-hidden="true"><path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path><path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path><path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path><path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path><path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path><path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path><path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path><path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Add Shadow to Image</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Create a product shadow with visible direction, blur, opacity, and offset controls.</span></span></a><a href="/ai-relight" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T06" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 mr-3"><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="lucide lucide-sun-medium size-5" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 3v1"></path><path d="M12 20v1"></path><path d="M3 12h1"></path><path d="M20 12h1"></path><path d="m18.364 5.636-.707.707"></path><path d="m6.343 17.657-.707.707"></path><path d="m5.636 5.636.707.707"></path><path d="m17.657 17.657.707.707"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Relight</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Relight a photo with a selected lighting setup and optional direction.</span></span></a><a href="/remove-object-from-photo" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T07" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-cyan-200 bg-cyan-50 text-cyan-700 dark:border-cyan-400/20 dark:bg-cyan-400/10 dark:text-cyan-300 mr-3"><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="lucide lucide-scan-line size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><path d="M7 12h10"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Object Remover</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Mark an unwanted object and remove only the selected area.</span></span></a><a href="/ai-inpainting" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T08" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-cyan-200 bg-cyan-50 text-cyan-700 dark:border-cyan-400/20 dark:bg-cyan-400/10 dark:text-cyan-300 mr-3"><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="lucide lucide-paintbrush size-5" aria-hidden="true"><path d="m14.622 17.897-10.68-2.913"></path><path d="M18.376 2.622a1 1 0 1 1 3.002 3.002L17.36 9.643a.5.5 0 0 0 0 .707l.944.944a2.41 2.41 0 0 1 0 3.408l-.944.944a.5.5 0 0 1-.707 0L8.354 7.348a.5.5 0 0 1 0-.707l.944-.944a2.41 2.41 0 0 1 3.408 0l.944.944a.5.5 0 0 0 .707 0z"></path><path d="M9 8c-1.804 2.71-3.97 3.46-6.583 3.948a.507.507 0 0 0-.302.819l7.32 8.883a1 1 0 0 0 1.185.204C12.735 20.405 16 16.792 16 15"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Inpainting</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">
20Paint a mask and replace the selected region from a local description.</span></span></a><a href="/ai-image-extender" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T09" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-cyan-200 bg-cyan-50 text-cyan-700 dark:border-cyan-400/20 dark:bg-cyan-400/10 dark:text-cyan-300 mr-3"><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="lucide lucide-expand size-5" aria-hidden="true"><path d="m15 15 6 6"></path><path d="m15 9 6-6"></path><path d="M21 16v5h-5"></path><path d="M21 8V3h-5"></path><path d="M3 16v5h5"></path><path d="m3 21 6-6"></path><path d="M3 8V3h5"></path><path d="M9 9 3 3"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Image Extender</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Choose new boundaries and extend an image without stretching the original.</span></span></a><a href="/ai-image-upscaler" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T10" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-cyan-200 bg-cyan-50 text-cyan-700 dark:border-cyan-400/20 dark:bg-cyan-400/10 dark:text-cyan-300 mr-3"><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="lucide lucide-scan-search size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><circle cx="12" cy="12" r="3"></circle><path d="m16 16-1.9-1.9"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Image Upscaler</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Upscale an image at 2× or 4× and compare the output dimensions.</span></span></a><a href="/image-layers-editor" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T11" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-layers size-5" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Image Layers Editor</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Arrange, hide, lock, reorder, and adjust the opacity of image layers.</span></span></a><a href="/add-text-to-image" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T12" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-type size-5" aria-hidden="true"><path d="M12 4v16"></path><path d="M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"></path><path d="M9 20h6"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Add Text to Image</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Place editable text with independent size, color, alignment, and position.</span></span></a><a href="/online-image-editor" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T13" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-crop size-5" aria-hidden="true"><path d="M6 2v14a2 2 0 0 0 2 2h14"></path><path d="M18 22V8a2 2 0 0 0-2-2H2"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Online Image Editor</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Crop, rotate, resize, and export an image in one focused workspace.</span></span></a><a href="/batch-image-editor" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T14" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-300 mr-3"><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="lucide lucide-images size-5" aria-hidden="true"><path d="M18 22H4a2 2 0 0 1-2-2V6"></path><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"></path><circle cx="12" cy="8" r="2"></circle><rect width="16" height="16" x="6" y="2" rx="2"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Batch Image Editor</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Queue multiple images, follow item-level progress, and retry failed items only.</span></span></a><a href="/image-resizer" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T15" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-ratio size-5" aria-hidden="true"><rect width="12" height="20" x="6" y="2" rx="2"></rect><rect width="20" height="12" x="2" y="6" rx="2"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Image Resizer</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Export one design to platform sizes with contain, cover, or image extension.</span></span></a><a href="/brand-kit" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T16" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-300 mr-3"><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="lucide lucide-swatch-book size-5" aria-hidden="true"><path d="M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z"></path><path d="M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7"></path><path d="M 7 17h.01"></path><path d="m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Brand Kit</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Set a brand name, logo, colors, and fonts for reusable designs.</span></span></a><a href="/product-image-set-generator" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T17" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 mr-3"><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="lucide lucide-package-open size-5" aria-hidden="true"><path d="M12 22v-9"></path><path d="M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z"></path><path d="M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13"></path><path d="M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36l12.18 6.86a1.636 1.636 0 0 0 1.63 0z"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Product Image Set</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Create a selected set of white, studio, lifestyle, and ad-layout product images.</span></span></a><a href="/image-to-svg" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T18" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-pen-tool size-5" aria-hidden="true"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Vectorize Image</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Convert PNG, JPG, or WebP artwork into editable SVG paths instead of wrapping a bitmap.</span></span></a><a href="/svg-editor" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T19" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-code-xml size-5" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">SVG Editor</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Paste or upload safe SVG markup, recolor it, resize it, and export SVG.</span></span></a><a href="/ai-logo-generator" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T20" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-vi
20olet-50 text-violet-700 dark:border-violet-400/20 dark:bg-violet-400/10 dark:text-violet-300 mr-3"><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="lucide lucide-shapes size-5" aria-hidden="true"><path d="M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z"></path><rect x="3" y="14" width="7" height="7" rx="1"></rect><circle cx="17.5" cy="17.5" r="3.5"></circle></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">AI Logo Generator</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Create a logo brief from brand, industry, style, and graphic type.</span></span></a><a href="/templates" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T21" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 mr-3"><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="lucide lucide-layout-template size-5" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Design Templates</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Choose a visual template, fill its fields, preview it, and continue editing.</span></span></a><a href="/sketch-to-image" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T22" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 bg-violet-50 text-violet-700 dark:border-violet-400/20 dark:bg-violet-400/10 dark:text-violet-300 mr-3"><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="lucide lucide-pencil-ruler size-5" aria-hidden="true"><path d="M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13"></path><path d="m8 6 2-2"></path><path d="m18 16 2-2"></path><path d="m17 11 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17"></path><path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"></path><path d="m15 5 4 4"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Sketch to Image</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Draw or upload a sketch and pass it as the actual generation reference.</span></span></a><a href="/annotate-image-edit" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T23" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-300 mr-3"><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="lucide lucide-message-square-text size-5" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path><path d="M13 8H7"></path><path d="M17 12H7"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Annotate &amp; Edit Image</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Place numbered notes, arrows, boxes, and brush marks before applying edits.</span></span></a><a href="/prompt-builder" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T24" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-300 mr-3"><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="lucide lucide-share2 lucide-share-2 size-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Prompt Builder &amp; Sharing</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Build a reusable prompt recipe from variables and share a redacted copy.</span></span></a><a href="/image-workflow-builder" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span data-tool-visual="T25" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-300 mr-3"><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="lucide lucide-workflow size-5" aria-hidden="true"><rect width="8" height="8" x="3" y="3" rx="2"></rect><path d="M7 11v4a2 2 0 0 0 2 2h4"></path><rect width="8" height="8" x="13" y="13" rx="2"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Image Workflow Builder</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Build a visible sequence of image steps with per-step cost and results.</span></span></a><a href="/wan-3-0#generator" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-radio-tower size-5" aria-hidden="true"><path d="M4.9 16.1C1 12.2 1 5.8 4.9 1.9"></path><path d="M7.8 4.7a6.14 6.14 0 0 0-.8 7.5"></path><circle cx="12" cy="9" r="2"></circle><path d="M16.2 4.8c2 2 2.26 5.11.8 7.47"></path><path d="M19.1 1.9a9.96 9.96 0 0 1 0 14.1"></path><path d="M9.5 18h5"></path><path d="m8 22 4-11 4 11"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Wan 3.0 Preview</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Official Preview API · All-in-One video · up to 30s</span></span></a><a href="/seedance-2-5#tool" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-film size-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Seedance 2.5</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Generate cinematic video with precise motion</span></span></a><a href="/ai-video-generator#tool" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-video size-5" aria-hidden="true"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Seedance 2.0</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Turn text and images into expressive video</span></span></a><a href="/minimax-h3#generator" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-clapperboard size-5" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">MiniMax H3</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Create high-quality AI video with synced audio</span></span></a><a href="/settings/studio" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-palette size-5" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Creative Studio</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">One workspace for models, edits, production tools, projects, and continuous asset versions.</span></span></a><a href="/image-background-remover#tool" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-eraser size-5" aria-hidden="true"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"></path><path d="M22 21H7"></path><path d="m5 11 9 9"></path></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">
20Background Remover</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Remove image backgrounds cleanly in seconds</span></span></a><a href="/remove-matcha-filter#tool" class="hover:bg-accent focus-visible:bg-accent focus-visible:ring-ring flex rounded-xl p-3 transition-colors outline-none focus-visible:ring-2"><span class="bg-primary/10 text-primary mr-3 flex size-10 shrink-0 items-center justify-center rounded-xl"><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="lucide lucide-sliders-horizontal size-5" aria-hidden="true"><line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line></svg></span><span class="min-w-0"><span class="flex items-center gap-2"><span class="text-foreground truncate text-sm font-medium">Remove Matcha Filter</span><span class="relative inline-flex shrink-0 items-center gap-1 overflow-hidden rounded-full bg-linear-to-r from-rose-600 to-orange-500 px-2 py-0.5 text-[9px] font-extrabold tracking-wide text-white uppercase shadow-sm shadow-rose-500/25"><span class="relative flex size-1.5" aria-hidden="true"><span class="absolute inline-flex size-full rounded-full bg-white opacity-75 motion-safe:animate-ping"></span><span class="relative inline-flex size-1.5 rounded-full bg-white"></span></span>NEW</span></span><span class="text-muted-foreground mt-0.5 block truncate text-xs leading-5">Restore natural colors from a green matcha cast</span></span></a></div></div></div></div><a href="/lab" class="text-muted-foreground hover:bg-accent hover:text-foreground flex h-10 items-center rounded-lg px-2.5 text-sm transition-colors 2xl:px-3">Resources</a><a href="/pricing" class="text-muted-foreground hover:bg-accent hover:text-foreground flex h-10 items-center rounded-lg px-2.5 text-sm transition-colors 2xl:px-3">Pricing</a></nav><div class="hidden shrink-0 items-center gap-2 xl:flex"><a aria-label="Daily check-in reward" title="Daily check-in reward" href="/sign-in?callbackUrl=%2F%23generator" class="group relative flex size-10 items-center justify-center rounded-xl bg-linear-to-br from-amber-300 to-orange-400 text-amber-950 shadow-sm transition outline-none hover:-translate-y-0.5 hover:shadow-md focus-visible:ring-2 focus-visible:ring-amber-400"><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="lucide lucide-calendar-check size-5 transition-transform group-hover:scale-110" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="m9 16 2 2 4-4"></path></svg><span class="ring-background absolute -top-0.5 -right-0.5 size-2.5 rounded-full bg-emerald-400 ring-2"></span></a><button type="button" tabindex="0" aria-haspopup="menu" id="base-ui-_R_rd56aq_" data-slot="dropdown-menu-trigger" aria-label="Switch language: English" title="Switch language: English" class="inline-flex items-center transition-colors outline-none border-border/70 bg-background/70 text-foreground hover:bg-accent min-h-10 min-w-14 justify-center gap-1.5 rounded-full border px-2.5 shadow-sm"><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="lucide lucide-globe text-muted-foreground size-4 shrink-0" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span lang="en" class="text-xs font-bold tracking-wide">EN</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="lucide lucide-chevron-down text-muted-foreground size-3 shrink-0" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button type="button" tabindex="0" data-slot="button" 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-
20px 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50 size-10"><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="lucide lucide-sun size-4 dark:hidden" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><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="lucide lucide-moon hidden size-4 dark:block" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg><span class="sr-only">Toggle theme</span></button><a href="/sign-in?callbackUrl=%2F%23generator" 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground [a]:hover:bg-primary/80 h-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 gap-1.5">Get Started<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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="flex items-center gap-2 xl:hidden"><a aria-label="Daily check-in reward" title="Daily check-in reward" href="/sign-in?callbackUrl=%2F%23generator" class="group relative flex size-10 items-center justify-center rounded-xl bg-linear-to-br from-amber-300 to-orange-400 text-amber-950 shadow-sm transition outline-none hover:-translate-y-0.5 hover:shadow-md focus-visible:ring-2 focus-visible:ring-amber-400"><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="lucide lucide-calendar-check size-5 transition-transform group-hover:scale-110" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="m9 16 2 2 4-4"></path></svg><span class="ring-background absolute -top-0.5 -right-0.5 size-2.5 rounded-full bg-emerald-400 ring-2"></span></a><button class="border-border/70 bg-background/70 hover:bg-accent flex size-10 items-center justify-center rounded-full border shadow-sm transition-colors" aria-label="Open menu" aria-expanded="false"><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="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 12h16"></path><path d="M4 18h16"></path><path d="M4 6h16"></path></svg></button></div></div></header><main><section id="generator" class="relative isolate overflow-hidden px-3 pt-8 pb-12 sm:px-4 sm:pt-16 sm:pb-20"><svg aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full mask-[radial-gradient(ellipse_at_top,white,transparent_72%)] text-primary/16"><defs><radialGradient id="_R_596aq_-gradient"><stop offset="0%" stop-color="currentColor" stop-opacity="1"></stop><stop offset="100%" stop-color="currentColor" stop-opacity="0"></stop></radialGradient></defs></svg><div class="bg-primary/8 absolute top-8 left-1/2 -z-10 h-80 w-80 -translate-x-1/2 roun
20ded-full blur-3xl sm:h-[32rem] sm:w-[32rem]"></div><div class="relative mx-auto max-w-[90rem]"><div class="mx-auto mb-8 max-w-4xl text-center sm:mb-10"><a aria-label="Open the Qwen Image editor" href="/qwen-image-editor" class="border-border bg-background/80 hover:border-primary/40 hover:text-primary mx-auto mb-5 inline-flex max-w-full items-center gap-2 rounded-full border px-3 py-1.5 text-[11px] font-medium shadow-sm backdrop-blur transition-colors sm: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="lucide lucide-image-plus text-primary size-3.5 shrink-0" aria-hidden="true"><path d="M16 5h6"></path><path d="M19 2v6"></path><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"></path><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path><circle cx="9" cy="9" r="2"></circle></svg><span class="bg-primary/10 text-primary rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide uppercase">Editor</span><span class="min-w-0 text-balance">Edit a reference image with natural-language instructions</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="lucide lucide-arrow-right size-3.5 shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><h1 class="text-foreground font-serif text-[2.2rem] leading-[1.08] font-normal tracking-[-0.035em] break-words sm:text-6xl sm:leading-[1.02] sm:tracking-[-0.04em] sm:text-balance lg:text-7xl"><span class="block sm:inline">Qwen Image 3</span> <span class="block sm:inline">Generator &amp; Image Editor</span></h1><p class="text-muted-foreground mx-auto mt-5 max-w-2xl text-base leading-relaxed text-balance sm:text-lg">Generate images from text or edit reference photos with Qwen Image 3. Create multilingual posters, product visuals and detailed layouts online.</p><p class="text-muted-foreground mx-auto mt-4 flex max-w-2xl items-center justify-center gap-2 text-xs leading-relaxed"><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="lucide lucide-shield-check text-primary size-4 shrink-0" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>Independent third-party product. Not affiliated with or endorsed by Alibaba or the Qwen team.</p><div class="mt-6 flex flex-wrap items-center justify-center gap-3"><a href="#generator" class="bg-primary text-primary-foreground inline-flex min-h-11 items-center rounded-full px-5 text-sm font-semibold">Generate free</a><a href="/qwen-image-editor" class="border-border bg-background inline-flex min-h-11 items-center rounded-full border px-5 text-sm font-semibold">Try image editor</a></div><p class="text-muted-foreground mt-3 text-xs">No account required for your first generation.</p></div><section aria-labelledby="marketplace-title" class="border-border/70 bg-card/76 relative overflow-hidden rounded-[1.5rem] border shadow-2xl backdrop-blur sm:rounded-[2rem]"><div class="pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_8%_0%,color-mix(in_oklab,var(--primary)_16%,transparent),transparent_30%),radial-gradient(circle_at_92%_100%,color-mix(in_oklab,var(--primary)_9%,transparent),transparent_28%)]"></div><div class="relative grid min-w-0"><div class="min-w-0"><div class="border-border bg-card/95 shadow-primary/10 overflow-hidden rounded-[1.5rem] border shadow-xl backdrop-blur sm:rounded-[2rem] sm:shadow-2xl"><div class="border-border flex flex-col gap-3 border-b px-4 py-3.5 sm:flex-row sm:items-center sm:justify-between sm:px-7 sm:py-4"><div class="flex min-w-0 flex-wrap items-center gap-3"><span class="bg-primary text-primary-foreground flex size-9 items-center justify-center rounded-xl"><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="lucide lucide-wand-sparkles size-4" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></span><div data-tour="generator-prompt"><p class="text-sm font-semibold">Image generator</p><p class="text-muted-foreground text-xs">Signed-in generations are private by default</p></div><button type="button" class="border-border bg-background/80 hover:border-primary/40 hover:text-primary flex min-h-10 items-center gap-1.5 rounded-full border px-3 text-xs font-semibold transition-colors"><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="lucide lucide-circle-help size-3.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg>Quick guide</button>
20<details class="group relative"><summary class="border-primary/20 bg-primary/5 hover:border-primary/40 hover:bg-primary/10 focus-visible:ring-ring flex min-h-10 cursor-pointer list-none items-center gap-2 rounded-full border pr-3 pl-1.5 text-xs font-semibold transition-colors select-none focus-visible:ring-2 focus-visible:outline-none [&amp;::-webkit-details-marker]:hidden"><span class="bg-primary text-primary-foreground relative flex size-6 items-center justify-center rounded-full shadow-sm"><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="lucide lucide-bot size-3.5" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></span><span>Switch tool</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="lucide lucide-chevron-down size-3.5 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><div class="border-border bg-popover text-popover-foreground absolute top-11 left-0 z-50 hidden w-72 overflow-hidden rounded-2xl border p-2 shadow-xl group-open:block"><div class="space-y-1"><a href="/#generator" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors bg-primary/8 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="lucide lucide-sparkles size-4 shrink-0" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="flex-1">AI image generator</span><span class="text-[10px] font-medium uppercase opacity-70">Current</span></a><a href="/settings/studio" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-palette size-4 shrink-0" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><span class="flex-1">Open my studio</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/ai-poster-generator#generator" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-palette size-4 shrink-0" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><span class="flex-1">AI poster generator</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/ai-product-photo-generator#generator" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-package-open size-4 shrink-0" aria-hidden="true"><path d="M12 22v-9"></path><path d="M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z"></path><path d="M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13"></path><path d="M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36l12.18 6.86a1.636 1.636 0 0 0 1.63 0z"></path></svg><span class="flex-1">AI product photo generator</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/ai-youtube-thumbnail-generator#tool" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-youtube size-4 shrink-0" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
205 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg><span class="flex-1">YouTube thumbnail generator</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/wan-3-0#generator" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-radio-tower size-4 shrink-0" aria-hidden="true"><path d="M4.9 16.1C1 12.2 1 5.8 4.9 1.9"></path><path d="M7.8 4.7a6.14 6.14 0 0 0-.8 7.5"></path><circle cx="12" cy="9" r="2"></circle><path d="M16.2 4.8c2 2 2.26 5.11.8 7.47"></path><path d="M19.1 1.9a9.96 9.96 0 0 1 0 14.1"></path><path d="M9.5 18h5"></path><path d="m8 22 4-11 4 11"></path></svg><span class="flex-1">Wan 3.0 Preview</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/seedance-2-5#tool" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-film size-4 shrink-0" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg><span class="flex-1">Seedance 2.5</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/ai-video-generator#tool" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-video size-4 shrink-0" aria-hidden="true"><path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5"></path><rect x="2" y="6" width="14" height="12" rx="2"></rect></svg><span class="flex-1">AI video generator</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/minimax-h3#generator" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-clapperboard size-4 shrink-0" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg><span class="flex-1">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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/image-background-remover#tool" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-eraser size-4 shrink-0" aria-hidden="true"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"></path><path d="M22 21H7"></path><path d="m5 11 9 9"></path></svg><span class="flex-1">
20Background remover</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/remove-matcha-filter#tool" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm transition-colors"><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="lucide lucide-sliders-horizontal size-4 shrink-0" aria-hidden="true"><line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line></svg><span class="flex-1">Remove matcha filter</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="lucide lucide-arrow-right size-3.5 opacity-45" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="border-border mt-2 border-t pt-2"><a href="/tools" class="hover:bg-muted flex min-h-11 items-center gap-3 rounded-xl px-3 py-2 text-sm font-semibold transition-colors"><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="lucide lucide-layout-grid size-4" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><span class="flex-1">Explore all 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="lucide lucide-arrow-right size-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></details></div><div class="flex w-full min-w-0 items-center gap-2 sm:w-auto sm:justify-end"><button type="button" class="border-border bg-background/80 hover:border-primary/40 hover:text-primary flex h-10 shrink-0 items-center gap-1.5 rounded-full border px-2.5 text-[11px] font-medium transition-colors disabled:cursor-wait disabled:opacity-70 sm:px-3 sm: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="lucide lucide-coins size-3.5" aria-hidden="true"><circle cx="8" cy="8" r="6"></circle><path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path><path d="M7 6h1v4"></path><path d="m16.71 13.88.7.71-2.82 2.82"></path></svg><span class="whitespace-nowrap">Loading balance</span></button><div class="border-border bg-muted/60 flex h-8 min-w-0 flex-1 items-center gap-2 rounded-full border px-2.5 text-[11px] sm:w-fit sm:flex-none sm:shrink-0 sm:px-3 sm:text-xs"><span class="relative flex size-2 shrink-0"><span class="absolute inline-flex size-full animate-ping rounded-full bg-amber-400 opacity-70"></span><span class="relative inline-flex size-2 rounded-full bg-amber-500"></span></span><span class="truncate font-medium">Qwen Image 3</span><span class="text-muted-foreground hidden whitespace-nowrap sm:inline">· <!-- -->Verified model endpoint</span></div></div></div><div class="grid lg:grid-cols-[1.1fr_.9fr]"><div class="flex flex-col gap-5 p-4 sm:gap-6 sm:p-7"><div class="bg-muted/60 order-1 grid grid-cols-2 rounded-xl p-1" aria-label="Creation mode"><button type="button" aria-current="page" class="bg-background text-foreground min-h-10 rounded-lg px-4 text-sm font-semibold shadow-sm">Generate</button><a href="/qwen-image-editor" class="text-muted-foreground hover:text-foreground flex min-h-10 items-center justify-center rounded-lg px-4 text-sm font-semibold">Edit</a></div><div class="order-3"><label for="homepage-prompt" class="text-sm font-medium">1. Describe the image you want</label><p class="text-muted-foreground mt-1 text-xs">Describe the subject, layout, exact text, style and lighting. Up to 5,000 characters.</p><textarea data-slot="textarea" class="flex field-sizing-content w-full border border-input transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 bg-background/80 mt-3 min-h-32 resize-none rounded-2xl p-4 text-sm leading-relaxed" id="homepage-prompt" placeholder="Example: A quiet bookshop on a rainy Tokyo street, warm window light, cinematic photography..." maxLength="5000"></textarea><p class="text-muted-foreground mt-1.5 text-right text-[11px] tabular-nums">0<!-- -->/<!-- -->5000</p></div><div class="order-5"><p class="text-muted-foreground mb-2 text-xs font-medium">Not sure what to write? Try an example</p><div class="-mx-4 flex snap-x gap-2 overflow-x-auto px-4 pb-1 [scrollbar-width:none] sm:mx-0 sm:flex-wrap sm:overflow-visible sm:px-0 sm:pb-0 [&amp;::-webkit-scrollbar]:hidden"><button type="button" class="border-border bg-background hover:border-primary/40 hover:text-primary min-h-10 shrink-0 snap-start rounded-full border px-3 py-1.5 text-left text-xs transition-colors">1<!-- -->. <!-- -->A white-and-cobalt performance <!-- -->…</button><button type="button" class="border-border bg-background hover:border-primary/40 hover:text-primary min-h-10 shrink-0 snap-start rounded-full border px-3 py-1.5 text-left text-xs transition-colors">2<!-- -->. <!-- -->A tiny night train crossing a b<!-- -->…</button><button type="button" class="border-border bg-background hover:border-primary/40 hover:text-primary min-h-10 shrink-0 snap-start rounded-full border px-3 py-1.5 text-left text-xs transition-colors">3<!-- -->. <!-- -->A serene cliffside library abov<!-- -->…</button></div></div><div data-tour="generator-options" class="order-2 grid gap-5 sm:grid-cols-2"><div><p class="mb-2 text-xs font-medium">
202. Model</p><div class="relative"><button type="button" aria-label="2. Model" aria-haspopup="listbox" aria-expanded="false" aria-controls="_R_2cand96aq_" class="border-border bg-background focus-visible:ring-primary/25 hover:border-primary/35 flex min-h-12 w-full items-center gap-3 rounded-2xl border px-2.5 text-left shadow-sm transition focus-visible:ring-4 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-60"><span data-model-visual="alibaba/qwen-image-3/text-to-image" class="flex shrink-0 items-center justify-center border border-violet-200 bg-violet-50 dark:border-violet-400/20 dark:bg-violet-400/10 size-8 rounded-lg" title="Qwen"><img src="/brands/qwen.svg" alt="" aria-hidden="true" width="20" height="20" class="object-contain size-4"/></span><span class="min-w-0 flex-1"><span class="block truncate text-sm font-semibold">Qwen Image 3</span><span class="text-muted-foreground block text-[11px]">5<!-- --> <!-- -->credits</span></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="lucide lucide-chevron-down text-muted-foreground size-4 shrink-0 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a href="/models" class="text-primary mt-2 inline-flex min-h-8 items-center text-xs font-semibold">Compare image models</a></div><div><p class="mb-2 text-xs font-medium">3. Choose shape</p><div class="flex gap-2"><button type="button" aria-label="Square" title="Square" class="flex h-10 flex-1 items-center justify-center rounded-xl border transition-colors border-primary bg-primary/8 text-primary"><span class="border border-current aspect-square w-5"></span></button><button type="button" aria-label="4:3" title="4:3" class="border-border flex h-10 flex-1 items-center justify-center rounded-xl border transition-colors text-muted-foreground hover:text-foreground"><span class="border border-current aspect-[4/3] w-5"></span></button><button type="button" aria-label="16:9" title="16:9" class="border-border flex h-10 flex-1 items-center justify-center rounded-xl border transition-colors text-muted-foreground hover:text-foreground"><span class="border border-current aspect-video w-5"></span></button><button type="button" aria-label="3:4" title="3:4" class="border-border flex h-10 flex-1 items-center justify-center rounded-xl border transition-colors text-muted-foreground hover:text-foreground"><span class="border border-current aspect-[3/4] h-5"></span></button><button type="button" aria-label="9:16" title="9:16" class="border-border flex h-10 flex-1 items-center justify-center rounded-xl border transition-colors text-muted-foreground hover:text-foreground"><span class="border border-current aspect-[9/16] h-5"></span></button></div></div></div><details class="border-border bg-muted/25 order-6 rounded-2xl border p-4"><summary class="cursor-pointer text-sm font-semibold">Advanced settings</summary><div class="mt-4 grid gap-4 sm:grid-cols-2"><label class="text-sm"><span class="font-medium">Negative prompt</span><input maxLength="500" placeholder="blurry, distorted text" class="border-border bg-background mt-2 min-h-11 w-full rounded-xl border px-3" value=""/></label><label class="text-sm"><span class="font-medium">Seed</span><input inputMode="numeric" placeholder="Random" aria-invalid="false" class="border-border bg-background mt-2 min-h-11 w-full rounded-xl border px-3" value=""/></label><div class="text-sm"><span class="font-medium">Prompt enhance (slower)</span><button type="button" aria-pressed="false" class="border-border bg-background mt-2 block min-h-11 w-full rounded-xl border px-3 text-left">Off</button></div><div class="text-sm"><span class="font-medium">Outputs</span><div class="mt-2 grid grid-cols-3 gap-2"><button type="button" disabled="" class="min-h-11 rounded-xl border border-primary bg-primary/8">1</button><button type="button" disabled="" class="border-border min-h-11 rounded-xl border">2</button><button type="button" disabled="" class="border-border min-h-11 rounded-xl border">4</button></div><p class="text-muted-foreground mt-1 text-xs">Sign up to generate</p></div></div></details><div data-tour="generator-submit" class="order-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"><p class="text-muted-foreground flex items-center gap-1.5 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="lucide lucide-sparkles size-3.5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>This generation uses 5 credits</p><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 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-
20px 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]: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 h-12 w-full rounded-full px-7 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="lucide lucide-sparkles size-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Sign up to generate</button></div></div><div class="border-border bg-muted/35 border-t p-4 sm:p-7 lg:border-t-0 lg:border-l"><div class="mb-3 flex items-center justify-between gap-3"><p class="text-sm font-medium">Your result</p></div><div class="border-border bg-background group relative flex min-h-60 w-full items-center justify-center overflow-hidden rounded-2xl border aspect-[4/3] sm:aspect-square"><div data-result-showcase="true" aria-label="Your image will appear here. Start with an example prompt if this is your first time." class="relative isolate size-full overflow-hidden"><img data-showcase-slide="0" src="/imgs/showcase/generator-sneaker-workflow.webp" alt="AI workflow transforming a white and cobalt sneaker into an urban advertising campaign" aria-hidden="false" width="1536" height="1024" class="absolute inset-0 size-full object-cover transition-[opacity,transform] duration-700 motion-reduce:transition-none scale-100 opacity-100"/><img data-showcase-slide="1" src="/imgs/showcase/generator-relight-workflow.webp" alt="" aria-hidden="true" width="1536" height="1024" class="absolute inset-0 size-full object-cover transition-[opacity,transform] duration-700 motion-reduce:transition-none pointer-events-none scale-[1.025] opacity-0"/><img data-showcase-slide="2" src="/imgs/showcase/generator-food-workflow.webp" alt="" aria-hidden="true" width="1536" height="1024" class="absolute inset-0 size-full object-cover transition-[opacity,transform] duration-700 motion-reduce:transition-none pointer-events-none scale-[1.025] opacity-0"/><img data-showcase-slide="3" src="/imgs/showcase/generator-concept-workflow.webp" alt="" aria-hidden="true" width="1536" height="1024" class="absolute inset-0 size-full object-cover transition-[opacity,transform] duration-700 motion-reduce:transition-none pointer-events-none scale-[1.025] opacity-0"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/5 to-black/20"></div><div class="absolute inset-x-0 top-0 flex items-center justify-between gap-3 p-4"><span class="max-w-[70%] truncate rounded-full border border-white/20 bg-black/35 px-3 py-1.5 text-[11px] font-semibold text-white shadow-sm backdrop-blur-md">Product campaign transformation</span><div class="flex gap-2"><button type="button" aria-label="Not sure what to write? Try an example 4" class="flex size-10 items-center justify-center rounded-full border border-white/25 bg-black/35 text-white shadow-sm backdrop-blur-md transition hover:bg-black/55 focus-visible:ring-2 focus-visible:ring-white focus-visible:outline-none"><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="lucide lucide-chevron-left size-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><button type="button" aria-label="Not sure what to write? Try an example 2" class="flex size-10 items-center justify-center rounded-full border border-white/25 bg-black/35 text-white shadow-sm backdrop-blur-md transition hover:bg-black/55 focus-visible:ring-2 focus-visible:ring-white focus-visible:outline-none"><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="lucide lucide-chevron-right size-4" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="absolute inset-x-0 bottom-0 p-4 sm:p-5"><p class="max-w-md text-sm leading-6 font-medium text-white drop-shadow-sm">Turn a clean sneaker reference into a finished blue-hour advertising scene.</p><div class="mt-3 flex items-center gap-2" role="group"><button type="button" aria-label="Not sure what to write? Try an example 1" aria-current="true" class="h-1.5 rounded-full shadow-sm transition-[width,background-color] motion-reduce:transition-none w-8 bg-white"></button><button type="button" aria-label="Not sure what to write? Try an example 2" class="h-1.5 rounded-full bg-white/55 shadow-sm transition-[width,background-color] motion-reduce:transition-none w-2.5 hover:bg-white/80"></button><button type="button" aria-label="Not sure what to write? Try an example 3" class="h-1.5 rounded-full bg-white/55 shadow-sm transition-[width,background-color] motion-reduce:transition-none w-2.5 hover:bg-white/80"></button><button type="button" aria-label="Not sure what to write? Try an example 4" class="h-1.5 rounded-full bg-white/55 shadow-sm transition-[width,background-color] motion-reduce:transition-none w-2.5 hover:bg-white/80"></button></div></div></div></div><div class="mt-4 flex items-center justify-between gap-3"><p class="text-muted-foreground flex items-center gap-1.5 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="lucide lucide-lock-keyhole size-3.5" aria-hidden="true"><circle cx="12" cy="16" r="1"></circle><rect x="3" y="10" width="18" height="12" rx="2"></rect><path d="M7 10V7a5 5 0 0 1 10 0v3"></path></svg>Signed-in generations are private by default</p></div></div></div></div></div></div></section></div></section><div class="[&amp;&gt;section]:[contain-intrinsic-size:auto_900px] [&amp;&gt;section]:[content-visibility:auto]"><section class="border-border border-y px-4 py-10"><div class="mx-auto grid max-w-7xl gap-3 sm:grid-cols-2 lg:grid-cols-6"><a href="/ai-image-generator" class="border-border bg-card hover:border-primary/40 group rounded-2xl border p-4 transition-colors"><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="lucide lucide-sparkles text-primary size-5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><h2 class="mt-3 text-sm font-semibold">Generate images</h2><p class="text-muted-foreground mt-1 text-xs leading-5">Start from a prompt and a precise model.</p></a><a href="/ai-image-editor" class="border-border bg-card hover:border-primary/40 group rounded-2xl border p-4 transition-colors"><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="lucide lucide-wand-sparkles text-primary size-5" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg><h2 class="mt-3 text-sm font-semibold">Edit photos</h2><p class="text-muted-foreground mt-1 text-xs leading-5">Describe a change with visual references.</p></a><a href="/ai-product-photo-generator" class="border-border bg-card hover:border-primary/40 group rounded-2xl border p-4 transition-colors"><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="lucide lucide-package-open text-primary size-5" aria-hidden="true"><path d="M12 22v-9"></path><path d="M15.17 2.21a1.67 1.67 0 0 1 1.63 0L21 4.57a1.93 1.93 0 0 1 0 3.36L8.82 14.79a1.655 1.655 0 0 1-1.64 0L3 12.43a1.93 1.93 0 0 1 0-3.36z"></path><path d="M20 13v3.87a2.06 2.06 0 0 1-1.11 1.83l-6 3.08a1.93 1.93 0 0 1-1.78 0l-6-3.08A2.06 2.06 0 0 1 4 16.87V13"></path><path d="M21 12.43a1.93 1.93 0 0 0 0-3.36L8.83 2.2a1.64 1.64 0 0 0-1.63 0L3 4.57a1.93 1.93 0 0 0 0 3.36l12.18 6.86a1.636 1.636 0 0 0 1.63 0z"></path></svg><h2 class="mt-3 text-sm font-semibold">Product photos</h2><p class="text-muted-foreground mt-1 text-xs leading-5">Build clean product and campaign sets.</p></a><a href="/image-background-remover" class="border-border bg-card hover:border-primary/40 group rounded-2xl border p-4 transition-colors"><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="lucide lucide-scan-line text-primary size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><path d="M7 12h10"></path></svg><h2 class="mt-3 text-sm font-semibold">Remove background</h2><p class="text-muted-foreground mt-1 text-xs leading-5">Create a transparent PNG cutout.</p></a><a href="/ai-image-upscaler" class="border-border bg-card hover:border-primary/40 group rounded-2xl border p-4 transition-colors"><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="lucide lucide-zoom-in text-primary size-5" aria-hidden="true"><circle cx="11" cy="11" r="8"></circle><line x1="21" x2="16.65" y1="21" y2="16.65"></line><line x1="11" x2="11" y1="8" y2="14"></line>
20<line x1="8" x2="14" y1="11" y2="11"></line></svg><h2 class="mt-3 text-sm font-semibold">Upscale</h2><p class="text-muted-foreground mt-1 text-xs leading-5">Increase detail and output dimensions.</p></a><a href="/online-image-editor" class="border-border bg-card hover:border-primary/40 group rounded-2xl border p-4 transition-colors"><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="lucide lucide-palette text-primary size-5" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><h2 class="mt-3 text-sm font-semibold">Create designs</h2><p class="text-muted-foreground mt-1 text-xs leading-5">Add text, layers, templates, and exports.</p></a></div></section><section class="px-4 py-16 sm:py-24"><div class="mx-auto max-w-7xl"><div class="flex flex-wrap items-end justify-between gap-5"><div><p class="text-primary text-xs font-semibold tracking-[.18em] uppercase">Image models</p><h2 class="mt-3 font-serif text-3xl tracking-tight sm:text-5xl">A dedicated generator for every model</h2><p class="text-muted-foreground mt-4 max-w-2xl leading-7">Open the model you searched for. Its page keeps that exact endpoint, capabilities, reference limit, and credit price.</p></div><a href="/models" class="border-border inline-flex min-h-11 items-center gap-2 rounded-full border px-5 text-sm font-semibold">Compare all 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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><a href="/qwen-image-3-1" class="border-border bg-card mt-8 grid gap-4 rounded-3xl border p-5 transition-colors hover:border-amber-400/70 sm:grid-cols-[auto_1fr_auto] sm:items-center sm:p-6"><span class="flex size-12 items-center justify-center rounded-2xl bg-amber-100 text-amber-800 dark:bg-amber-950/50 dark:text-amber-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="lucide lucide-calendar-clock size-6" aria-hidden="true"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.3V14"></path><circle cx="16" cy="16" r="6"></circle></svg></span><span><span class="flex flex-wrap items-center gap-2"><strong class="text-lg">Qwen Image 3.1</strong><span class="rounded-full bg-amber-100 px-2.5 py-1 text-[10px] font-semibold tracking-wide text-amber-900 uppercase dark:bg-amber-950/50 dark:text-amber-200">Announced</span></span><span class="text-muted-foreground mt-1 block text-sm leading-6">Track the confirmed 2026 release window, official API status, model ID, pricing, and launch-day verification.</span></span><span class="text-primary inline-flex items-center gap-2 text-sm font-semibold">View release status <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></a><div class="mt-8 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><article data-home-model-card="qwen-image-3-edit" class="border-border bg-card group overflow-hidden rounded-3xl border"><a href="/qwen-image-editor" class="relative block overflow-hidden"><img src="/imgs/seo/ecommerce-campaign-board.webp" alt="Reference editing and subject-preserving changes illustration" width="640" height="400" loading="lazy" class="aspect-[16/10] w-full object-cover transition-transform duration-500 group-hover:scale-[1.025]"/><span class="absolute bottom-3 left-3 rounded-full bg-black/65 px-3 py-1 text-[10px] font-semibold text-white">Generate</span><span data-model-visual="qwen-image-3-edit" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 dark:border-violet-400/20 dark:bg-violet-400/10 absolute top-3 left-3 bg-white/95 shadow-sm backdrop-blur" title="Qwe
20n"><img src="/brands/qwen.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span></a><div class="p-5"><h3 class="text-lg font-semibold">Qwen Image 3 Edit</h3><p class="text-muted-foreground mt-2 text-sm leading-6">Reference editing and subject-preserving changes</p><a href="/qwen-image-editor" class="text-primary mt-4 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Try Qwen Image 3 Edit<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article data-home-model-card="qwen-image-2.1" class="border-border bg-card group overflow-hidden rounded-3xl border"><a href="/qwen-image-2-1-generator" class="relative block overflow-hidden"><img src="/imgs/models/qwen-image-2-1-workflow-preview.webp" alt="Native transparent RGBA, generation, editing, and up to 10 documented references illustration" width="640" height="400" loading="lazy" class="aspect-[16/10] w-full object-cover transition-transform duration-500 group-hover:scale-[1.025]"/><span class="absolute bottom-3 left-3 rounded-full bg-black/65 px-3 py-1 text-[10px] font-semibold text-white">API preview</span><span data-model-visual="qwen-image-2.1" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-violet-200 dark:border-violet-400/20 dark:bg-violet-400/10 absolute top-3 left-3 bg-white/95 shadow-sm backdrop-blur" title="Qwen"><img src="/brands/qwen.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span></a><div class="p-5"><h3 class="text-lg font-semibold">Qwen Image 2.1</h3><p class="text-muted-foreground mt-2 text-sm leading-6">Native transparent RGBA, generation, editing, and up to 10 documented references</p><a href="/qwen-image-2-1-generator" class="text-primary mt-4 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Preview Qwen Image 2.1<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/qwen-image-2-1-transparent-png" class="mt-1 flex min-h-10 items-center gap-2 text-sm font-semibold text-emerald-700 dark:text-emerald-300">Native transparent PNG <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article data-home-model-card="gpt-image-2.5-flare" class="border-border bg-card group overflow-hidden rounded-3xl border"><a href="/gpt-image-2-5-flare" class="relative block overflow-hidden"><img src="/imgs/tools/ai-poster-showcase.webp" alt="High-detail campaign concepts illustration" width="640" height="400" loading="lazy" class="aspect-[16/10] w-full object-cover transition-transform duration-500 group-hover:scale-[1.025]"/><span class="absolute bottom-3 left-3 rounded-full bg-black/65 px-3 py-1 text-[10px] font-semibold text-white">Generate / Edit</span><span data-model-visual="gpt-image-2.5-flare" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-slate-200 dark:border-white/15 dark:bg-white/5 absolute top-3 left-3 bg-white/95 shadow-sm backdrop-blur" title="OpenAI"><img src="/brands/openai.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain dark:invert"/></span></a><div class="p-5"><h3 class="text-lg font-semibold">GPT Image 2.5 Flare</h3><p class="text-muted-foreground mt-2 text-sm leading-6">High-detail campaign concepts</p><a href="/gpt-image-2-5-flare" class="text-primary mt-4 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Try GPT Image 2.5 Flare<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article data-home-model-card="nano-banana-2" class="border-border bg-card group overflow-hidden rounded-3xl border"><a href="/nano-banana-2" class="relative block overflow-hidden"><img src="/imgs/showcase/ceramic-artist.webp" alt="Reference-led creative editing illustration" width="640" height="400" loading="lazy" class="aspect-[16/10] w-full object-cover transition-transform duration-500 group-hover:scale-[1.025]"/><span class="absolute bottom-3 left-3 rounded-full bg-black/65 px-3 py-1 text-[10px] font-semibold text-white">Generate / Edit</span><span data-model-visual="nano-banana-2" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-blue-200 dark:border-blue-400/20 dark:bg-blue-400/10 absolute top-3 left-3 bg-white/95 shadow-sm backdrop-blur" title="Google Gemini"><img src="/brands/gemini.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span></a><div class="p-5"><h3 class="text-lg font-semibold">Nano Banana 2</h3><p class="text-muted-foreground mt-2 text-sm leading-6">Reference-led creative editing</p><a href="/nano-banana-2" class="text-primary mt-4 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Try Nano Banana 2<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article data-home-model-card="seedream-5-pro" class="border-border bg-card group overflow-hidden rounded-3xl border"><a href="/seedream-5-pro" class="relative block overflow-hidden"><img src="/imgs/showcase/cobalt-perfume.webp" alt="High-resolution editorial visual
20s illustration" width="640" height="400" loading="lazy" class="aspect-[16/10] w-full object-cover transition-transform duration-500 group-hover:scale-[1.025]"/><span class="absolute bottom-3 left-3 rounded-full bg-black/65 px-3 py-1 text-[10px] font-semibold text-white">Generate / Edit</span><span data-model-visual="seedream-5-pro" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-cyan-200 dark:border-cyan-400/20 dark:bg-cyan-400/10 absolute top-3 left-3 bg-white/95 shadow-sm backdrop-blur" title="ByteDance Seed"><img src="/brands/seed.ico" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span></a><div class="p-5"><h3 class="text-lg font-semibold">Seedream 5.0 Pro</h3><p class="text-muted-foreground mt-2 text-sm leading-6">High-resolution editorial visuals</p><a href="/seedream-5-pro" class="text-primary mt-4 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Try Seedream 5.0 Pro<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article data-home-model-card="flux-2-pro" class="border-border bg-card group overflow-hidden rounded-3xl border"><a href="/flux-2-pro" class="relative block overflow-hidden"><img src="/imgs/generated/feature-styles-1783598714340.png" alt="Art direction and precise compositions illustration" width="640" height="400" loading="lazy" class="aspect-[16/10] w-full object-cover transition-transform duration-500 group-hover:scale-[1.025]"/><span class="absolute bottom-3 left-3 rounded-full bg-black/65 px-3 py-1 text-[10px] font-semibold text-white">Generate / Edit</span><span data-model-visual="flux-2-pro" class="flex size-10 shrink-0 items-center justify-center rounded-xl border border-slate-200 dark:border-white/15 dark:bg-white absolute top-3 left-3 bg-white/95 shadow-sm backdrop-blur" title="Black Forest Labs"><img src="/brands/bfl-symbol-black.svg" alt="" aria-hidden="true" width="20" height="20" class="size-5 object-contain"/></span></a><div class="p-5"><h3 class="text-lg font-semibold">FLUX.2 [pro]</h3><p class="text-muted-foreground mt-2 text-sm leading-6">Art direction and precise compositions</p><a href="/flux-2-pro" class="text-primary mt-4 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Try FLUX.2 [pro]<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article></div></div></section><section class="bg-muted/25 border-border border-y px-4 py-16 sm:py-24"><div class="mx-auto max-w-7xl"><div class="flex flex-wrap items-end justify-between gap-5"><div><p class="text-primary text-xs font-semibold tracking-[.18em] uppercase">Image tools</p><h2 class="mt-3 font-serif text-3xl tracking-tight sm:text-5xl">Start with the result you need</h2><p class="text-muted-foreground mt-4 max-w-2xl leading-7">Every tool opens its own upload, editor, batch, brand, template, or workflow interface. Advanced Studio remains available when you want to connect tasks.</p></div><a href="/tools" class="border-border bg-background inline-flex min-h-11 items-center gap-2 rounded-full border px-5 text-sm font-semibold">View all tools <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="mt-10"><h3 class="text-lg font-semibold">Product</h3><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><a data-tool-card="T03" href="/image-background-remover" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/background-remover.webp" alt="Backgroun
20d Remover effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T03" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-eraser size-5" aria-hidden="true"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"></path><path d="M22 21H7"></path><path d="m5 11 9 9"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Background Remover</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Remove a photo background and download a transparent PNG.</p></div></a><a data-tool-card="T04" href="/background-changer" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/background-changer.webp" alt="Background Changer effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T04" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-amber-700 dark:border-amber-400/20 dark:bg-amber-400/10 dark:text-amber-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-panels-top-left size-5" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M9 21V9"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Background Changer</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Apply a solid, gradient, uploaded, or generated scene behind a subject.</p></div></a></div></div><div class="mt-10"><h3 class="text-lg font-semibold">Enhance</h3><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><a data-tool-card="T07" href="/remove-object-from-photo" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/object-remover.webp" alt="Object Remover effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T07" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-cyan-700 dark:border-cyan-400/20 dark:bg-cyan-400/10 dark:text-cyan-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-scan-line size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><path d="M7 12h10"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Object Remover</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Mark an unwanted object and remove only the selected area.</p></div></a><a data-tool-card="T10" href="/ai-image-upscaler" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/image-upscaler.webp" alt="AI Image Upscaler effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T10" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-cyan-700 dark:border-cyan-400/20 dark:bg-cyan-400/10 dark:text-cyan-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-scan-search size-5" aria-hidden="true"><path d="M3 7V5a2 2 0 0 1 2-2h2"></path><path d="M17 3h2a2 2 0 0 1 2 2v2"></path><path d="M21 17v2a2 2 0 0 1-2 2h-2"></path><path d="M7 21H5a2 2 0 0 1-2-2v-2"></path><circle cx="12" cy="12" r="3"></circle><path d="m16 16-1.9-1.9"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">AI Image Upscaler</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Upscale an image at 2× or 4× and compare the output dimensions.</p></div></a></div></div><div class="mt-10"><h3 class="text-lg font-semibold">Design</h3><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><a data-tool-card="T12" href="/add-text-to-image" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/add-text.webp" alt="Add Text to Image effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T12" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-type size-5" aria-hidden="true"><path d="M12 4v16"></path><path d="M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2"></path><path d="M9 20h6"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Add Text to Image</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Place editable text with independent size, color, alignment, and position.</p></div></a><a data-tool-card="T13" href="/online-image-editor" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/online-image-editor.webp" alt="Online Image Editor effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T13" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-rose-700 dark:border-rose-400/20 dark:bg-rose-400/10 dark:text-rose-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-crop size-5" aria-hidden="true"><path d="M6 2v14a2 2 0 0 0 2 2h14"></path><path d="M18 22V8a2 2 0 0 0-2-2H2"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Online Image Editor</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Crop, rotate, resize, and export an image in one focused workspace.</p></div></a></div></div><div class="mt-10"><h3 class="text-lg font-semibold">Workflow</h3><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><a data-tool-card="T14" href="/batch-image-editor" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/batch-image-editor.webp" alt="Batch Image Editor effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T14" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/10 dark:text-emerald-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-images size-5" aria-hidden="true"><path d="M18 22H4a2 2 0 0 1-2-2V6"></path><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"></path><circle cx="12" cy="8" r="2"></circle><rect width="16" height="16" x="6" y="2" rx="2"></rect></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Batch Image Editor</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Queue multiple images, follow item-level progress, and retry failed items only.</p></div></a><a data-tool-card="T24" href="/prompt-builder" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/prompt-builder.webp" alt="Prompt Builder &amp; Sharing effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T24" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-emerald-700 dark:border-emerald-400/20 dark:bg-emerald-400/1
200 dark:text-emerald-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-share2 lucide-share-2 size-5" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">Prompt Builder &amp; Sharing</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Build a reusable prompt recipe from variables and share a redacted copy.</p></div></a></div></div><div class="mt-10"><h3 class="text-lg font-semibold">Create</h3><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><a data-tool-card="T01" href="/ai-image-generator" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/ai-image-generator.webp" alt="AI Image Generator effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T01" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-violet-700 dark:border-violet-400/20 dark:bg-violet-400/10 dark:text-violet-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-image-plus size-5" aria-hidden="true"><path d="M16 5h6"></path><path d="M19 2v6"></path><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"></path><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path><circle cx="9" cy="9" r="2"></circle></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">AI Image Generator</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Choose an available model and turn a prompt into a new image.</p></div></a><a data-tool-card="T02" href="/ai-image-editor" class="border-border bg-background group relative block aspect-[16/10] min-h-48 overflow-hidden rounded-2xl border shadow-sm transition duration-300 hover:-translate-y-0.5 hover:border-white/40 hover:shadow-xl focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-500"><img src="/imgs/tool-cards/ai-image-editor.webp" alt="AI Image Editor effect preview" width="960" height="600" loading="lazy" decoding="async" class="absolute inset-0 size-full object-cover transition-transform duration-500 group-hover:scale-[1.035]"/><div class="absolute inset-0 bg-linear-to-t from-slate-950/95 via-slate-950/28 to-black/5"></div><div class="absolute inset-x-0 top-0 flex items-start justify-between p-3"><span data-tool-visual="T02" class="flex size-10 shrink-0 items-center justify-center rounded-xl border text-violet-700 dark:border-violet-400/20 dark:bg-violet-400/10 dark:text-violet-300 border-white/70 bg-white/94 shadow-sm backdrop-blur"><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="lucide lucide-wand-sparkles size-5" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></span><span class="flex size-9 items-center justify-center rounded-full border border-white/35 bg-black/25 text-white shadow-sm backdrop-blur-sm"><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="lucide lucide-arrow-right size-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div><div class="absolute inset-x-0 bottom-0 p-4 text-white"><h4 class="text-base font-semibold tracking-tight">AI Image Editor</h4><p class="mt-1.5 line-clamp-2 text-xs leading-5 text-white/78">Upload reference images, choose an editing model, and describe the change.</p></div></a></div></div></div></section><section class="px-4 py-16 sm:py-24"><div class="mx-auto max-w-7xl"><p class="text-primary text-xs font-semibold tracking-[.18em] uppercase">Complete workflows</p><h2 class="mt-3 font-serif text-3xl tracking-tight sm:text-5xl">From source image to finished delivery</h2><div class="mt-8 grid gap-5 lg:grid-cols-3"><article class="border-border bg-card overflow-hidden rounded-3xl border"><img src="/imgs/tools/ai-product-photo-showcase.webp" alt="One product photo, a complete campaign set example" width="800" height="500" loading="lazy" class="aspect-[16/10] w-full object-cover"/>
20<div class="p-6"><h3 class="font-serif text-2xl">One product photo, a complete campaign set</h3><p class="text-muted-foreground mt-3 text-sm leading-6">Remove the background, add a believable shadow or scene, create an ad layout, then resize it for each channel.</p><a href="/product-image-set-generator" class="text-primary mt-5 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Create product photos<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article class="border-border bg-card overflow-hidden rounded-3xl border"><img src="/imgs/tools/ai-poster-showcase.webp" alt="Generate a poster, then edit its text separately example" width="800" height="500" loading="lazy" class="aspect-[16/10] w-full object-cover"/><div class="p-6"><h3 class="font-serif text-2xl">Generate a poster, then edit its text separately</h3><p class="text-muted-foreground mt-3 text-sm leading-6">Create the visual direction first. Keep price, date, and headline as editable layers before exporting multiple sizes.</p><a href="/ai-poster-generator" class="text-primary mt-5 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Make a poster<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article><article class="border-border bg-card overflow-hidden rounded-3xl border"><img src="/imgs/generated/feature-styles-1783598714340.png" alt="Turn a sketch into editable vector artwork example" width="800" height="500" loading="lazy" class="aspect-[16/10] w-full object-cover"/><div class="p-6"><h3 class="font-serif text-2xl">Turn a sketch into editable vector artwork</h3><p class="text-muted-foreground mt-3 text-sm leading-6">Use a sketch as the structural reference, convert the chosen graphic into real paths, then recolor and export SVG.</p><a href="/image-to-svg" class="text-primary mt-5 inline-flex min-h-10 items-center gap-2 text-sm font-semibold">Convert to SVG<!-- --> <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></article></div></div></section><section id="how-it-works" class="border-border border-t px-4 py-16 sm:py-32"><div class="mx-auto max-w-5xl"><div class="mb-10 text-left sm:mb-16 sm:text-center"><p class="text-primary mb-3 text-xs font-semibold tracking-[0.22em] uppercase sm:hidden">01 — 03</p><h2 class="font-serif text-3xl font-normal tracking-tight sm:text-5xl">How it works</h2><p class="text-muted-foreground mt-4 max-w-lg text-sm leading-relaxed sm:mx-auto sm:mt-5 sm:text-base">From idea to image in three simple steps.</p></div><div class="before:from-primary/50 before:via-primary/20 relative grid gap-3 before:absolute before:top-8 before:bottom-8 before:left-6 before:w-px before:bg-linear-to-b before:to-transparent sm:gap-8 sm:before:hidden md:grid-cols-3"><article class="border-border/70 bg-card/70 relative grid grid-cols-[3rem_1fr] gap-4 rounded-2xl border p-4 text-left shadow-sm backdrop-blur-sm sm:block sm:border-0 sm:bg-transparent sm:p-0 sm:text-center sm:shadow-none"><div class="bg-primary/10 text-primary ring-background relative z-10 flex size-12 items-center justify-center rounded-2xl ring-4 sm:mx-auto sm:mb-5 sm:size-14 sm:ring-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-line size-6" aria-hidden="true"><path d="M12 20h9"></path><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"></path></svg></div><div class="min-w-0 pt-0.5 sm:pt-0"><span class="text-primary mb-1.5 block text-[11px] font-semibold tracking-widest uppercase sm:mb-2 sm:text-xs">Step 1</span>
20<h3 class="mb-1.5 text-base font-semibold sm:mb-2 sm:text-lg sm:font-medium">Write your prompt</h3><p class="text-muted-foreground text-sm leading-relaxed">Describe what you want to see — subject, style, colors, and mood.</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="lucide lucide-arrow-right text-muted-foreground/40 absolute top-7 -right-4 hidden size-5 md:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></article><article class="border-border/70 bg-card/70 relative grid grid-cols-[3rem_1fr] gap-4 rounded-2xl border p-4 text-left shadow-sm backdrop-blur-sm sm:block sm:border-0 sm:bg-transparent sm:p-0 sm:text-center sm:shadow-none"><div class="bg-primary/10 text-primary ring-background relative z-10 flex size-12 items-center justify-center rounded-2xl ring-4 sm:mx-auto sm:mb-5 sm:size-14 sm:ring-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-6" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><div class="min-w-0 pt-0.5 sm:pt-0"><span class="text-primary mb-1.5 block text-[11px] font-semibold tracking-widest uppercase sm:mb-2 sm:text-xs">Step 2</span><h3 class="mb-1.5 text-base font-semibold sm:mb-2 sm:text-lg sm:font-medium">Generate</h3><p class="text-muted-foreground text-sm leading-relaxed">Qwen Image 3 renders your description into a unique high-quality image.</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="lucide lucide-arrow-right text-muted-foreground/40 absolute top-7 -right-4 hidden size-5 md:block" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></article><article class="border-border/70 bg-card/70 relative grid grid-cols-[3rem_1fr] gap-4 rounded-2xl border p-4 text-left shadow-sm backdrop-blur-sm sm:block sm:border-0 sm:bg-transparent sm:p-0 sm:text-center sm:shadow-none"><div class="bg-primary/10 text-primary ring-background relative z-10 flex size-12 items-center justify-center rounded-2xl ring-4 sm:mx-auto sm:mb-5 sm:size-14 sm:ring-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download size-6" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></div><div class="min-w-0 pt-0.5 sm:pt-0"><span class="text-primary mb-1.5 block text-[11px] font-semibold tracking-widest uppercase sm:mb-2 sm:text-xs">Step 3</span><h3 class="mb-1.5 text-base font-semibold sm:mb-2 sm:text-lg sm:font-medium">Download &amp; share</h3><p class="text-muted-foreground text-sm leading-relaxed">Save the result instantly and use it anywhere — social, ads, or personal projects.</p></div></article></div></div></section><section id="features" class="border-border/70 relative overflow-hidden border-y px-4 py-16 sm:py-32"><div class="bg-primary/6 pointer-events-none absolute top-0 left-1/2 h-72 w-[44rem] -translate-x-1/2 rounded-full blur-3xl"></div><div class="relative mx-auto max-w-6xl"><div class="mx-auto mb-10 max-w-2xl text-left sm:mb-16 sm:text-center"><p class="text-primary mb-4 text-xs font-semibold tracking-[0.22em] uppercase">Creative workflow</p><h2 class="font-serif text-3xl leading-tight font-normal tracking-tight text-balance sm:text-5xl">From your first prompt to an image you can use</h2><p class="text-muted-foreground mx-auto mt-5 max-w-xl leading-relaxed">Only the choices that matter, explained at every step so a beginner can complete a first generation with confidence.</p></div><div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><article class="group border-border/80 bg-background/75 hover:border-primary/25 relative min-h-0 overflow-hidden rounded-2xl border p-5 shadow-sm backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/5 sm:min-h-56 sm:p-7"><div class="mb-5 flex items-start justify-between sm:mb-9"><div class="bg-primary/9 text-primary ring-primary/10 flex size-11 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles size-5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div>
20<span class="text-muted-foreground/50 font-mono text-xs tracking-widest">01</span></div><h3 class="text-lg font-semibold tracking-tight">Guided prompting</h3><p class="text-muted-foreground mt-2.5 text-sm leading-6">Build a clear prompt from subject, setting, style, and lighting, or begin with a ready-to-edit example.</p><div class="from-primary/0 via-primary/35 to-primary/0 absolute inset-x-6 bottom-0 h-px bg-gradient-to-r opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></article><article class="group border-border/80 bg-background/75 hover:border-primary/25 relative min-h-0 overflow-hidden rounded-2xl border p-5 shadow-sm backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/5 sm:min-h-56 sm:p-7"><div class="mb-5 flex items-start justify-between sm:mb-9"><div class="bg-primary/9 text-primary ring-primary/10 flex size-11 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal size-5" aria-hidden="true"><line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line></svg></div><span class="text-muted-foreground/50 font-mono text-xs tracking-widest">02</span></div><h3 class="text-lg font-semibold tracking-tight">One focused Qwen Image 3 workflow</h3><p class="text-muted-foreground mt-2.5 text-sm leading-6">Generate with the verified Qwen Image 3 endpoint, then continue in the reference-image editor when you need revisions.</p><div class="from-primary/0 via-primary/35 to-primary/0 absolute inset-x-6 bottom-0 h-px bg-gradient-to-r opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></article><article class="group border-border/80 bg-background/75 hover:border-primary/25 relative min-h-0 overflow-hidden rounded-2xl border p-5 shadow-sm backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/5 sm:min-h-56 sm:p-7"><div class="mb-5 flex items-start justify-between sm:mb-9"><div class="bg-primary/9 text-primary ring-primary/10 flex size-11 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-ratio size-5" aria-hidden="true"><rect width="12" height="20" x="6" y="2" rx="2"></rect><rect width="20" height="12" x="2" y="6" rx="2"></rect></svg></div><span class="text-muted-foreground/50 font-mono text-xs tracking-widest">03</span></div><h3 class="text-lg font-semibold tracking-tight">Useful aspect ratios</h3><p class="text-muted-foreground mt-2.5 text-sm leading-6">Choose square, landscape, or portrait for common product, poster, and social-content layouts.</p><div class="from-primary/0 via-primary/35 to-primary/0 absolute inset-x-6 bottom-0 h-px bg-gradient-to-r opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></article><article class="group border-border/80 bg-background/75 hover:border-primary/25 relative min-h-0 overflow-hidden rounded-2xl border p-5 shadow-sm backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/5 sm:min-h-56 sm:p-7"><div class="mb-5 flex items-start justify-between sm:mb-9"><div class="bg-primary/9 text-primary ring-primary/10 flex size-11 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock-keyhole size-5" aria-hidden="true"><circle cx="12" cy="16" r="1"></circle><rect x="3" y="10" width="18" height="12" rx="2"></rect><path d="M7 10V7a5 5 0 0 1 10 0v3"></path></svg></div>
20<span class="text-muted-foreground/50 font-mono text-xs tracking-widest">04</span></div><h3 class="text-lg font-semibold tracking-tight">Private by default</h3><p class="text-muted-foreground mt-2.5 text-sm leading-6">Signed-in tasks stay private by default; the leaderboard never publishes prompts, images, or account details.</p><div class="from-primary/0 via-primary/35 to-primary/0 absolute inset-x-6 bottom-0 h-px bg-gradient-to-r opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></article><article class="group border-border/80 bg-background/75 hover:border-primary/25 relative min-h-0 overflow-hidden rounded-2xl border p-5 shadow-sm backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/5 sm:min-h-56 sm:p-7"><div class="mb-5 flex items-start justify-between sm:mb-9"><div class="bg-primary/9 text-primary ring-primary/10 flex size-11 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins size-5" aria-hidden="true"><circle cx="8" cy="8" r="6"></circle><path d="M18.09 10.37A6 6 0 1 1 10.34 18"></path><path d="M7 6h1v4"></path><path d="m16.71 13.88.7.71-2.82 2.82"></path></svg></div><span class="text-muted-foreground/50 font-mono text-xs tracking-widest">05</span></div><h3 class="text-lg font-semibold tracking-tight">Transparent credits</h3><p class="text-muted-foreground mt-2.5 text-sm leading-6">Qwen Image 3 uses 5 credits per output. Confirmed provider failures automatically restore the credits used by that task.</p><div class="from-primary/0 via-primary/35 to-primary/0 absolute inset-x-6 bottom-0 h-px bg-gradient-to-r opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></article><article class="group border-border/80 bg-background/75 hover:border-primary/25 relative min-h-0 overflow-hidden rounded-2xl border p-5 shadow-sm backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-black/5 sm:min-h-56 sm:p-7"><div class="mb-5 flex items-start justify-between sm:mb-9"><div class="bg-primary/9 text-primary ring-primary/10 flex size-11 items-center justify-center rounded-xl ring-1 transition-transform duration-300 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download size-5" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg></div><span class="text-muted-foreground/50 font-mono text-xs tracking-widest">06</span></div><h3 class="text-lg font-semibold tracking-tight">Organized results</h3><p class="text-muted-foreground mt-2.5 text-sm leading-6">Preview and download completed images, then manage your creation history from the personal workspace.</p><div class="from-primary/0 via-primary/35 to-primary/0 absolute inset-x-6 bottom-0 h-px bg-gradient-to-r opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></article></div></div></section><section class="border-border border-t px-4 py-16 sm:py-24"><div class="mx-auto grid max-w-6xl items-center gap-10 lg:grid-cols-2"><img src="/imgs/seo/ecommerce-campaign-board.webp" alt="Qwen Image reference editing workflow" width="1024" height="640" loading="lazy" class="w-full rounded-3xl border object-cover"/><div><p class="text-primary text-xs font-semibold tracking-[.18em] uppercase">Image editing</p><h2 class="mt-4 font-serif text-3xl tracking-tight sm:text-5xl">Change the scene, keep the subject</h2><p class="text-muted-foreground mt-5 leading-7">Upload up to three references. Describe the exact edit, then name the product, text, crop and geometry that must remain unchanged.</p><a href="/qwen-image-editor" class="bg-primary text-primary-foreground mt-7 inline-flex min-h-12 items-center gap-2 rounded-full px-6 text-sm font-semibold"><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="lucide lucide-image-plus size-4" aria-hidden="true"><path d="M16 5h6"></path><path d="M19 2v6"></path><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"></path><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path><circle cx="9" cy="9" r="2"></circle></svg>Edit an image</a></div></div></section><section id="prompts" class="w-full min-w-0 scroll-mt-20 overflow-hidden px-3 text-slate-950 sm:px-4 dark:text-white bg-[#fbfaf7] py-14 sm:py-20 dark:bg-slate-950"><div class="mx-auto w-full max-w-7xl min-w-0"><div class="relative overflow-hidden rounded-[1.75rem] border border-slate-200/80 bg-[radial-gradient(circle_at_10%_0%,rgba(139,92,246,.13),transparent_28%),radial-gradient(circle_at_90%_10%,rgba(45,212,191,.1),transparent_26%),rgba(255,255,255,.86)] px-4 py-9 shadow-[0_24px_80px_rgba(51,38,25,.08)] sm:px-8 sm:py-12 lg:px-10 dark:border-white/10 dark:bg-[#0e0d19]"><div class="relative mx-auto max-w-3xl text-center"><span class="border-primary/25 bg-primary/8 text-primary inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs font-semibold"><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="lucide lucide-sparkles size-3.5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Ready-to-use creative inspiration</span><h2 class="mt-5 font-serif text-3xl font-medium tracking-tight sm:text-5xl">AI image and video prompt library</h2><p class="mx-auto mt-4 max-w-2xl text-sm leading-7 text-slate-600 sm:text-base dark:text-white/55">Explore a selection from 65 image and video prompts for products, posters, typography, illustration and cinematic sce
20nes. Open the full library to filter by task, format and visual style.</p></div><div class="relative mt-8 grid gap-4"><div class="min-w-0"><label class="relative hidden"><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="lucide lucide-search pointer-events-none absolute top-1/2 left-4 size-4 -translate-y-1/2 text-slate-400" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg><input type="search" placeholder="Search scenes, styles, compositions or moods…" class="focus:border-primary/50 h-12 w-full rounded-2xl border border-slate-200 bg-white/80 pr-4 pl-11 text-sm text-slate-950 shadow-sm outline-none dark:border-white/10 dark:bg-black/25 dark:text-white" value=""/></label><div class="mt-4 justify-between gap-4 text-xs text-slate-500 hidden"><span>8 prompts</span><span class="hidden sm:inline">Images open in Qwen Image 3; videos let you choose the model</span></div><div class="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><article data-home-prompt-card="chinese-tea-poster" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/imgs/seo/text-rendering-case.webp" alt="Chinese tea launch poster image prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Chinese</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Image</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Chinese tea launch poster</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Qwen Image 3 · 3:4 · 2K</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dark:text-white/52">Design a vertical Chinese tea launch poster. Exact headline: “春山新茶”. Exact subheading: “明前龙井 · 清香回甘”. Pale rice-paper texture, one ceramic cup, restrained ink landscape, clear hierarchy, generous margins, no extra text.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><a href="/#generator" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-image size-4" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Use this prompt</a></div></div></article><article data-home-prompt-card="jellyfish_drift" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/prompts/jellyfish-drift-poster.jpg" alt="Jellyfish in the abyss video prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Nature</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Video</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Jellyfish in the abyss</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Compatible with 4 video models</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dar
20k:text-white/52">A luminous jellyfish drifts through a black underwater canyon while smaller jellyfish rise in the distance. The camera glides slowly upward beside its translucent bell; fine particles roll through shafts of blue light, tentacles pulse naturally, and deep ocean ambience remains soft and spacious.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><button type="button" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-clapperboard size-4" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>Use this prompt</button></div></div></article><article data-home-prompt-card="editorial-type-poster" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/imgs/seo/prompt-case-board.webp" alt="Editorial typography poster image prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Typography</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Image</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Editorial typography poster</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Qwen Image 3 · 3:4 · 2K</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dark:text-white/52">Create a modern editorial poster with the exact headline “FORM FOLLOWS FEELING” and small caption “Design study 03”. Swiss grid, black type on warm ivory, one cobalt geometric form, crisp kerning, no extra words.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><a href="/#generator" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-image size-4" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Use this prompt</a></div></div></article><article data-home-prompt-card="red_silk_salt" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/prompts/red-silk-salt-poster.jpg" alt="Red silk over the salt flat video prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Cinematic</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Video</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Red silk over the salt flat</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Compatible with 4 video models</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dar
20k:text-white/52">Long red silk ribbons ripple above an endless white salt flat beneath moving storm clouds. Track laterally along the fabric as wind sends waves through each layer, long shadows slide over cracked ground, and the restrained soundscape carries only fabric, wind, and distant thunder.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><button type="button" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-clapperboard size-4" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>Use this prompt</button></div></div></article><article data-home-prompt-card="cobalt-perfume-ad" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/imgs/showcase/cobalt-perfume.webp" alt="Cobalt perfume advertisement image prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Product</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Image</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Cobalt perfume advertisement</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Qwen Image 3 · 4:3 · 2K</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dark:text-white/52">Premium cobalt-blue perfume bottle on dark slate, precise glass reflections, narrow rim light, soft mist behind the bottle, luxury studio advertising, centered product, label readable, no extra objects.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><a href="/#generator" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-image size-4" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Use this prompt</a></div></div></article><article data-home-prompt-card="bottle_storm" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/prompts/bottle-storm-poster.jpg" alt="Storm inside a bottle video prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Fantasy &amp; animation</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Video</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Storm inside a bottle</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Compatible with 4 video models</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dar
20k:text-white/52">Macro cinematic view of a tiny wooden sailboat trapped inside a rain-covered glass bottle. The miniature sea rocks the hull as lightning briefly illuminates the sails; orbit gently around the wet glass with shallow depth of field, crisp droplets, muffled thunder, and creaking timber.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><button type="button" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-clapperboard size-4" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>Use this prompt</button></div></div></article><article data-home-prompt-card="ecommerce-campaign-grid" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/imgs/seo/ecommerce-campaign-board.webp" alt="E-commerce campaign board image prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Ecommerce</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Image</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">E-commerce campaign board</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Qwen Image 3 · 16:9 · 2K</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dark:text-white/52">Build a clean e-commerce campaign board for a neutral running shoe: hero product image, two detail crops, three benefit labels, size guide panel and a clear “SHOP THE DROP” callout. White and graphite palette, consistent product geometry.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><a href="/#generator" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-image size-4" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg>Use this prompt</a></div></div></article><article data-home-prompt-card="ink_bloom" class="group overflow-hidden rounded-2xl border border-slate-200/90 bg-white shadow-sm transition hover:-translate-y-1 hover:border-violet-200 dark:border-white/10 dark:bg-white/[.045]"><div class="relative aspect-[16/10] overflow-hidden"><img src="/prompts/ink-bloom-poster.jpg" alt="Color blooming in water video prompt example" width="640" height="400" loading="lazy" class="size-full object-cover transition duration-500 group-hover:scale-[1.04]"/><div class="absolute inset-0 bg-gradient-to-t from-black/85 via-black/5 to-black/10"></div><div class="absolute top-3 right-3 left-3 flex justify-between gap-2"><span class="rounded-full bg-black/45 px-2.5 py-1 text-[10px] font-semibold text-white">Cinematic</span><span class="rounded-full bg-white/90 px-2.5 py-1 text-[10px] font-bold text-slate-900">AI Video</span></div><h3 class="absolute right-4 bottom-3 left-4 text-base font-semibold text-white">Color blooming in water</h3></div><div class="p-4"><div class="mb-2 text-[10px] font-medium text-slate-400">Compatible with 4 video models</div><p class="line-clamp-4 min-h-20 text-xs leading-5 text-slate-600 dar
20k:text-white/52">Orange, magenta, violet, and cyan ink bloom through crystal-clear water in extreme slow motion. Hold a clean macro frame as curling clouds collide, fold, and dissolve into delicate filaments; use bright backlight, microscopic detail, subtle liquid movement, and no visible container.</p><div class="mt-4 grid gap-2 sm:grid-cols-2"><button type="button" class="flex min-h-10 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-slate-50 px-3 text-xs font-semibold dark:border-white/10 dark:bg-white/7"><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="lucide lucide-copy size-4" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy prompt</button><button type="button" class="bg-primary text-primary-foreground flex min-h-10 items-center justify-center gap-2 rounded-xl px-3 text-xs font-semibold"><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="lucide lucide-clapperboard size-4" aria-hidden="true"><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z"></path><path d="m6.2 5.3 3.1 3.9"></path><path d="m12.4 3.4 3.1 4"></path><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"></path></svg>Use this prompt</button></div></div></article></div><a href="/prompts" class="border-border bg-background hover:border-primary/40 hover:text-primary mx-auto mt-8 flex min-h-11 w-fit items-center gap-2 rounded-full border px-5 text-sm font-semibold">Explore more prompts<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="lucide lucide-wand-sparkles size-4" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></a></div></div></div></div></section><section class="px-4 py-16 sm:py-24"><div class="mx-auto max-w-6xl"><p class="text-primary text-xs font-semibold tracking-[.18em] uppercase">Qwen Image 3 Lab</p><h2 class="mt-3 font-serif text-3xl tracking-tight sm:text-5xl">Prompts, visible results and failure notes</h2><p class="text-muted-foreground mt-4 max-w-2xl leading-7">Each lab page states what was tested, what worked, what needs review and how the prompt can be improved. Unknown data stays unknown.</p><div class="mt-8 grid gap-4 md:grid-cols-3"><a href="/qwen-image-3-chinese-text-test" class="border-border bg-card rounded-2xl border p-5"><h3 class="font-semibold">Qwen Image 3 Chinese Text Test</h3><p class="text-muted-foreground mt-2 line-clamp-3 text-sm leading-6">Qwen Image 3 can produce useful Chinese display text, but small copy still needs visual proofreading before publication.</p></a><a href="/qwen-image-3-typography-test" class="border-border bg-card rounded-2xl border p-5"><h3 class="font-semibold">Qwen Image 3 Typography Test</h3><p class="text-muted-foreground mt-2 line-clamp-3 text-sm leading-6">Short English and Chinese headlines are the safest typography use case; mixed-language and small text need stricter prompts and review.</p></a><a href="/qwen-image-3-product-photo-test" class="border-border bg-card rounded-2xl border p-5"><h3 class="font-semibold">Qwen Image 3 Product Photo Test</h3><p class="text-muted-foreground mt-2 line-clamp-3 text-sm leading-6">The model is useful for premium product concepts, especially when the brief defines material, lighting, contact shadow and camera angle.</p></a><a href="/qwen-image-3-infographic-test" class="border-border bg-card rounded-2xl border p-5"><h3 class="font-semibold">Qwen Image 3 Infographic Test</h3><p class="text-muted-foreground mt-2 line-clamp-3 text-sm leading-6">Qwen Image 3 can draft strong infographic layouts, but facts and labels must be validated separately.</p></a><a href="/qwen-image-3-image-editing-test" class="border-border bg-card rounded-2xl border p-5"><h3 class="font-semibold">Qwen Image 3 Image Editing Test</h3><p class="text-muted-foreground mt-2 line-clamp-3 text-sm leading-6">Reference editing works best when the instruction separates the requested change from details that must remain unchanged.</p></a><a href="/qwen-image-3-vs-pro" class="border-border bg-card rounded-2xl border p-5"><h3 class="font-semibold">Qwen Image 3 Standard vs Pro</h3><p class="text-muted-foreground mt-2 line-clamp-3 text-sm leading-6">This site currently exposes one verified Qwen Image 3 endpoint, so it does not publish a fabricated Standard-versus-Pro winner.</p></a></div><a href="/lab" class="text-primary mt-7 inline-flex items-center gap-2 font-semibold">Open the Lab <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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section><section id="pricing" class="border-border relative isolate overflow-hidden border-t px-3 py-16 sm:px-4 sm:py-32"><div class="relative z-10 mx-auto max-w-6xl"><div data-tour="subscription-overview" class="mb-9 text-center sm:mb-16"><p class="text-primary mb-3 text-xs font-semibold tracking-[0.2em] uppercase">Plans that grow with you</p><h2 class="font-serif text-4xl tracking-tight sm:text-5xl">Qwen Image Pricing &amp; Credit Plans</h2><p class="text-muted-foreground mx-auto mt-4 max-w-2xl text-sm leading-relaxed sm:mt-5 sm:text-base">Choose the recommended monthly plan for regular creation, or a flexible one-time credit pack with no renewal.</p><p class="text-muted-foreground mt-3 text-xs">Each Qwen Image 3 generation uses 5 credits. Monthly plans offer the lowest cost per credit.</p></div><div class="space-y-7 sm:space-y-10"><div class="mx-auto grid snap-x snap-mandatory auto-cols-[88%] grid-flow-col gap-3 overflow-x-auto px-1 pb-4 [scrollbar-width:none] sm:snap-none sm:auto-cols-auto sm:grid-flow-row sm:gap-6 sm:overflow-visible sm:px-0 sm:pb-0 [&amp;::-webkit-scrollbar]:hidden max-w-3xl sm:grid-cols-2"><div class="border-border relative flex min-w-0 snap-center flex-col rounded-[1.5rem] border p-6 transition-all sm:rounded-2xl sm:p-8 bg-card ring-foreground
20/10 shadow-md ring-1"><span class="bg-primary text-primary-foreground absolute top-5 right-5 rounded-full px-2.5 py-1 text-[10px] font-semibold tracking-wide uppercase">Popular</span><div data-tour="subscription-plan"><p class="text-foreground mb-2 text-sm font-medium">Creator</p><div class="mb-2 flex flex-wrap items-baseline gap-x-2 gap-y-1"><span class="text-primary font-serif text-4xl font-semibold tracking-tight sm:text-5xl">$19.99</span><span class="text-muted-foreground text-sm">/<!-- -->mo</span></div><p class="text-muted-foreground mb-3 text-sm">Best for consistent creators</p><p class="bg-muted text-foreground mb-8 rounded-lg px-3 py-2 text-xs leading-5">Card payment · Renews automatically every month</p><p class="text-primary mb-5 text-sm font-semibold">About $0.091 per image</p></div><button type="button" tabindex="0" data-slot="button" data-tour="subscription-checkout" class="group/button inline-flex shrink-0 items-center justify-center 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]: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-10 w-full rounded-full text-sm font-medium">Get Started</button><ul class="mt-6 space-y-3 sm:mt-8"><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-check text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground/90">Everything in Starter</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-images text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M18 22H4a2 2 0 0 1-2-2V6"></path><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"></path><circle cx="12" cy="8" r="2"></circle><rect width="16" height="16" x="6" y="2" rx="2"></rect></svg><span class="text-foreground/90">Up to 220 Qwen Image 3 images / month</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-sparkles text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="text-foreground/90">1,100 monthly credits</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-boxes text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg>
20<span class="text-foreground/90">More monthly generations</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-gauge text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg><span class="text-foreground/90">Lower cost per credit</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-wand-sparkles text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg><span class="text-foreground/90">Email billing support</span></li></ul></div><div class="border-border relative flex min-w-0 snap-center flex-col rounded-[1.5rem] border p-6 transition-all sm:rounded-2xl sm:p-8 bg-background hover:border-foreground
20/30"><div><p class="text-foreground mb-2 text-sm font-medium">Flex</p><div class="mb-2 flex flex-wrap items-baseline gap-x-2 gap-y-1"><span class="text-primary font-serif text-4xl font-semibold tracking-tight sm:text-5xl">$11.99</span></div><p class="text-muted-foreground mb-3 text-sm">Extra room for active projects</p><p class="text-primary mb-5 text-sm font-semibold">About $0.100 per image</p></div><button type="button" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center border 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]: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 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-10 w-full rounded-full text-sm font-medium">Buy credits</button><ul class="mt-6 space-y-3 sm:mt-8"><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-sparkles text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><span class="text-foreground/90">600 credits</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-images text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M18 22H4a2 2 0 0 1-2-2V6"></path><path d="m22 13-1.296-1.296a2.41 2.41 0 0 0-3.408 0L11 18"></path><circle cx="12" cy="8" r="2"></circle><rect width="16" height="16" x="6" y="2" rx="2"></rect></svg><span class="text-foreground/90">Up to 120 Qwen Image 3 images</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-credit-card text-muted-foreground size-4 shrink-0" aria-hidden="true"><rect width="20" height="14" x="2" y="5" rx="2"></rect><line x1="2" x2="22" y1="10" y2="10"></line></svg><span class="text-foreground/90">One-time payment · no auto-renewal</span></li><li class="flex items-center gap-2.5 text-sm"><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="lucide lucide-calendar-days text-muted-foreground size-4 shrink-0" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg><span class="text-foreground/90">Credits are valid for 365 days</span></li></ul></div></div></div><div class="mt-8 text-center"><a href="/pricing" class="text-primary hover:text-primary/80 text-sm font-semibold underline underline-offset-4">Compare every plan and payment option</a></div></div></section><section id="faq" class="px-4 py-24 sm:py-32"><div class="mx-auto max-w-3xl"><div class="mb-16 text-center"><h2 class="font-serif text-4xl font-medium tracking-tight sm:text-5xl">Frequently asked questions</h2><p class="text-muted-foreground mt-5">What you need to know about creating, daily check-ins, referrals and using credits.</p></div><div data-orientation="vertical" dir="ltr" role="region" data-slot="accordion" class="flex flex-col w-full"><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_d296aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">What can I create on this website?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_l296aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">Which AI models and tools are actually available now?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_t296aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">Can I try the workflow before signing in?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_15296aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">How do daily check-ins and referral rewards work?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_1d296aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">How are credits calculated, and are failed tasks refunded?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_1l296
20aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">Can I use generated images commercially?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div><div data-orientation="vertical" data-index="-1" data-closed="" data-slot="accordion-item" class="not-last:border-b"><h3 data-orientation="vertical" data-index="-1" data-closed="" class="flex"><button type="button" data-value="" data-orientation="vertical" data-index="-1" aria-disabled="false" aria-expanded="false" id="base-ui-_R_1t296aqH2_" tabindex="0" data-slot="accordion-trigger" class="group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent transition-all outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground cursor-pointer py-6 text-left text-base font-medium hover:no-underline">Are my prompts, uploads and results public?<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="lucide lucide-chevron-down pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m6 9 6 6 6-6"></path></svg><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="lucide lucide-chevron-up pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" aria-hidden="true" data-slot="accordion-trigger-icon"><path d="m18 15-6-6-6 6"></path></svg></button></h3></div></div></div></section><section class="px-4 pb-24 sm:pb-24"><div class="relative mx-auto max-w-5xl overflow-hidden rounded-3xl"><img src="/imgs/generated/cta-bg-1783598744067.png" alt="" width="1600" height="600" class="absolute inset-0 size-full object-cover"/><div class="relative bg-black/50 px-6 py-12 text-center sm:px-10 sm:py-16"><h2 class="mx-auto max-w-3xl font-serif text-4xl leading-[1.1] font-medium tracking-tight text-white sm:text-5xl">Ready to create your first image?</h2><p class="mx-auto mt-6 max-w-2xl text-base leading-relaxed text-white/80 sm:text-lg">Sign up free, get starter credits, and turn your ideas into visuals in seconds.</p><div class="mt-8 flex justify-center"><a href="/#generator" class="group/button inline-flex shrink-0 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-
20px 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 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [a]:hover:bg-primary/80 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 h-12 gap-2 rounded-full bg-white px-8 text-black hover:bg-white/90">Create free account<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="lucide lucide-arrow-right size-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section></div></main><footer class="bg-neutral-950 text-neutral-100"><div class="mx-auto max-w-7xl px-6 pt-14 pb-6 sm:px-10 sm:pt-16 lg:px-16"><p class="mb-12 max-w-2xl font-serif text-3xl leading-[1.15] tracking-tight text-neutral-100 italic sm:text-4xl">AI images from text, instantly.</p><div class="grid gap-x-8 gap-y-10 sm:gap-x-12 grid-cols-2 sm:grid-cols-3 lg:grid-cols-5"><div class="space-y-5"><p class="text-[13px] font-semibold tracking-wide text-neutral-100">Product</p><ul class="space-y-2"><li><a href="/#generator" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Home</a></li><li><a href="/#gallery" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Examples</a></li><li><a href="/pricing" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Pricing</a></li></ul></div><div class="space-y-5"><p class="text-[13px] font-semibold tracking-wide text-neutral-100">AI tools</p><ul class="space-y-2"><li><a href="/tools" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Browse all AI tools</a></li><li><a href="/minimax-h3" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">MiniMax H3 AI Video Generator</a></li><li><a href="/seedance-2-5" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Seedance 2.5 AI Video Generator</a></li><li><a href="/seedance-2-5-draft-mode" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Seedance 2.5 Draft Mode</a></li><li><a href="/ai-poster-generator" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">AI poster generator</a></li><li><a href="/ai-product-photo-generator" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">AI product photo generator</a></li><li><a href="/ai-youtube-thumbnail-generator" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">AI YouTube thumbnail generator</a></li><li><a href="/ai-video-generator" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Seedance 2.0 AI video generator</a></li><li><a href="/image-background-remover" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">AI image background remover</a></li></ul></div><div class="space-y-5"><p class="text-[13px] font-semibold tracking-wide text-neutral-100">Guides</p><ul class="space-y-2"><li><a href="/qwen-image-3-prompts" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Qwen Image 3.0 Prompts: A Beginner-Friendly Guide</a></li><li><a href="/qwen-image-3-text-rendering" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Qwen Image 3.0 Text Rendering Guide</a></li><li><a href="/qwen-image-3-for-ecommerce" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Qwen Image 3.0 for Ecommerce</a></li><li><a href="/qwen-image-3-comfyui" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Qwen Image 3.0 ComfyUI Workflow and Setup Status</a></li></ul></div><div class="space-y-5"><p class="text-[13px] font-semibold tracking-wide text-neutral-100">Development &amp; research</p><ul class="space-y-2"><li><a href="/qwen-image-3-api" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">
20Qwen Image 3.0 API: Status and Integration Guide</a></li><li><a href="/qwen-image-3-open-source" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Is Qwen Image 3.0 Open Source?</a></li><li><a href="/qwen-image-3-vs-qwen-image-2" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Qwen Image 3.0 vs Qwen Image 2.0</a></li><li><a href="/blog" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Blog</a></li></ul></div><div class="space-y-5"><p class="text-[13px] font-semibold tracking-wide text-neutral-100">Legal</p><ul class="space-y-2"><li><a href="/about" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">About</a></li><li><a href="/privacy-policy" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Privacy Policy</a></li><li><a href="/terms-of-service" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Terms of Service</a></li><li><a href="/refund-policy" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Refund Policy</a></li><li><a href="/contact" class="text-sm text-neutral-400 transition-colors hover:text-neutral-100">Contact</a></li></ul></div></div><div class="mt-8"><div></div></div><div class="mt-6 border-t border-neutral-800 pt-5"><div class="flex flex-wrap items-center gap-3" aria-label="Featured on independent product directories"><a href="https://indie.deals?ref=https%3A%2F%2Fqwenimage3.com" target="_blank" rel="noopener noreferrer" aria-label="Find us on Indie.Deals" class="indie-deals-badge rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400">
20<svg width="180" height="60" viewBox="0 0 180 60" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><defs><linearGradient id="indieDealsBadgeGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ffffff"></stop><stop offset="100%" stop-color="#e6f0fc"></stop></linearGradient></defs><rect width="180" height="60" rx="10" fill="url(#indieDealsBadgeGradient)"></rect><rect x="0.75" y="0.75" width="178.5" height="58.5" rx="9.25" fill="none" stroke="#0070f3" stroke-width="1.5" stroke-opacity="0.3"></rect><image href="https://indie.deals/logo_badge.png" x="14.4" y="12" width="36" height="36" preserveAspectRatio="xMidYMid meet"></image><text x="120.6" y="22.8" text-anchor="middle" dominant-baseline="middle" font-family="system-ui, -apple-system, sans-serif" font-size="10.8" font-weight="normal" fill="#4b5563" letter-spacing="0.01em">Find us on</text><text x="120.6" y="39" text-anchor="middle" dominant-baseline="middle" font-family="system-ui, -apple-system, sans-serif" font-size="13.2" font-weight="bold" fill="#0070f3" letter-spacing="0.01em">Indie.Deals</text></svg></a><a href="https://tooldirs.com" target="_blank" rel="noopener" class="inline-flex shrink-0 items-center justify-center rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://tooldirs.com/badge/badge_light.svg" alt="Featured on ToolDirs" width="200" height="54" class="h-[54px] w-[200px]" loading="lazy" decoding="async"/></a><a href="https://neeed.directory" target="_blank" rel="noopener" class="inline-flex shrink-0 items-center justify-center rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://neeed.directory/badges/neeed-badge-dark.svg" alt="Featured on neeed.directory" width="139" height="54" class="h-auto max-h-[54px] w-[139px]" loading="lazy" decoding="async"/></a><a href="https://turbo0.com/item/qwen-image-30-generator" target="_blank" rel="noopener noreferrer" class="inline-flex shrink-0 items-center justify-center rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://img.turbo0.com/badge-listed-dark.svg" alt="Listed on Turbo0" width="202" height="54" class="h-[54px] w-auto" loading="lazy" decoding="async"/></a><a href="https://aidirs.org/item/qwen-image-3" target="_blank" rel="noopener noreferrer" class="inline-flex shrink-0 items-center justify-center rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://aidirs.org/badges/badge-listed-dark.svg" alt="Listed on AIDirs" width="210" height="54" class="h-[54px] w-auto max-w-[210px] object-contain" loading="lazy" decoding="async"/></a><a href="https://launchdaily.info/products/qwen-image-30-generator?ref=launchdaily_badge" target="_blank" rel="noopener" class="inline-flex shrink-0 items-center justify-center rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://launchdaily.info/badge/qwen-image-30-generator" alt="Featured on LaunchDaily" width="200" height="54" class="h-[54px] w-[200px]" loading="lazy" decoding="async"/></a><a href="https://www.listbulb.com/tools/qwenimage3" target="_blank" rel="noopener" class="inline-flex shrink-0 items-center justify-center rounded-[10px] focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://www.listbulb.com/featured-on-listbulb-dark.svg" alt="Featured on ListBulb" width="210" height="54" class="h-[54px] w-auto max-w-[210px] object-contain" loading="lazy" decoding="async"/></a><a href="https://launchsoar.com" target="_blank" rel="noopener noreferrer" data-launch-badge="true" class="inline-flex shrink-0 items-center gap-2.5 rounded-full border border-[#1f2937] bg-[#0b1220] px-3.5 py-2.5 font-sans leading-none text-white no-underline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-blue-400"><img src="https://launchsoar.com/logo.png" alt="Launch" class="h-[18px] w-auto invert" width="18" height="18" loading="lazy" decoding="async"/>
20<span class="flex flex-col gap-0.5 leading-[1.1]"><span class="text-xs opacity-80">Listed on</span><span class="text-sm font-bold">Launch</span></span></a></div><span class="mt-5 block text-sm text-neutral-400 sm:text-right">© 2026 Qwen Image 3. All rights reserved.</span><nav aria-label="Switch language" class="flex flex-wrap items-center gap-x-2 gap-y-2 mt-8 border-t border-neutral-800 pt-5"><button type="button" lang="en" dir="ltr" aria-current="page" aria-label="Switch language: English" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 bg-neutral-900 font-semibold text-white shadow-sm ring-1 ring-neutral-700"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-300">US</span><span>English</span></button><button type="button" lang="ko" dir="ltr" aria-label="Switch language: 한국어" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">KR</span><span>한국어</span></button><button type="button" lang="ja" dir="ltr" aria-label="Switch language: 日本語" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">JP</span><span>日本語</span></button><button type="button" lang="es" dir="ltr" aria-label="Switch language: Español" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">ES</span><span>Español</span></button><button type="button" lang="de" dir="ltr" aria-label="Switch language: Deutsch" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">DE</span><span>Deutsch</span></button><button type="button" lang="fr" dir="ltr" aria-label="Switch language: Français" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">FR</span><span>Français</span></button><button type="button" lang="ru" dir="ltr" aria-label="Switch language: Русский" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">RU</span><span>Русский</span></button><button type="button" lang="ar" dir="rtl" aria-label="Switch language: العربية" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">SA</span><span>العربية</span></button><button type="button" lang="pt" dir="ltr" aria-label="Switch language: Português" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">PT</span><span>Português</span></button><button type="button" lang="it" dir="ltr" aria-label="Switch language: Italiano" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">IT</span><span>Italiano</span></button><button type="button" lang="zh" dir="ltr" aria-label="Switch language: 中文" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">CN</span><span>中文</span></button><button type="button" lang="zh-TW" dir="ltr" aria-label="Switch language: 繁體中文" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">TW</span><span>繁體中文</span></button><button type="button" lang="tr" dir="ltr" aria-label="Switch language: Türkçe" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">TR</span><span>Türkçe</span></button><button type="button" lang="vi" dir="ltr" aria-label="Switch language: Tiếng Việt" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">VN</span><span>Tiếng Việt</span></button><button type="button" lang="nl" dir="ltr" aria-label="Switch language: Nederlands" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">NL</span><span>Nederlands</span></button><button type="button" lang="th" dir="ltr" aria-label="Switch language: ไทย" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">TH</span><span>ไทย</span></button><button type="button" lang="pl" dir="ltr" aria-label="Switch language: Polski" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">PL</span><span>Polski</span></button><button type="button" lang="hu" dir="ltr" aria-label="Switch language: Magyar" class="inline-flex min-h-10 items-center gap-1.5 rounded-lg px-2.5 text-xs transition-colors outline-none focus-visible:ring-2 focus-visible:ring-blue-400 text-neutral-400 hover:bg-white/5 hover:text-neutral-100"><span class="text-[9px] font-bold tracking-wide uppercase text-neutral-500">HU</span><span>Magyar</span></button></nav></div></div></footer></div>
20<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
20<!--/$--><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
20<script id="ga-init" async="">
vendor: 118 bytes, line 20
20window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
20G-MNN3QKYV5P
vendor: 3 bytes, line 20
20');
20</script>
20<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(){if(this.hydrated&&this.streamEnded){const e=()=>{self.$_TSR?.hydrated&&self.$_TSR?.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",e,{once:!0}):e()}},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-D5jdBNUn.js","/assets/jsx-runtime-CjHL_wrb.js","/assets/button-BNwcQCPu.js","/assets/useOpenInteractionType-BHNjrFFY.js","/assets/getPseudoElementBounds-Deb2VK54.js","/assets/owner-C9nLf-D3.js","/assets/client-B2Oy5BtO.js","/assets/runtime-DAQ6k3cO.js","/assets/useQuery-BdQ-s_Ri.js","/assets/useMutation-QOA96Fbn.js","/assets/useStore-CcwmVaPJ.js","/assets/navigation-CM1iU_Lp.js","/assets/matchContext-CV6B-42F.js","/assets/utils-B6af4ZC1.js","/assets/createLucideIcon-CwnB-2uD.js","/assets/arrow-right-CsSzVpE5.js","/assets/check-7-UK2ev3.js","/assets/chevron-down-Dl2gHHC3.js","/assets/chevron-up-BDnqXXDt.js","/assets/creative-visuals-DBs5Jx-W.js","/assets/header-DAGfB19x.js","/assets/coins-CcohKoQ_.js","/assets/download-D8wPRdpQ.js","/assets/image-D-FfRClS.js","/assets/images-CUbRuaya.js","/assets/wand-sparkles-Bq67MI7Q.js","/assets/loader-circle-BzyULNUB.js","/assets/theme-toggle-DU7yc6CD.js","/assets/first-generation-feedback-B1hVVhYv.js","/assets/play-BrpqhD2f.js","/assets/refresh-cw-BKhuz2Oh.js","/assets/sparkles-DuhwbIKu.js","/assets/upload-D2Xhd8As.js","/assets/x-CIE9QCE9.js","/assets/react-dom-M19Dx6kD.js","/assets/dist-CIhQMS7t.js","/assets/textarea-dSAkx9P7.js","/assets/image-models-DAhxFf5L.js","/assets/config-CHKeikU3.js","/assets/dynamic-OAW0UjjC.js","/assets/use-public-config-BMIuTDxC.js","/assets/api-client-DRBjP6mp.js","/assets/messages-8WK-G8b9.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-D5jdBNUn.js"}}],css:$R[8]=["/assets/index-CDpMY9A4.css"]},"/":$R[9]={preloads:$R[10]=["/assets/routes-2uaO17uf.js","/assets/dot-pattern-BtOAXfuc.js","/assets/pricing-CYTQmYX9.js","/assets/calendar-check-C-yiqFgL.js","/assets/chevron-left-C2mypp6q.js","/assets/chevron-right-C7mC4pJP.js","/assets/zoomable-image-dialog-CsqAh55j.js","/assets/video-D9Xllr9C.js","/assets/palette-BBPVwmBt.js","/assets/save-D5Htq2to.js","/assets/users-nfW1rfKb.js","/assets/prompt-library-EJD7s-IO.js","/assets/dialog-BAQsf0sk.js","/assets/sheet-CS_the5m.js","/assets/analytics-events-lPlaQayP.js"]}}}
20,matches:$R[11]=[$R[12]={i:"__root__�",u:1791136185986,s:"success",ssr:!0},$R[13]={i:"��",u:1791136185986,s:"success",l:$R[14]={locale:"en",faqItems:$R[15]=[$R[16]={question:"What can I create on this website?",answer:"Enter a prompt on the homepage, choose an aspect ratio, then generate with Qwen Image 3. Use the dedicated editor for reference-image changes, and the prompt library for posters, products, typography, infographics and UI concepts."},$R[17]={question:"Which AI models and tools are actually available now?",answer:"The homepage exposes the verified Qwen Image 3 text-to-image endpoint. A separate Qwen reference-image editor supports targeted revisions. Historical model IDs remain internal only so existing task records continue to work."},$R[18]={question:"Can I try the workflow before signing in?",answer:"Yes. You can write a prompt and choose the model and aspect ratio first, then sign in when you generate. Your draft is restored after you return. Examples, guides and prompt-planning tools are also available without signing in. The current new-account reward is shown on the sign-in and sign-up pages."},$R[19]={question:"How do daily check-ins and referral rewards work?",answer:"Signed-in users can check in once per day. A seven-day streak awards 3, 4, 4, 5, 5, 6 and 6 credits, for 33 credits in total; a missed day restarts the streak. Referral links apply to accounts created within the last seven days, and a successful referral gives 10 credits to each person. Duplicate, self-referral and abusive claims are not rewarded."},$R[20]={question:"How are credits calculated, and are failed tasks refunded?",answer:"Qwen Image 3 costs 5 credits per output. Credits are consumed when a task is created, and a confirmed provider failure automatically restores the amount used for that task."},$R[21]={question:"Can I use generated images commercially?",answer:"Commercial use depends on the selected model, provider terms, your prompt, uploaded materials and the rights of people, brands or characters depicted. Review the current Terms and the relevant provider license before publishing; this website cannot grant rights owned by a provider or third party."},$R[22]={question:"Are my prompts, uploads and results public?",answer:"They are not displayed publicly by default. Prompts, uploads and results are associated with your account and sent to the configured AI provider when needed to complete a task. Task records may be retained for history, downloads, support and security. Avoid sensitive information and review the Privacy Policy for the full data-handling details."}]},ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
20<script type="module" async="" src="/assets/index-D5jdBNUn.js"></script>
20</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.