appwrite.io/

Appwrite

appwrite.io/

Appwrite is an open-source backend-as-a-service platform bundling auth, databases (including managed Postgres/MySQL), storage, serverless functions, messaging, and hosting behind unified APIs, now pitched explicitly at AI agents as much as human developers. The homepage headline, “The open-source cloud for agents & devs,” is backed by an “AI Arena” section benchmarking GPT, Claude, and Grok models against each other on platform tasks, an unusual choice for infrastructure marketing. It also states usage numbers directly rather than in vague terms — 500K+ developers, 7B+ requests per month, 20B+ database operations per month, 57K GitHub stars — alongside logos for Claude, ChatGPT, and Cursor sitting next to standard framework logos like React and Next.js.

Visit website

Category

Engineering & Infrastructure

Style

Dark Minimal

Stack

Svelte Tailwind CSS

Fonts

Aeonik ProInter

Palette

Meta title

Appwrite - Build faster and scale bigger than ever

Sections

Updated

Oct 10, 2026

Appwrite's landing page, section by section

Each section below is cropped straight from Appwrite's live page — useful references for engineering & infrastructure landing page design.

Appwrite design review: how the homepage is built

The page moves from a centred hero and dashboard mock to an icon strip, a twelve-logo customer grid, a services card grid, an AI-agents block, a benchmark table and a case study, then switches to a light grey section for security, a map and stats, before pricing and the footer. At 9,878 pixels on desktop, it is long. Colour is a dark charcoal base with hot pink "#fd356e" for buttons and underscores, while a teal such as "#85dbd8" marks benchmark scores. Headlines use Aeonik Pro. A cursor-style underscore after headlines is the signature detail for a developer-infrastructure product.

Above the fold

The navigation lists "Products", "Docs", "Pricing", "Enterprise", "Customers", "Blog" and "Changelog", with a "57.1K" GitHub count and a pink "Start project" button at right. The headline "Build faster and scale bigger than ever_" fades from pink to white across its first words. A paragraph lists the services, two buttons follow, "Start project" and "Request a demo", then a dark dashboard mock with Bandwidth and Requests charts.

Icon strip, customers and services grid

A strip headed "Optimized for the frameworks, languages and agents you love" shows a row of icons with arrows. "Trusted by developer teams worldwide" follows with twelve logos in two rows. "All the services you need in one platform" adds a tag row of "BUILD" and "DEPLOY" items above cards: two wide for Auth and Databases, three for Storage, Functions and Messaging, and two for Realtime and Sites, each with an illustration.

AI agents, benchmark and case study

A quote from "Phil McCluskey" precedes "Built for the AI agents in your workflow_", which holds two cards, "MCP" and "Skills", and a row of six tool icons. A table headed "Works with every major LLM." ranks GPT 5.5 at "97.7%" above two Claude Opus entries at "97.1%". A large card, "LangX handled millions of requests using Appwrite", sits beside two dim logo tiles.

Security, network, pricing and footer

The background turns light grey for "Safely scale with built-in security and compliance_", a four-by-two grid of icon items from "DDoS" to "CCPA". "The Appwrite Network" shows a dotted world map with three toggles. Stats follow in a staircase: "300+", "56K+", "500K+", "20B+". Dark returns with three pricing columns, "Free" at "$0", "Pro" at "$25" tagged "Popular", and "Enterprise" at "Custom", then six footer link columns.

On mobile

At 390px the page is 12,631 pixels of single column. The dashboard mock shrinks to a thin strip, and the logo grid becomes four rows of three. Service cards stack one per row, security items form two columns, and the benchmark table keeps only "Model" and "Overall" columns. The stats staircase becomes a vertical list, pricing tiers stack, and the six footer link groups collapse into accordions.

Worth borrowing

Ending headlines with a pink underscore cursor ties the type to the developer audience and repeats across sections.
Switching to a light grey background for security and network content marks a topic change inside a dark page.
Publishing a benchmark table with model names and percentage scores turns an AI-readiness claim into visible evidence.