[ AI website platform ]

What website should Vivd build for you?

Describe your business, your existing website, or the page you want. Vivd turns it into a real website you can publish and keep editing.

Ready in minutes, not weeks No technical setup Free vivd.site domain Contact Form & Newsletter with Pro

Assets

Gallery Files

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="text-xl font-bold tracking-tight text-foreground">vivd.studio</a>

6

7 <ul class="hidden md:flex gap-10 text-[11px] uppercase tracking-[0.2em] font-medium">

8 <li><a href="#product" class="hover:text-primary transition-colors">Product</a></li>

9 <li><a href="/pricing" class="hover:text-primary transition-colors">Pricing</a></li>

10 <li><a href="#examples" class="hover:text-primary transition-colors">Examples</a></li>

11 </ul>

13

14 <button class="md:hidden text-xs uppercase tracking-widest">

15 Menu

16 </button>

17 </div>

18 </nav>

20 <script>

21 const nav = document.getElementById("nav");

22 const navLinks = nav?.querySelectorAll("a, button");

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.

Turnstile Email routing

Analytics

Track visits, clicks, and contact conversions.

Page views 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

Visitors 12.4k

Reservations 184

Conversion 3.8%

Traffic rose after the booking CTA moved higher in the hero.

Top actions

Book a table 61%

Menu section 24%

Contact form 15%

[ Examples ]

See what you can build with Vivd.

Every site is a real, finished website you can publish and keep editing.

eden-no2.com

Creative agency

An image-led showcase for campaigns, film, and creative direction.

dld-diagnostika.de

DLD Diagnostika homepage with its laboratory microplate hero image

Diagnostics & catalog

Specialist diagnostics with a searchable product catalog.

christoph-lehmann.vivd.studio

Christoph Lehmann Raumgestaltung website

Craft & trade

Services, projects, and a clear way to get in touch.

felixpahlke.de

Portfolio

A bold personal site that turns visitors into clients.

vivd.studio

Landing page

Vivd's own site — built and published with Vivd.

[ Website features ]

Start free. Add more with Pro.

Start free with a vivd.site website. Pro adds your own domain, one Contact Form license, and one Newsletter license.

AI website assistant

Easy content editing

AI images

Contact forms · Pro

Newsletter · Pro

Visitor analytics

One-click publishing

Free vivd.site domain

Custom domain & SSL · Pro

[ Who it's for ]

Made for the website you actually run.

Vivd is built for the websites real businesses run — restaurants, shops, services, portfolios, and blogs. (Not for building apps or custom software.)

Restaurants & cafés Local services Businesses & teams Portfolios Blogs & editorial Menus & catalogs Events & landing pages

[ Real website ]

A real website. Not a template.

Your site is a real website made of real files, not a locked template. If you want to look under the hood, the docs are there for you.

Read the docs

Real files, not a locked template

Your domain stays in your name

Felix Pahlke

Founder, Vivd Studio

vivd.studio

[ Get started ]

Start with an idea.

Describe your business and watch Vivd build it. Free to start, no credit card needed.

Get started free Sign in

What website should Vivd build for you?

Somewhere
slower.

Site capabilities