dev.imagine.bc8.ai
Open in
urlscan Pro
76.76.21.93
Public Scan
Submitted URL: http://dev.imagine.bc8.ai/
Effective URL: https://dev.imagine.bc8.ai/
Submission: On February 14 via api from NL — Scanned from NL
Effective URL: https://dev.imagine.bc8.ai/
Submission: On February 14 via api from NL — Scanned from NL
Form analysis 1 forms found in the DOM
<form class="w-full max-w-7xl flex flex-row items-center">
<div class="flex-1 flex gap-2 flex-row items-center transition duration-150 transform scale-100">
<div class="flex-1 flex relative group"><textarea placeholder="Portret van een kat door Van Gogh" enterkeyhint="go" rows="1"
class="w-full text-base bg-c-bg-secondary shadow-lg pr-20 md:pr-26 lg:pr-17 hide-scrollbar shadow-c-shadow/[var(--o-shadow-normal)] scroll-smooth resize-none transition relative pl-3 md:pl-5 py-3 md:py-4.5 rounded-lg md:rounded-xl focus:ring-2 focus:ring-c-primary/30 ring-0 ring-c-primary/20 placeholder:text-c-on-bg/40 not-touch:enabled:hover:ring-2 text-c-on-bg not-touch:group-hover:ring-2"
style="transition: height 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, padding 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; height: 60px !important;"></textarea>
<div class="transition-all h-full overflow-hidden rounded-r-xl absolute right-11 md:right-13 top-0 lg:right-0 pointer-events-none w-10 md:w-14"><button
class="touch-manipulation w-full h-full relative z-0 rounded-r-xl overflow-hidden flex items-center justify-center group/clearbutton transition translate-x-full opacity-0" disabled="" type="button" aria-label="Clear">
<div class="w-full h-full absolute left-0 top-0 pointer-events-none overflow-hidden p-0.75 md:p-1">
<div class="w-full h-full rounded-lg relative z-0 overflow-hidden">
<div class="w-full h-full origin-left rounded-lg transition transform -translate-x-full bg-c-primary/25 group-focus/clearbutton:translate-x-0 group-active/clearbutton:translate-x-0 not-touch:group-hover/clearbutton:translate-x-0"></div>
</div>
</div> <svg class="w-6 h-6 md:w-7 md:h-7 transition text-c-on-bg/25 group-focus/clearbutton:text-c-primary
group-active/clearbutton:text-c-primary not-touch:group-hover/clearbutton:text-c-primary" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.655 5.345a1.176 1.176 0 0 0-1.663 0L12 10.336 7.008 5.345a1.177 1.177 0 0 0-1.663 1.663L10.336 12l-4.991 4.992a1.176 1.176 0 1 0 1.663 1.663L12 13.664l4.992 4.991a1.176 1.176 0 1 0 1.663-1.663L13.664 12l4.991-4.992c.46-.459.46-1.204 0-1.663Z"
fill="currentColor"></path>
</svg>
</button></div>
<div class="absolute right-0 top-0 h-full w-11 md:w-13 lg:hidden"><button aria-label="Genereren"
class="touch-manipulation relative flex items-center justify-center text-center font-bold gap-2 overflow-hidden z-0 group p-0 text-base rounded-xl shadow-lg shadow-c-shadow/[var(--o-shadow-strong)] text-c-on-primary bg-c-primary w-full h-full rounded-r-lg md:rounded-r-xl rounded-l-none absolute right-0 top-0 svelte-1acvjgn">
<div class="absolute left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2 items-center justify-center hidden not-touch:flex" style="width: 0px; height: 0px;">
<div class="absolute w-full h-full rounded-full transition transform left-0 -translate-x-full bg-c-secondary not-touch:group-enabled:group-hover:translate-x-0"></div>
</div>
<div class="flex items-center justify-center relative gap-3">
<div class="transform relative transition scale-100 opacity-100"><svg class="w-7 h-7 md:w-8 md:h-8" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.28 3.83c.97.16 1.73.92 1.9 1.9.06.36.58.36.65 0 .16-.98.92-1.74 1.9-1.9.36-.07.36-.6 0-.66a2.31 2.31 0 0 1-1.9-1.9c-.07-.36-.6-.36-.66 0a2.31 2.31 0 0 1-1.9 1.9c-.36.07-.36.6 0 .66Zm11 11c.97.16 1.73.92 1.9 1.9.06.36.58.36.65 0 .16-.98.92-1.74 1.9-1.9.36-.07.36-.6 0-.66a2.31 2.31 0 0 1-1.9-1.9c-.07-.36-.6-.36-.66 0a2.31 2.31 0 0 1-1.9 1.9c-.36.07-.36.6 0 .66Zm1.9-9.1a2.31 2.31 0 0 0-1.9-1.9c-.37-.07-.37-.6 0-.66a2.31 2.31 0 0 0 1.9-1.9c.06-.36.58-.36.65 0 .16.98.92 1.74 1.9 1.9.36.07.36.6 0 .66-.98.16-1.74.92-1.9 1.9-.07.36-.6.36-.66 0Zm-6.64 1.2a2.5 2.5 0 0 1 3.53 3.53l-1.12 1.13-3.54-3.54 1.13-1.12Zm1.44 5.62-8.52 8.52a2.5 2.5 0 0 1-3.53-3.53l8.52-8.52 3.53 3.53Zm-3.53-1.6L3.89 18.5a1.14 1.14 0 0 0 1.61 1.6l7.55-7.55-1.6-1.6Z"
fill="currentColor"></path>
</svg></div>
<div class="w-full h-full absolute left-0 top-0 pointer-events-none flex justify-center items-center">
<div class="w-7 h-7 transition transform scale-0 opacity-0"><svg class="w-full h-full svelte-1txcrnd" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"
shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<g id="etzDo5sCAIn2_tr" transform="translate(12,12) rotate(0)" class="svelte-1txcrnd">
<g transform="translate(-12,-12)">
<g id="etzDo5sCAIn3_tr" transform="translate(12,12) rotate(0)" class="svelte-1txcrnd">
<ellipse rx="9" ry="9" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="9.42,9.42"></ellipse>
</g>
</g>
</g>
</svg></div>
</div>
<div class="w-full h-full absolute left-0 top-0 pointer-events-none flex justify-center items-center">
<div class="w-7 h-7 transition transform scale-0 opacity-0"><svg class="w-full h-full svelte-1eyjon4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"
shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<g id="end69mBNOzR2_tr" transform="translate(12,12) rotate(0)" class="svelte-1eyjon4">
<g transform="translate(-12,-12)">
<path d="M5.072946,2.787987h14" transform="translate(-.072946 18.212013)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5.072946,2.787987h14" transform="translate(-.072946 0.212013)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.744241,3c0,0-.125635,4.455706-1,6s-4,3-4,3-3.125636-1.455706-4-3-1-6-1-6h10Z" transform="translate(.255759 0)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
</path>
<g id="end69mBNOzR6_ts" transform="translate(11.605393,12) scale(1,1)" class="svelte-1eyjon4">
<path d="M16.744241,3c0,0-.125635,4.455706-1,6s-2.5,3-4,3-3.125636-1.455706-4-3-1-6-1-6h10Z" transform="translate(-11.349634,-12)" fill="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<path d="M7,21c0,0,.125307-4.455658.999673-6s4.000327-3,4.000327-3s3.125636,1.455706,4,3s1,6,1,6h-10Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="end69mBNOzR8_ts" transform="translate(12,21) scale(1,0)" class="svelte-1eyjon4">
<path d="M7,21c0,0,.125307-4.455658.999673-6s2.500288-3.000029,4.000327-3s3.125636,1.455706,4,3s1,6,1,6h-10Z" transform="translate(-12,-21)" fill="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
</path>
</g>
<g id="end69mBNOzR9_to" transform="translate(12,10)" class="svelte-1eyjon4">
<path d="M12,3v9" transform="translate(-12,-7.5)" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</g>
</g>
</svg></div>
</div>
<div class="w-full h-full absolute left-0 top-0 pointer-events-none flex justify-center items-center">
<div class="w-7 h-7 transition transform scale-0 opacity-0"><svg class="w-full h-full svelte-1goev0v" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class=" svelte-1goev0v" d="M5 4V20" stroke="currentColor" stroke-width="3" stroke-linecap="round"></path>
<path class=" delay-1 svelte-1goev0v" d="M12 4V20" stroke="currentColor" stroke-width="3" stroke-linecap="round"></path>
<path class=" svelte-1goev0v" d="M19 4V20" stroke="currentColor" stroke-width="3" stroke-linecap="round"></path>
</svg></div>
</div>
</div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe>
</button> </div>
</div>
<div class="w-auto relative hidden lg:block"><button
class="touch-manipulation relative flex items-center justify-center text-center font-bold gap-2 overflow-hidden z-0 group p-0 text-base rounded-xl shadow-lg shadow-c-shadow/[var(--o-shadow-strong)] text-c-on-primary bg-c-primary w-full flex flex-col relative py-4.5 px-6 xl:px-8 svelte-1acvjgn">
<div class="absolute left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2 items-center justify-center hidden not-touch:flex" style="width: 159.7px; height: 159.7px;">
<div class="absolute w-full h-full rounded-full transition transform left-0 -translate-x-full bg-c-secondary not-touch:group-enabled:group-hover:translate-x-0"></div>
</div>
<div class="flex items-center justify-center relative gap-3">
<div class="transform relative transition scale-100 opacity-100">Genereren</div>
<div class="w-full h-full absolute left-0 top-0 pointer-events-none flex justify-center items-center">
<div class="w-7 h-7 transition transform scale-0 opacity-0"><svg class="w-full h-full svelte-1txcrnd" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" shape-rendering="geometricPrecision"
text-rendering="geometricPrecision">
<g id="etzDo5sCAIn2_tr" transform="translate(12,12) rotate(0)" class="svelte-1txcrnd">
<g transform="translate(-12,-12)">
<g id="etzDo5sCAIn3_tr" transform="translate(12,12) rotate(0)" class="svelte-1txcrnd">
<ellipse rx="9" ry="9" fill="none" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="9.42,9.42"></ellipse>
</g>
</g>
</g>
</svg></div>
</div>
<div class="w-full h-full absolute left-0 top-0 pointer-events-none flex justify-center items-center">
<div class="w-7 h-7 transition transform scale-0 opacity-0"><svg class="w-full h-full svelte-1eyjon4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"
shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<g id="end69mBNOzR2_tr" transform="translate(12,12) rotate(0)" class="svelte-1eyjon4">
<g transform="translate(-12,-12)">
<path d="M5.072946,2.787987h14" transform="translate(-.072946 18.212013)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5.072946,2.787987h14" transform="translate(-.072946 0.212013)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.744241,3c0,0-.125635,4.455706-1,6s-4,3-4,3-3.125636-1.455706-4-3-1-6-1-6h10Z" transform="translate(.255759 0)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="end69mBNOzR6_ts" transform="translate(11.605393,12) scale(1,1)" class="svelte-1eyjon4">
<path d="M16.744241,3c0,0-.125635,4.455706-1,6s-2.5,3-4,3-3.125636-1.455706-4-3-1-6-1-6h10Z" transform="translate(-11.349634,-12)" fill="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<path d="M7,21c0,0,.125307-4.455658.999673-6s4.000327-3,4.000327-3s3.125636,1.455706,4,3s1,6,1,6h-10Z" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="end69mBNOzR8_ts" transform="translate(12,21) scale(1,0)" class="svelte-1eyjon4">
<path d="M7,21c0,0,.125307-4.455658.999673-6s2.500288-3.000029,4.000327-3s3.125636,1.455706,4,3s1,6,1,6h-10Z" transform="translate(-12,-21)" fill="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
</path>
</g>
<g id="end69mBNOzR9_to" transform="translate(12,10)" class="svelte-1eyjon4">
<path d="M12,3v9" transform="translate(-12,-7.5)" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
</g>
</g>
</svg></div>
</div>
<div class="w-full h-full absolute left-0 top-0 pointer-events-none flex justify-center items-center">
<div class="w-7 h-7 transition transform scale-0 opacity-0"><svg class="w-full h-full svelte-1goev0v" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class=" svelte-1goev0v" d="M5 4V20" stroke="currentColor" stroke-width="3" stroke-linecap="round"></path>
<path class=" delay-1 svelte-1goev0v" d="M12 4V20" stroke="currentColor" stroke-width="3" stroke-linecap="round"></path>
<path class=" svelte-1goev0v" d="M19 4V20" stroke="currentColor" stroke-width="3" stroke-linecap="round"></path>
</svg></div>
</div>
</div><iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;" aria-hidden="true" tabindex="-1" src="about:blank"></iframe>
</button> </div>
</div> <button type="button" aria-label="Show Settings" class="touch-manipulation max-w-full relative overflow-hidden z-0 font-semibold transition pointer-events-auto flex items-center gap-1.5 group rounded-md text-sm h-full md:hidden px-3 py-2">
<div class="w-full h-full absolute left-0 top-0 px-1">
<div class="w-full h-full relative z-0 overflow-hidden transition rounded-md">
<div class="w-full h-full origin-left transition transform translate-y-full bg-c-primary/15 rounded-md not-touch:group-hover:translate-x-0 not-touch:group-hover:translate-y-0 not-touch:group-hover:opacity-100"></div>
</div>
</div>
<div class="relative ">
<div class="relative transform scale-100 opacity-100" style="transition: transform 0.25s cubic-bezier(0.3, 2, 0.5, 0.8) 0s, opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;">
<div class="transition-none">
<div slot="0" class="w-8 h-8"><svg class="transition not-touch:group-hover:text-c-primary
w-full h-full rotate-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M11.078 2.25c-.917 0-1.7.663-1.85 1.567L9.05 4.889c-.02.12-.115.26-.297.348a7.494 7.494 0 0 0-.986.57c-.166.115-.334.126-.45.083L6.3 5.508a1.875 1.875 0 0 0-2.282.819l-.922 1.597a1.875 1.875 0 0 0 .432 2.385l.84.692c.095.078.17.229.154.43a7.6 7.6 0 0 0 0 1.139c.015.2-.06.352-.153.43l-.841.692a1.875 1.875 0 0 0-.432 2.385l.922 1.597a1.875 1.875 0 0 0 2.282.818l1.019-.382c.115-.043.283-.031.45.082.312.214.64.405.985.57.182.088.277.228.297.35l.178 1.071a1.876 1.876 0 0 0 1.85 1.567h1.844c.916 0 1.699-.663 1.85-1.567l.178-1.072c.02-.12.114-.26.297-.349.344-.165.673-.356.985-.57.167-.114.335-.125.45-.082l1.02.382a1.876 1.876 0 0 0 2.28-.819l.923-1.597a1.875 1.875 0 0 0-.432-2.385l-.84-.692c-.095-.078-.17-.229-.154-.43.028-.38.028-.76 0-1.139-.016-.2.059-.352.153-.43l.84-.692c.708-.582.89-1.59.433-2.385l-.922-1.597a1.875 1.875 0 0 0-2.282-.818l-1.02.382c-.114.043-.282.031-.45-.083a7.492 7.492 0 0 0-.984-.57c-.183-.087-.277-.227-.297-.348l-.18-1.072a1.875 1.875 0 0 0-1.85-1.567h-1.843ZM12 15.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z"
fill="currentColor"></path>
</svg></div>
</div>
</div>
<div class="w-full h-full absolute transform left-0 top-0 flex items-center justify-center scale-50 opacity-0 pointer-events-none duratiton-150"
style="transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;">
<div class="transition-none">
<div slot="1" class="w-8 h-8"><svg class="transition transform not-touch:group-hover:text-c-primary
w-full h-full rotate-0" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path>
</svg></div>
</div>
</div>
</div>
</button>
</form>Text Content
Generate Historie Galerij Aan de slag Sign in to see your generations. Sign in to see your generations. Genereren Sign in to see your generations. Beeldverhouding Staand (2:3) Vierkant (1:1) Staand (2:3) Liggend (3:2) Mobiel (9:16) Desktop (16:9) Vierkantachtig (4:5) Anamorphic (2.4:1) Model Kandinsky 2.2 512 × 768 Kandinsky 2.2 832 × 1248 Luna Diffusion 608 × 912 Upload Afbeelding Click or drop your image here Negatieve Prompt Aantal Afbeeldingen 4 1 2 3 4 Geavanceerde instellingen Generate | BC8 * Generate * Historie * Galerij * Live