Inertia.js

Item: Inertia.js
Rating: 7.5

Build React, Vue and Svelte apps with server-side routing, no API needed.

inertiajs.com Save page

7.5/10MABTU rating

Home

Documentation

DESKTOP · 1440 × 5,323/ ↗

MOBILE · 390

Section outline · Home

01heroBlue band, framework toggles, two pills, overlapping code cards1,074
02featuresHairline bento with stats row and illustrated feature cells564
03ctaCentred CTA over faint pixel arrow pattern632
04footerLaravel product columns and huge red wordmark

Rating · Home

Visual design7.9

UX & clarity7.8

Originality6.9

Craft & consistency8.2

Motion5.5

Performance & a11y7.7

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

Main colours

Light & dark toggle·white background·vivid

Typography

Instrument Sansheading · sans · google Instrument Sansbody · sans · google

Stack & style

Tailwind CSS

Minimal Bento Sharp / geometric Product-UI-led Bento grid Marquee Stats band

Also: Cloudflare, Google Analytics

Design DNA

Saturated blue hero with faint pixel-block arrow patterns, framework icon toggles, a centred white headline and two pill buttons, then two side-by-side code editor cards (PHP controller and Vue page) overlapping the fold. Below is a white page ruled into a hairline-bordered bento: a mono GitHub stats row, isometric line-art server illustration, framework icon field, form validation stack, Lighthouse 100 score rings and flight-board style infinite scroll demo. A pixel-pattern CTA and a Laravel ecosystem footer with a giant red wordmark close it.

Worth borrowing

Show the whole value proposition as two real code files side by side overlapping the hero edge.
Rule the feature grid with 1px hairlines instead of cards, with a small live UI vignette in each cell.
Set open-source stats (repos, contributors, stars) in a monospace label row inside the grid.