https://fishaudio.lovable.app/showcase

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/assets/styles-CeEhERSK.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&amp;family=Work+Sans:wght@300;400;500;600;700&amp;display=swap" data-precedence="default"/><title>Showcase — Creative Blockchain</title><meta name="author" content="StreetKode Fam · Indian Krump Festival 14"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@Lovable"/><meta name="twitter:title" content="Creative AI — 1,000 Fish Audio hackathon ideas for Lovable"/><meta name="twitter:description" content="A browseable repo of 1,000 mega-prompts that wire Fish Audio TTS, voice agents, realtime transcription, and voice design &amp; cloning into ten creative disciplines. Built during the Creative AI &amp; Quantum Hackathon."/><meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/attachments/og-images/b4587290-910d-4d03-

1a16c-b7aae90c9c56"/><meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/attachments/og-images/b4587290-910d-4d03-a16c-b7aae90c9c56"/><meta name="description" content="Live working demos built from the Creative Blockchain prompts."/><meta property="og:title" content="Showcase — Creative Blockchain"/><meta property="og:description" content="Live working demos built from the Creative Blockchain prompts."/><link rel="modulepreload" href="/assets/index-BJaL0cWL.js"/><link rel="modulepreload" href="/assets/useRouter-Bbx_8wWX.js"/><link rel="modulepreload" href="/assets/useStore-BgHM30bM.js"/><link rel="modulepreload" href="/assets/link-7PGWsBKZ.js"/><link rel="modulepreload" href="/assets/matchContext-BFf1DefC.js"/><link rel="modulepreload" href="/assets/redirect-DCb_aIiF.js"/><link rel="modulepreload" href="/assets/showcase-B_PWYRJv.js"/><link rel="modulepreload" href="/assets/site-shell-BKS6obED.js"/><link rel="modulepreload" href="/assets/showcase.index-CVHUSw1t.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/>

1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>

1</head><body><!--$--><div class="min-h-screen flex flex-col overflow-x-hidden"><header class="sticky top-0 z-40 backdrop-blur-md bg-background/80 border-b border-border"><div class="max-w-7xl mx-auto px-5 sm:px-8 py-3 sm:py-5 flex items-center justify-between gap-3"><a href="/" class="flex items-center gap-2 min-w-0 group"><span class="hidden sm:inline eyebrow shrink-0">Vol. 01</span><span class="font-display text-lg sm:text-2xl truncate text-foreground">Creative <span class="italic text-primary">AI</span></span></a><nav class="hidden md:flex items-center gap-1 text-sm"><a href="/themes" class="px-3 py-1.5 text-[11px] tracking-[0.24em] uppercase font-medium text-muted-foreground hover:text-primary transition-colors duration-500">Themes</a><a class="px-3 py-1.5 text-[11px] tracking-[0.24em] uppercase font-medium text-muted-foreground hover:text-primary transition-colors duration-500 px-3 py-1.5 text-[11px] tracking-[0.24em] uppercase font-medium text-primary" href="/showcase" data-status="active" aria-current="page">Showcase</a><a href="/strategy" class="px-3 py-1.5 text-[11px] tracking-[0.24em] uppercase font-medium text-muted-foreground hover:text-primary transition-colors duration-500">Strategy</a><a href="/quantum-primer" class="px-3 py-1.5 text-[11px] tracking-[0.24em] uppercase font-medium text-muted-foreground hover:text-primary transition-colors duration-500">Primer</a><a href="/about" class="px-3 py-1.5 text-[11px] tracking-[0.24em] uppercase font-medium text-muted-foreground hover:text-primary transition-colors duration-500">About</a><a href="https://creativequantum.lovable.app/" target="_blank" rel="noreferrer" class="ml-3 px-3 py-2 border border-border text-foreground text-[10px] font-semibold tracking-[0.28em] uppercase hover:border-primary/60 hover:text-primary transition-colors duration-500">Hackathon ↗</a><a href="https://docs.fish.audio" target="_blank" rel="noreferrer" class="ml-2 px-4 py-2 bg-primary text-primary-foreground text-[10px] font-semibold tracking-[0.28em] uppercase hover:bg-foreground transition-colors duration-500">Fish Audio Docs ↗</a></nav><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-_R_daq_" data-state="closed" aria-label="Open menu" class="md:hidden inline-flex items-center justify-center h-10 w-10 border border-border text-foreground hover:border-primary/60 transition shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></header><main class="flex-1 overflow-x-hidden"><div class="max-w-5xl mx-auto px-5 sm:px-8 py-16 sm:py-24"><span class="eyebrow">Showcase · Vol. 01</span><h1 class="font-display text-4xl sm:text-6xl mt-4 leading-[1.05]">Working <span class="italic text-primary">demos</span>, speaking aloud.</h1><p class="mt-6 text-muted-foreground max-w-2xl leading-relaxed">Reference builds from the prompt library. Each demo streams real Fish Audio voice from one Lovable build — single API key, no infra, no setup.</p><a href="/showcase/pitch-reader" class="mt-12 block p-6 sm:p-8 border border-primary/50 bg-card hover:bg-primary/5 transition-colors duration-300 group"><span class="eyebrow text-primary">Vol. 01 · No. 01 · Live</span><h2 class="font-display text-2xl sm:text-3xl mt-3 italic group-hover:text-primary transition-colors">Pitch Reader — hear any idea spoken aloud.</h2><p class="mt-4 text-sm text-muted-foreground leading-relaxed max-w-2xl">Six curated pitches, one Fish Audio button each. Built in a single Lovable prompt to prove the 5-credit budget is real.</p><span class="mt-5 inline-block text-[11px] tracking-[0.28em] uppercase font-semibold text-primary">Open the demo →</span></a><div class="mt-8 p-6 sm:p-8 border border-dashed border-border bg-card"><span class="eyebrow text-primary">Vol. 01 · in production</span><h2 class="font-display text-2xl sm:text-3xl mt-3 italic">More showcases land here as builders ship them.</h2><p class="mt-4 text-sm text-muted-foreground leading-relaxed max-w-2xl">Pick any entry from the <a href="/themes" class="text-primary hover:underline">index</a>, paste its mega-prompt into Lovable with your <code class="text-foreground">FISH_AUDIO_API_KEY</code> set, and your build will join the showcase.</p><div class="mt-6 flex flex-wrap gap-3"><a href="/themes" class="px-5 py-2.5 bg-primary text-primary-foreground text-[11px] tracking-[0.28em] uppercase font-semibold hover:bg-foreground transition-colors duration-500">Browse the index →</a><a href="/strategy" class="px-5 py-2.5 border border-primary/40 text-[11px] tracking-[0.28em] uppercase font-semibold hover:bg-primary hover:text-primary-foreground transition-colors duration-500">Read the strategy</a></div></div></div></main><footer class="border-t border-border mt-24"><div class="max-w-7xl mx-auto px-5 sm:px-8 py-10 flex flex-col gap-3 text-[10px] tracking-[0.32em] uppercase text-muted-foreground"><div class="flex flex-wrap items-center justify-between gap-4"><span>Vol. 01 · 1,000 entries · 10 disciplines</span><span class="font-display normal-case tracking-normal text-base italic text-primary">Lovable × Fish Audio</span><span>Speech · Transcription · Loops · Voice Design · MMXXVI</span></div><div class="border-t border-border/60 pt-3 normal-case tracking-normal text-[11px] font-light leading-relaxed text-muted-foreground

