Bubbles

Item: Bubbles
Rating: 7.3

Small AI agents that keep docs, changelogs and reviews in sync with code.

bubbles.dev Save page

7.3/10MABTU rating

Home

DESKTOP · 1440 × 5,140/ ↗

MOBILE · 390

Section outline · Home

01heroHuge left headline, sphere cluster card right1,157
02productsAgent cards with spheres and status pills1,363
03explainerTwo cards: problem and shared-brain diagram
04processThree bordered steps: connect, build brain, do job
05ctaNavy rounded card with email signup838
06footerSmall links over giant faint wordmark514

Rating · Home

Visual design7.5

UX & clarity7.3

Originality7.2

Craft & consistency7.6

Motion5.5

Performance & a11y7.7

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

Main colours

Light & dark toggle·off white background·vivid

Typography

Bricolage Grotesqueheading · sans · google Interbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Bold typography 3D Rounded / soft Sticky header Theme toggle Process steps

Also: Vercel

Design DNA

Cool lavender-grey page with a very tight, heavy black grotesk headline at hero scale, small monospace eyebrows and blue pill buttons. Each agent is a glossy 3D sphere (blue, orange, teal) with a mono name, clustered in a soft white card in the hero and repeated as avatars on white rounded cards with LIVE or SOON pills. A two-card explainer, a three-step bordered row, a deep navy rounded CTA with an email field and a footer with an oversized faint wordmark.

Worth borrowing

Personify each product agent as a glossy coloured sphere with a lowercase mono name.
Mark roadmap items with small LIVE and SOON status pills on otherwise identical cards.
Close with an oversized, barely-visible wordmark behind the footer.