Convex

The Future of Scalable Data

Convex delivers a fully managed, ACID‑compliant database platform built for developers who need speed, reliability, and effortless scaling.

Get Started Learn More

Why Convex?

Instant Scaling

Scale from a single node to millions of queries per second without downtime.

Enterprise‑Grade Security

Enforce fine‑grained role‑based access, encryption at rest, and audit logging.

Developer‑First API

A clean, type‑safe SDK for JavaScript, Python, and Go with real‑time change streams.

Zero‑Latency Queries

Built on a distributed columnar engine delivering sub‑millisecond reads.

Strong Consistency

Guarantee ACID transactions across all shards automatically.

Predictive Analytics

Native support for time‑series and analytical workloads.

What Our Customers Say

Alicia R.

CTO, Streamify

"Convex reduced our latency from 120ms to 8ms overnight. The auto‑scaling saved us weeks of ops work."

Miguel K.

Lead Engineer, Nova Labs

"The developer‑first SDK feels native to TypeScript. We shipped a new feature in half a day thanks to Convex."

Priya S.

Data Ops Manager, Quanta

"Zero‑downtime migrations kept our services online during a massive traffic spike. Convex is a game‑changer."

Ready to Power Your Data?

Start your free trial today or schedule a demo with one of our specialists.

Start Free Trial Schedule a Demo

HTML Source Code


<header class="bg-white shadow-sm sticky top-0 z-50">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center h-16">
    <a href="#" class="text-2xl font-bold text-indigo-600">Convex</a>
    <nav class="hidden md:flex space-x-8 text-gray-600">
      <a href="#features" class="hover:text-indigo-600 transition">Features</a>
      <a href="#testimonials" class="hover:text-indigo-600 transition">Testimonials</a>
      <a href="#contact" class="hover:text-indigo-600 transition">Contact</a>
    </nav>
    <button class="md:hidden" aria-label="Open menu">
      <i data-lucide="menu" class="w-5 h-5 text-gray-600"></i>
    </button>
  </div>
</header>

