Recipes
Complete solutions organized by problem, not primitive.
Each recipe solves a specific Shopify app challenge with opinionated, review-safe patterns. Copy, paste, and customize.
Featured
All Recipes
Flows
Multi-step interactions
Layouts
Full page structures
Patterns
Reusable UI patterns
Account Connection
Connecting third-party accounts with terms acceptance
App Card
Showcasing apps in a marketplace-style layout
Callout Card
Highlighting important features or prompting user action
Footer Help
Providing contextual help links at the bottom of pages
Interstitial Navigation
Navigating between settings sections or preference groups
Media Card
Displaying media items in a compact card format
Metrics Card
Displaying key performance indicators at a glance
No Results State
Distinguishing "no data" from "no search matches"
Empty State
Guiding users when no data exists
Inline Edit
Editing content without leaving context
Modal Edit Flow
Editing a resource from a table row without leaving context
Setup Guide
Guiding users through initial app configuration with a checklist
Primitives
React wrappers for individual Polaris Web Components. The foundation.
Compositions
Building blocks that combine primitives. Reusable across pages.
Recipes
Complete page patterns and flows. Full solutions to app problems.