WPPConnect Design System / v2

One identity. Every experience.

The shared WPPConnect design system for the website and Cloud. Colors, typography and controls use the same versioned tokens.

Semantic colors

Canvas--background

Surface--card

Text--foreground

Brand--brand

Muted text--muted-foreground

Border--border

Typography

Geist

Build messaging integrations with an open-source ecosystem made for developers. Start with a library, use a ready-to-run API, or let Cloud handle the infrastructure.

Geist Mono / const session = 'my-session';

Controls

Interactive preview only. No account data is changed.

Example field

View the Cloud reference View the shared source

SHA256 b1e5ddfbe5f5d1decefa74e8589c069eaacd5e6a267464b0baa6b679341daaeb