Next.js

Item: Next.js
Rating: 7.6

React framework by Vercel for building full-stack web applications.

7.6/10MABTU rating

DESKTOP · 1440 × 5,153/ ↗

MOBILE · 390

Section outline · Home

01heroThe React Framework for the Web640
02features gridWhat's in Next.js?1,048
03features gridBuilt on a foundation of fast, production-grade tooling705
04features gridGet started in seconds676
05testimonialsThe framework of choice when it matters1,327
06testimonials533
07content900
08content900

Rating · Home

Visual design7.5

UX & clarity8.0

Originality7.0

Craft & consistency8.0

Motion6.5

Performance & a11y8.0

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

Main colours

Light & dark toggle·white background·mono

Typography

Geistheading · sans · google Geistbody · sans · google Geist Monoaccent · mono · google

Stack & style

Next.js React Tailwind CSS

Minimal Monochrome Product-UI-led Bento grid Logo cloud Sticky header Theme toggle

Also: Vercel

Design DNA

Pure white and light-grey grid with faint construction lines, a bold tight centred headline and a black pill plus ghost button, with an npx command below. A three-column feature grid mixes grayscale illustrations with text-only rows and one black release card. Tooling cards, a template deploy block with stacked screenshot cards, a full-bleed showcase wall of customer sites, three quotes and a dense multi-column footer. Strictly monochrome; colour only comes from customer screenshots.

Worth borrowing

Faint grid lines behind the hero as a quiet engineering texture.
Feature grid mixing illustrated cards with plain text rows and one inverted black card.
Full-bleed wall of customer site screenshots as social proof.