1/80">Built during the Creative AI &amp; Quantum Hackathon — organised by<!-- --> <span class="text-primary">StreetKode Fam</span> during Indian Krump Festival 14.</div></div></footer></div>

1<script>(function(t){let s;try{s=JSON.parse(sessionStorage.getItem(t.storageKey)||"{}")}catch(e){console.error(e);return}const c=t.key||window.history.state?.__TSR_key,r=c?s[c]:void 0;if(t.shouldScrollRestoration&&r&&typeof r=="object"&&Object.keys(r).length>0){for(const e in r){const o=r[e];if(!o||typeof o!="object")continue;const l=o.scrollX,i=o.scrollY;if(!(!Number.isFinite(l)||!Number.isFinite(i))){if(e==="window")window.scrollTo({top:i,left:l,behavior:t.behavior});else if(e){let n;try{n=document.querySelector(e)}catch{continue}n&&(n.scrollLeft=l,n.scrollTop=i)}}}return}const a=window.location.hash.split("#",2)[1];if(a){const e=window.history.state?.__hashScrollIntoViewOptions??!0;if(e){const o=document.getElementById(a);o&&o.scrollIntoView(e)}return}window.scrollTo({top:0,left:0,behavior:t.behavior})})({"storageKey":"tsr-scroll-restoration-v1_3","shouldScrollRestoration":true});document.currentScript.remove()</script>

1<!--/$-->

1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-BJaL0cWL.js","/assets/useRouter-Bbx_8wWX.js","/assets/useStore-BgHM30bM.js","/assets/link-7PGWsBKZ.js","/assets/matchContext-BFf1DefC.js","/assets/redirect-DCb_aIiF.js"],assets:$R[5]=[$R[6]={tag:"script",attrs:$R[7]={type:"module",async:!0},children:"import(\"/assets/index-BJaL0cWL.js\")"}]},"/showcase":$R[8]={preloads:$R[9]=["/assets/showcase-B_PWYRJv.js","/assets/site-shell-BKS6obED.js"]},"/showcase/":$R[10]={preloads:$R[11]=["/assets/showcase.index-CVHUSw1t.js"]}}},matches:$R[12]=[$R[13]={i:"__root__�",u:1790998281831,s:"success",ssr:!0},$R[14]={i:"�showcase�showcase",u:1790998281831,s:"success",ssr:!0},$R[15]={i:"�showcase��showcase�",u:1790998281831,s:"success",ssr:!0}],lastMatchId:"�showcase��showcase�"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>

1<script type="module" async="">import("/assets/index-BJaL0cWL.js")</script>

1</body></html>