studio-list-pattern

What problem does it solve?

Studio-list patterns address building scalable, responsive studio listing pages by combining infinite scroll, sticky toolbars, and card-based layouts in erify_studios.

Core Features & Use Cases

• Infinite Scroll with cursor-based pagination to load items as the user scrolls.
• Sticky Toolbar with search and actions to keep controls visible during scroll.
• Responsive Card Grid that adapts across mobile, tablet, and desktop viewports.
• Debounced search syncing with URL state for shareable and bookmarkable filters.
• Use Case: implement a studio dashboard that lists task templates, projects, or studios with smooth navigation.

Quick Start

Create a new studio list view that uses the sticky toolbar pattern and cursor-based loading to populate a card grid from the studios collection.