Backpack

Origin

Backpack is Skyscanner's design system, open-sourced in 2017 to support the cross-platform product portfolio (web, iOS, Android). It powers the same flight, hotel, and car-rental search surfaces that Skyscanner ships to over 100 million users in 30+ languages.

Governance

Skyscanner's design-systems team owns Backpack; the codebase is open on GitHub with a public roadmap and an active contribution model. Releases happen on a clear cadence, and breaking changes ship with documented migration paths.

Known for

• First-class internationalization — every component is built for RTL, locale-aware date and currency formatting, and language-switching mid-session.
• Travel-specific patterns — date-range pickers tuned for trip planning, fare display with multi-currency support, search-result cards with airline / hotel / car branding.
• Cross-platform consistency — shared semantic tokens render the same brand across React on web, native iOS, and native Android.

Underrated

• The token model carries explicit semantic naming for travel concepts — bkp-color-status-positive for available, bkp-color-status-warning for limited availability — domain-aware in a way most systems aren't.
• Their accessibility commitment is substantive: every component documents screen-reader behavior, focus order, and minimum tap-target sizes for mobile.

Watch out for

• The visual identity is Skyscanner-blue-heavy; the patterns are the reusable part, not the brand.
• Travel-specific component depth (date-range pickers, fare cards) won't translate to non-travel surfaces.