Skip to content

Component packs

One UI pattern per Figma file, with every state, light and dark themes, and notes on when to use each part. Almost every pack also recreates how apps such as Linear, Airbnb and Shopify do it. $9 a pack, or every pack with Pro.

6 packs · Clear filters

  • Tabs and segmented controls

    Mobile17 components166 variants10 recreations

    Mobile top tabs, pill tabs, segmented controls, page dots and swipe pagers, with badges, scroll states and switch motion.

    $9, or included with Pro

  • Top bars, headers and detail tops

    Mobile12 components47 variants3 recreations

    Mobile top bars and headers: nav bars, large titles, search, over-media, collapsing heroes, profiles, progress and selection.

    $9, or included with Pro

  • Navigation and app shells

    Desktop14 components32 variants6 recreations

    Desktop navigation and app shells: sidebars, icon rails, top nav, breadcrumbs, menus and full page layouts.

    $9, or included with Pro

  • Tabs and segmented controls

    Desktop9 components49 variants3 recreations

    Desktop tabs and segmented controls: line, contained, icon, count, document, overflow, vertical and view switchers.

    $9, or included with Pro

  • Navigation and app shells

    Mobile9 components34 variants3 recreations

    Mobile navigation: tab bars, centre actions, floating and minimised bars, side drawers, account switchers and iPad split view.

    $9, or included with Pro

  • Top bars, headers and detail tops

    Desktop9 components24 variants3 recreations

    Desktop page headers, global top bars, sticky and detail headers, contextual save bars and object headers.

    $9, or included with Pro