Coffee, dinner service, and one simple reservation flow.
[ AI Agents + CMS + Deployment ]
Vivd combines AI agents, CMS, and deployment in one platform.
You can run OpenCode Agents in isolated environments, manage websites and content in Vivd Studio, deploy from the same system, and self-host Vivd for your own use.
OpenCode Agents CMS + Deployment Self-hostable
Assets
Gallery Files
Noir Cafe
Book a table HAMBURG · EVENING SERVICE
Warm light, late coffee, and a room built for long conversations.
Noir Cafe pairs warm interiors with sharp coffee, a compact dinner menu, and private dining in the back room.
Navigation.astro src/components/Navigation.astro
1 ---
2 <nav id="nav" class="fixed top-0 left-0 w-full z-50 transition-all duration-300 px-6 py-6">
3 <div class="max-w-[1400px] mx-auto flex justify-between items-center text-white">
4 <a href="/" class="font-serif text-2xl tracking-tight">NoirCafe</a>
5
6 <!-- Desktop Links -->
7 <ul class="hidden md:flex gap-10 text-[11px] uppercase tracking-[0.2em] font-medium">
8 <li><a href="#collections" class="hover:text-brand-accent transition-colors">Collections</a></li>
9 <li><a href="#about" class="hover:text-brand-accent transition-colors">About</a></li>
10 <li><a href="#contact" class="hover:text-brand-accent transition-colors">Contact</a></li>
11 </ul>
12
13 <!-- Mobile Menu Button -->
14 <button class="md:hidden text-xs uppercase tracking-widest">
15 Menu
16 </button>
17 </div>
18 </nav>
19
20 <script>
21 const nav = document.getElementById("nav");
22 const navLinks = nav?.querySelectorAll("a, button");
23
24 window.addEventListener("scroll", () => {
25 if (window.scrollY > 50) {
26 nav?.classList.add("bg-white/90", "backdrop-blur-md");
27 }
28 });
Plugins
Site capabilities
Contact form
Receive inquiries directly from the site.
Analytics
Track visits, clicks, and contact conversions.
Connected to this project
Plugins live on the same project base and can be enabled without moving content into a second system.
Analytics
Last 30 days
Traffic rose after the booking CTA moved higher in the hero.
Top actions
Book a table 61%
Menu section 24%
Contact form 15%
[ VIVD ]
Use Vivd yourself
Create websites in Vivd Studio, work with AI directly in the project and publish on your own domain.
[ VIVD SOLUTIONS ]
Get support from us
Vivd Solutions can help with structure, content, design, implementation, launch and, if needed, hosting or ongoing support.
[ What Vivd actually does ]
More than a site builder: your AI web agency.
Vivd combines an AI web agent, Astro-native projects, plugin integrations, and platform operations in one website workflow.
[ 01 STUDIO ]
Create & Evolve
From an idea, screenshot or existing site, a first draft is created. Refine content, structure, files, assets and preview in the real project, all in one place.
[ 02 DEPLOYMENT ]
Publish & Host
You can publish websites directly from the system or run Vivd on your own infrastructure. No vendor lock-ins.
[ 03 PLUGINS ]
Integrate real website features
The agent can integrate real website features for you, including contact forms, analytics, newsletters, and more advanced plugin-driven flows such as reservation handling.
[ 04 LIFECYCLE ]
Run the full website lifecycle
Vivd can also operate across the hosting platform: publishing, updates, runtime tasks, and the broader website lifecycle can stay in the same agent-driven flow.
[ Fair-Code & Self-Hosting ]
Vivd is fair-code and self-hostable.
Running Vivd in a dedicated self-hosted setup is free and will stay free forever. The public docs explain the product, the architecture, and the current self-host path.
For dedicated self-hosted use, self-hosting is part of the product story. For shared hosted or productized commercial models, the license boundaries from Vivd still apply.
Quick Install
curl -fsSL https://docs.vivd.studio/install.sh | bash curl -fsSL https://docs.vivd.studio/install.sh | bash [ FAIR-CODE ]
You can self-host Vivd for free, modify it for your own use, and contribute to the project.
[ REAL PROJECT ]
Studio works on real files and not on an isolated toy interface.
[ PUBLISHING ]
Publish to your domain directly from the system.
[ OPERATIONS ]
For teams that want to handle hosting and operations completely themselves.
[ Product FAQ ]
The most important questions.
Is Vivd a product or a service?
+
Both. You can use Vivd yourself or hire Vivd Solutions to deliver your website.
Do I have to handle content and design myself?
+
No. If you use Vivd yourself, Studio supports you with AI and editing tools. If you would rather outsource, Vivd Solutions can handle the process for you.
Can I host Vivd myself?
+
Yes. You can self-host Vivd for free. The current setup details are documented in the public docs.
Is the hosted version already open to everyone?
+
Not yet fully. The public docs and self-hosting path are publicly available today, while hosted access is still invite-led.
Muss ich mich selbst um Inhalte und Design kümmern?
+
Nein. Wenn Sie Vivd selbst nutzen, unterstützt Sie Studio mit KI und Bearbeitungswerkzeugen. Wenn Sie lieber auslagern möchten, übernimmt Vivd Solutions den Prozess für Sie.
Kann ich Vivd selbst hosten?
+
Ja. Vivd ist fair-code and self-hostable. Die Details zum aktuellen Setup finden Sie in den öffentlichen Docs.
Ist die gehostete Version schon offen verfügbar?
+
Noch nicht vollständig. Die öffentlichen Docs und der Self-Hosting-Pfad sind offen, während Hosted-Zugänge aktuell noch manuell per Einladung vergeben werden.
What can the Vivd agent actually handle?
+
Vivd agents can work on the real Astro project, change content and code, integrate plugins such as contact forms, analytics, newsletters, or booking flows, and operate publishing or hosting tasks across the platform.
Can I build my own plugins or contribute?
+
Yes. You can self-host Vivd for free, modify it for your own use, and contribute to the project.
[ Request Access ]
Join the closed beta.
The platform is currently accessible by invite only. Leave your email to request early access and join the waitlist. We will notify you when spots open up.
Early access
Exclusive updates
Direct feedback channel
[ Waitlist ]
[ Start ]
Start with Vivd.
Whether you want to build with AI, self-host or hand the delivery off directly: Vivd covers all three paths.