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.

77 packs

  • Form fields

    Mobile28 components208 variants5 recreations

    Mobile form fields with error and success states, each paired with the right iOS or Android keyboard.

    $9, or included with Pro

  • Selection controls

    Mobile19 components216 variants3 recreations

    Mobile switches, checkboxes, radios, sliders, steppers, ratings and swatches, each with every state drawn and documented.

    $9, or included with Pro

  • Chips, tags and badges

    Mobile12 components40 variants3 recreations

    Mobile chips and badges: filter, choice, input, action and category chips, plus status, count, dot and verified badges.

    $9, or included with Pro

  • Filtering and sorting

    Mobile12 components41 variants5 recreations

    Mobile filter and sort patterns: chip bars, filter and sort sheets, price ranges, results bars, map and list, saved searches.

    $9, or included with Pro

  • Date, time and calendars

    Desktop17 components73 variants4 recreations

    Desktop date and time fields, calendar and range pickers, time zones, month, week and day views, events and slot pickers.

    $9, or included with Pro

  • Search

    Mobile11 components34 variants4 recreations

    Mobile search screens from the search bar to results: recents, suggestions, scopes, voice, explore and filters.

    $9, or included with Pro

  • Date, time and calendars

    Mobile12 components35 variants4 recreations

    Mobile date and time pickers: wheels, month calendars, booking ranges, time slots, week strips, durations, time zones and repeats.

    $9, or included with Pro

  • Search

    Desktop10 components34 variants4 recreations

    Desktop search: header trigger, global popover, autocomplete, match highlights, recents, scoped search, results and no results.

    $9, or included with Pro

  • Selection controls

    Desktop13 components54 variants3 recreations

    Desktop checkbox and radio groups, setting switches, sliders, steppers, ratings, swatches, a colour picker and a transfer list.

    $9, or included with Pro

  • Chips, tags and badges

    Desktop10 components64 variants3 recreations

    Desktop tags, labels, lozenges, count badges and status indicators, sized for dense tables and sidebars.

    $9, or included with Pro

  • Buttons and actions

    Desktop11 components254 variants10 recreations

    Desktop buttons in every state: primary to destructive, icon, split, menu, group, toolbar, toggle and segmented controls.

    $9, or included with Pro

  • Buttons and actions

    Mobile16 components1,212 variants

    16 kinds of mobile button found in 20 real iOS apps, rebuilt as editable components with every state.

    $9, or included with Pro

  • Form fields

    Desktop30 components359 variants6 recreations

    Desktop form fields and layouts: 20 field types in 8 states each, plus validation, error summary, save bar and multi-step forms.

    $9, or included with Pro

  • Filtering and sorting

    Desktop22 components126 variants13 recreations

    Desktop condition builders, filter chips, query bars, facet sidebars, saved views, date presets and quick search.

    $9, or included with Pro

  • 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

  • Avatars, images and placeholders

    Mobile12 components205 variants3 recreations

    Avatars, presence, stacks, story rings, image frames, photo grids and viewers for phone apps, with vector placeholders.

    $9, or included with Pro

  • Cards, tiles and carousels

    Mobile15 components121 variants2 recreations

    Mobile listing, media and stat cards, tiles, shelves, carousels and a swipe stack, with pressed, focus and loading states.

    $9, or included with Pro

  • Lists and rows

    Mobile18 components217 variants3 recreations

    Mobile list rows built on one anatomy: settings, toggles, media, people, chats, transactions and more.

    $9, or included with Pro

  • Charts and data viz

    Desktop13 components54 variants4 recreations

    Desktop line, bar, donut, heatmap, funnel, scatter and gauge charts drawn as vectors, with legends, tooltips and states.

    $9, or included with Pro

  • Dashboards and KPIs

    Desktop10 components35 variants5 recreations

    Desktop KPI rows, widget cards, date range pickers, top-N lists, dashboard homes and empty states with vector charts.

    $9, or included with Pro

  • Cards, tiles and carousels

    Desktop13 components67 variants4 recreations

    Desktop cards and tiles: media, callout, selectable, expandable, kanban, template, checklist, integration and carousels.

    $9, or included with Pro

  • Tables and data grids

    Mobile10 components31 variants4 recreations

    Ways to show tables on a phone: stacked cards, two-line rows, frozen columns, key-value lists, rankings and landscape grids.

    $9, or included with Pro

  • Charts and data viz

    Mobile11 components31 variants3 recreations

    Mobile charts: scrubbable lines, sparklines, weekly bars, donuts, activity rings, heatmaps, gauges and period selectors.

    $9, or included with Pro

  • Avatars, images and placeholders

    Desktop10 components80 variants2 recreations

    Desktop avatars, stacks, presence, thumbnails, galleries, a lightbox and image frames, with editable placeholder art.

    $9, or included with Pro

  • Dashboards and KPIs

    Mobile8 components25 variants3 recreations

    Mobile summary homes, KPI cards, balance headers, widget grids, period switchers, insight and goal cards and quick actions.

    $9, or included with Pro

  • Lists and rows

    Desktop13 components35 variants4 recreations

    Desktop list patterns: resource rows, trees, bulk select, hover actions, reorder, grouping, column browsers and Kanban columns.

    $9, or included with Pro

  • Tables and data grids

    Desktop27 components159 variants6 recreations

    Desktop data tables: sort, bulk select, resize, pin, inline edit, grouping, expandable rows, pagination, empty and error states.

    $9, or included with Pro

  • Dialogs, sheets and modals

    Mobile14 components70 variants3 recreations

    Mobile bottom sheets, alerts, modals, context menus and scrims, with detents, drag states and working prototypes.

    $9, or included with Pro

  • Empty, error and success states

    Mobile12 components29 variants2 recreations

    12 mobile empty, error and success screens, from first use and offline to update required and caught up.

    $9, or included with Pro

  • Menus, popovers and tooltips

    Desktop10 components37 variants4 recreations

    Desktop dropdowns, submenus, context menus, popovers, tooltips, toggletips, hover cards and coachmark tours.

    $9, or included with Pro

  • Feedback: toasts, banners, progress, loading

    Mobile14 components53 variants3 recreations

    Mobile feedback patterns: snackbars, undo toasts, banners, callouts, loading states, skeletons and progress bars and rings.

    $9, or included with Pro

  • Empty, error and success states

    Desktop11 components28 variants3 recreations

    Desktop empty tables, first runs, no results, 404 and 500 pages, access requests, maintenance and success states.

    $9, or included with Pro

  • Dialogs, sheets and modals

    Desktop10 components35 variants4 recreations

    Desktop dialogs in four sizes, confirms, form dialogs, side sheets, tearsheets, full-screen modals and scrims.

    $9, or included with Pro

  • Menus, popovers and tooltips

    Mobile8 components25 variants2 recreations

    Mobile action sheets, context menus, pull-downs, popovers, tooltips, coach marks, edit menus and quick actions.

    $9, or included with Pro

  • Feedback: toasts, banners, progress, loading

    Desktop12 components60 variants3 recreations

    Desktop feedback patterns: toast stacks, page banners, messages, flags, status icons, progress bars, spinners and skeletons.

    $9, or included with Pro

  • Auth and sign-in

    Mobile15 components83 variants4 recreations

    Mobile sign-in screens and parts, from social buttons and passkeys to codes, two-factor and locked accounts.

    $9, or included with Pro

  • Onboarding and walkthroughs

    Mobile20 components128 variants4 recreations

    Mobile onboarding screens from splash to celebration, with questions, goals, permissions and tutorials.

    $9, or included with Pro

  • Paywalls and pricing

    Mobile14 components80 variants6 recreations

    Mobile paywalls, plan cards, trial timelines, upsell sheets and offers, built around honest pricing.

    $9, or included with Pro

  • Checkout and payments

    Mobile14 components43 variants4 recreations

    Mobile checkout from basket to receipt: addresses, delivery slots, cards, wallets, promo codes, tips and orders.

    $9, or included with Pro

  • Profile and settings

    Desktop27 components135 variants4 recreations

    Desktop settings screens: shell, profile, team members, roles, API keys, notifications, theme, security and danger zone.

    $9, or included with Pro

  • Profile and settings

    Mobile16 components43 variants4 recreations

    16 mobile profile and settings screens, from the settings root to account deletion, built from real list rows.

    $9, or included with Pro

  • Checkout and payments

    Desktop12 components48 variants4 recreations

    Desktop checkout pages, card and address forms, order summaries, invoices and payment results, ready to compose.

    $9, or included with Pro

  • Auth and sign-in

    Desktop13 components47 variants4 recreations

    Desktop sign-in, sign-up, SSO, passkey, two-factor, magic link, password reset and invite screens with every state.

    $9, or included with Pro

  • Paywalls and pricing

    Desktop11 components39 variants4 recreations

    Desktop pricing pages, upgrade modals, billing, trials and cancel flows, with a guide to honest pricing.

    $9, or included with Pro

  • Onboarding and walkthroughs

    Desktop13 components50 variants4 recreations

    Desktop setup checklists, welcome modals, product tours, workspace creation, invites, templates and setup questions.

    $9, or included with Pro

  • Steppers and wizards

    Mobile7 components29 variants3 recreations

    Mobile step progress headers, question screens, flow footers, checklists, review steps, order tracking and ID checks.

    $9, or included with Pro

  • Steppers and wizards

    Desktop8 components26 variants3 recreations

    Desktop steppers, wizard modals, task lists, setup guides, save and exit, progress trackers and check answers.

    $9, or included with Pro

  • Wallets, transactions and money movement

    Mobile13 components48 variants2 recreations

    Mobile balances, amount entry, send and request, transactions, cards, exchange, payouts and savings goals screens.

    $9, or included with Pro

  • Command palette

    Desktop11 components29 variants4 recreations

    Desktop command palettes: Command K, nested pages, scoped tabs, preview, Ask AI, cheat sheet and quick switcher.

    $9, or included with Pro

  • Notifications and inbox

    Desktop8 components36 variants4 recreations

    Desktop notification bell and popover, inbox page, row types, snooze, preferences matrix, email digest and empty inbox.

    $9, or included with Pro

  • Chat, messaging and calls

    Mobile17 components71 variants4 recreations

    Mobile chat list rows, message bubbles, receipts, composer, voice notes, media, reactions and call screens.

    $9, or included with Pro

  • Notifications and inbox

    Mobile9 components34 variants3 recreations

    Mobile notification patterns: inbox rows, bells with counts, unread markers, activity and action rows, push previews and banners.

    $9, or included with Pro

  • AI chat and prompt UI

    Mobile13 components46 variants4 recreations

    Mobile AI composers, streaming answers, sources, suggestions, voice mode, image grids, task progress and AI labels.

    $9, or included with Pro

  • Editors and toolbars

    Mobile11 components35 variants4 recreations

    Mobile editor toolbars and tools: formatting, selection, layers, photo crop and adjust, drawing, text overlay and post composer.

    $9, or included with Pro

  • Commerce and product pages

    Desktop18 components76 variants3 recreations

    Desktop product galleries, buy boxes, variant pickers, quick view, carts, reviews, comparison tables and store headers.

    $9, or included with Pro

  • Commerce and product pages

    Mobile20 components74 variants3 recreations

    Mobile product pages: gallery, variant pickers, sticky add-to-bag bar, wishlist, reviews, size guide, delivery and listings.

    $9, or included with Pro

  • Maps and location

    Mobile15 components43 variants3 recreations

    Mobile map screens and parts: pins, clusters, user location, routes, place cards, ride options and live tracking.

    $9, or included with Pro

  • Uploads, capture and files

    Desktop14 components52 variants3 recreations

    Desktop upload and file patterns: drop zones, file rows, browsers, previews, croppers, CSV import, exports and storage meters.

    $9, or included with Pro

  • Editors and toolbars

    Desktop13 components45 variants4 recreations

    Desktop rich-text and bubble toolbars, slash menus, block rows, canvas tools, inspectors, layers panels and version history.

    $9, or included with Pro

  • AI chat and prompt UI

    Desktop10 components28 variants4 recreations

    Desktop AI chat layouts, prompt box, artifact panel, code blocks, citations, run steps, tool approval and usage meter.

    $9, or included with Pro

  • Comments, feeds and activity

    Mobile9 components27 variants3 recreations

    Mobile social patterns: feed posts, stories, like and save actions, comment sheets, threads, activity and reporting.

    $9, or included with Pro

  • Media players

    Mobile15 components43 variants3 recreations

    Mobile music, podcast and video players: now playing, mini player, transport, video, waveforms, chapters, queues and casting.

    $9, or included with Pro

  • Maps and location

    Desktop19 components60 variants3 recreations

    Desktop map split views, price pins and clusters, store locators, route planners, draw tools, layer menus and fleet boards.

    $9, or included with Pro

  • Wallets, transactions and money movement

    Desktop17 components51 variants3 recreations

    Desktop balances, transactions, transfers, invoices, payouts, cards, approvals, exports and entity switching for finance apps.

    $9, or included with Pro

  • Progress, streaks and rewards

    Mobile23 components63 variants3 recreations

    Mobile streaks, XP bars, badges, leaderboards, quests, lesson paths, quizzes, hearts and loyalty points.

    $9, or included with Pro

  • Comments, feeds and activity

    Desktop22 components65 variants3 recreations

    Desktop comment threads, mentions, reactions, anchored comments, activity timelines, change history and audit logs.

    $9, or included with Pro

  • Chat, messaging and calls

    Desktop19 components71 variants3 recreations

    Desktop team chat: message rows, reactions, composer, mentions, DMs, threads, call bar, email inbox and support widget.

    $9, or included with Pro

  • Uploads, capture and files

    Mobile15 components51 variants3 recreations

    Mobile photo picker, camera, document scanner, upload progress, attachments, file lists, downloads and offline.

    $9, or included with Pro

  • Media players

    Desktop12 components36 variants3 recreations

    Desktop media patterns: player bars, volume, queues, video with picture in picture, live streams, timelines and transcripts.

    $9, or included with Pro

  • Progress, streaks and rewards

    Desktop12 components37 variants3 recreations

    Desktop leaderboards, achievement badges, course outlines, quiz players, points dashboards and activity heatmaps.

    $9, or included with Pro

  • System UI and device chrome

    Mobile24 components123 variants20 recreations

    iOS and Android keyboards, status bars, system alerts, share sheets and device frames to drop into phone mockups.

    $9, or included with Pro

  • System UI and device chrome

    Desktop19 components46 variants3 recreations

    Neutral desktop chrome for mock-ups: browser and window frames, menu bars, notifications, prompts, cookie banners and devices.

    $9, or included with Pro