<main class="bg-gray-50">
  <!-- Hero -->
  <section class="relative overflow-hidden py-20 md:py-32 bg-gradient-to-r from-indigo-100 to-indigo-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
      <h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-6xl">
        The Future of Scalable Data
      </h1>
      <p class="mt-6 text-lg text-gray-700 max-w-2xl mx-auto">
        Convex delivers a fully managed, ACID‑compliant database platform built for developers who need speed, reliability, and effortless scaling.
      </p>
      <div class="mt-8 flex justify-center gap-4">
        <a href="#contact" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
          Get Started <i data-lucide="arrow-right" class="ml-2 w-5 h-5"></i>
        </a>
        <a href="#features" class="inline-flex items-center px-6 py-3 border border-indigo-600 text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
          Learn More <i data-lucide="chevron-right" class="ml-2 w-5 h-5"></i>
        </a>
      </div>
    </div>
    <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
      <div class="w-full h-48 md:h-64 lg:h-80 bg-gradient-to-br from-indigo-100 to-indigo-300 rounded-xl opacity-30"></div>
    </div>
  </section>

  <!-- Features -->
  <section id="features" class="py-16 bg-white">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-bold text-gray-900 text-center mb-12">Why Convex?</h2>
      <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
        <div class="flex flex-col items-center text-center p-6 bg-gray-50 rounded-lg shadow-sm">
          <i data-lucide="zap" class="w-10 h-10 text-indigo-600 mb-4"></i>
          <h3 class="text-xl font-semibold text-gray-800 mb-2">Instant Scaling</h3>
          <p class="text-gray-600">Scale from a single node to millions of queries per second without downtime.</p>
        </div>
        <div class="flex flex-col items-center text-center p-6 bg-gray-50 rounded-lg shadow-sm">
          <i data-lucide="shield" class="w-10 h-10 text-indigo-600 mb-4"></i>
          <h3 class="text-xl font-semibold text-gray-800 mb-2">Enterprise‑Grade Security</h3>
          <p class="text-gray-600">Enforce fine‑grained role‑based access, encryption at rest, and audit logging.</p>
        </div>
        <div class="flex flex-col items-center text-center p-6 bg-gray-50 rounded-lg shadow-sm">
          <i data-lucide="code" class="w-10 h-10 text-indigo-600 mb-4"></i>
          <h3 class="text-xl font-semibold text-gray-800 mb-2">Developer‑First API</h3>
          <p class="text-gray-600">A clean, type‑safe SDK for JavaScript, Python, and Go with real‑time change streams.</p>
        </div>
        <div class="flex flex-col items-center text-center p-6 bg-gray-50 rounded-lg shadow-sm">
          <i data-lucide="clock" class="w-10 h-10 text-indigo-600 mb-4"></i>
          <h3 class="text-xl font-semibold text-gray-800 mb-2">Zero‑Latency Queries</h3>
          <p class="text-gray-600">Built on a distributed columnar engine delivering sub‑millisecond reads.</p>
        </div>
        <div class="flex flex-col items-center text-center p-6 bg-gray-50 rounded-lg shadow-sm">
          <i data-lucide="database" class="w-10 h-10 text-indigo-600 mb-4"></i>
          <h3 class="text-xl font-semibold text-gray-800 mb-2">Strong Consistency</h3>
          <p class="text-gray-600">Guarantee ACID transactions across all shards automatically.</p>
        </div>
        <div class="flex flex-col items-center text-center p-6 bg-gray-50 rounded-lg shadow-sm">
          <i data-lucide="trend-up" class="w-10 h-10 text-indigo-600 mb-4"></i>
          <h3 class="text-xl font-semibold text-gray-800 mb-2">Predictive Analytics</h3>
          <p class="text-gray-600">Native support for time‑series and analytical workloads.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- Testimonials -->
  <section id="testimonials" class="py-16 bg-gray-100">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <h2 class="text-3xl font-bold text-gray-900 text-center mb-12">What Our Customers Say</h2>
      <div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
        <blockquote class="bg-white p-6 rounded-lg shadow-md flex flex-col h-full">
          <div class="flex items-center mb-4">
            <div class="w-12 h-12 bg-indigo-200 rounded-full mr-3"></div>
            <div>
              <p class="font-semibold text-gray-800">Alicia R.</p>
              <p class="text-sm text-gray-500">CTO, Streamify</p>
            </div>
          </div>
          <p class="text-gray-600 flex-grow">"Convex reduced our latency from 120ms to 8ms overnight. The auto‑scaling saved us weeks of ops work."
          </p>
          <div class="mt-4 flex">
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
          </div>
        </blockquote>
        <blockquote class="bg-white p-6 rounded-lg shadow-md flex flex-col h-full">
          <div class="flex items-center mb-4">
            <div class="w-12 h-12 bg-indigo-200 rounded-full mr-3"></div>
            <div>
              <p class="font-semibold text-gray-800">Miguel K.</p>
              <p class="text-sm text-gray-500">Lead Engineer, Nova Labs</p>
            </div>
          </div>
          <p class="text-gray-600 flex-grow">"The developer‑first SDK feels native to TypeScript. We shipped a new feature in half a day thanks to Convex."
          </p>
          <div class="mt-4 flex">
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
          </div>
        </blockquote>
        <blockquote class="bg-white p-6 rounded-lg shadow-md flex flex-col h-full">
          <div class="flex items-center mb-4">
            <div class="w-12 h-12 bg-indigo-200 rounded-full mr-3"></div>
            <div>
              <p class="font-semibold text-gray-800">Priya S.</p>
              <p class="text-sm text-gray-500">Data Ops Manager, Quanta</p>
            </div>
          </div>
          <p class="text-gray-600 flex-grow">"Zero‑downtime migrations kept our services online during a massive traffic spike. Convex is a game‑changer."
          </p>
          <div class="mt-4 flex">
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
            <i data-lucide="star" class="w-5 h-5 text-amber-400"></i>
          </div>
        </blockquote>
      </div>
    </div>
  </section>

  <!-- Call to Action -->
  <section id="contact" class="py-20 bg-indigo-600 text-white">
    <div class="max-w-2xl mx-auto text-center px-4">
      <h2 class="text-3xl font-bold mb-4">Ready to Power Your Data?</h2>
      <p class="mb-8">Start your free trial today or schedule a demo with one of our specialists.</p>
      <div class="flex flex-col sm:flex-row justify-center gap-4">
        <a href="#" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md bg-white text-indigo-600 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white">
          Start Free Trial
        </a>
        <a href="#" class="inline-flex items-center justify-center px-8 py-3 border border-white text-base font-medium rounded-md bg-indigo-500 hover:bg-indigo-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white">
          Schedule a Demo
        </a>
      </div>
    </div>
  </section>
</main>

<footer class="bg-gray-900 text-gray-300 py-12">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-8">
    <div>
      <h3 class="text-lg font-semibold text-white mb-4">Convex</h3>
      <p class="text-sm">Building faster, smarter data platforms for the modern web.</p>
    </div>
    <div>
      <h3 class="text-lg font-semibold text-white mb-4">Contact</h3>
      <ul class="space-y-2 text-sm">
        <li class="flex items-center"><i data-lucide="mail" class="w-4 h-4 mr-2"></i>[email protected]</li>
        <li class="flex items-center"><i data-lucide="phone" class="w-4 h-4 mr-2"></i>+1 (800) 555‑0199</li>
        <li class="flex items-center"><i data-lucide="map-pin" class="w-4 h-4 mr-2"></i>123 Data Way, Silicon Valley, CA</li>
      </ul>
    </div>
    <div>
      <h3 class="text-lg font-semibold text-white mb-4">Follow Us</h3>
      <div class="flex space-x-4">
        <a href="#" class="text-gray-400 hover:text-white"><i data-lucide="twitter" class="w-5 h-5"></i></a>
        <a href="#" class="text-gray-400 hover:text-white"><i data-lucide="github" class="w-5 h-5"></i></a>
        <a href="#" class="text-gray-400 hover:text-white"><i data-lucide="linkedin" class="w-5 h-5"></i></a>
      </div>
    </div>
  </div>
  <div class="mt-8 text-center text-xs text-gray-500">
    © 2026 Convex. All rights reserved.
  </div>
</footer>