Back to Recipes
Layouts

Resource List Page

A complete index page layout with header actions, search, filters, and pagination. Handles empty states and loading.

Live Example
ProductsExportAdd product
ProductStatusInventory
Blue T-ShirtActive25
Red HoodieDraft0
Black JeansActive12

Problem

Structuring list views with consistent navigation and actions

When to use
  • Primary list views (orders, products, customers)
  • Resource index pages
  • Any paginated list with actions
When not to use
  • Simple settings pages
  • Single-item detail views

Get this recipe

Full source code included in Polaris Kit.

Get Lifetime Access