Supabase

Item: Supabase
Rating: 7.1

Postgres development platform with auth, APIs, storage, realtime and vector embeddings.

supabase.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 7,747/ ↗

MOBILE · 390

Section outline · Home

01headerBuild in a weekend Scale to millions386
02heroPostgres Database949
03logo cloud270
04features gridStay productive and manage your app without leaving the dashboard862
05contentUse Supabase with React696
06portfolioKickstart your next project with production ready templates898
07testimonialsHow industry leaders are building with Supabase812
08testimonialsJoin the community909
09contentOpen source from day one373
10contentBuild in a weekend, scale to millions375
11footerFooter1,097

Rating · Home

Visual design8.0

UX & clarity8.2

Originality7.3

Craft & consistency8.2

Motion5.5

Performance & a11y7.5

This page scores 7.7; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Manropeheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Editorial Corporate / clean Bento Sharp / geometric Product-UI-led Logo cloud Marquee Tabs

Also: Vercel

Design DNA

White canvas with near-black type and a single mint #3ECF8E accent carrying the second hero line and filled buttons. Manrope headlines at ~48px, set as a dark first line plus a green or grey second line, with the paragraph parked in a right column. Products sit in a seven-cell bento of thin-bordered cards, each with monochrome line illustrations (outlined elephant, wireframe globe, isometric cube, file icons) rather than colour. Later bands mix a tabbed dashboard crop, a framework icon rail over a code block, template cards, one saturated gradient customer story, a tweet wall, a dot-matrix 109K counter and a mono ASCII-bracket announcement bar.

Worth borrowing

Illustrate each product card in a bento with grey single-weight line art so the grid stays calm and technical.
Split the hero into two short lines, the second in the brand accent, with the explanatory paragraph in a separate right column.
Render a key community number as a dot-matrix LED figure to give an open-source stat some personality.