What problem does it solve?
GPUI developers need reusable, battle-tested UI patterns to accelerate development and ensure consistent behavior across modals, lists, forms, and complex component compositions.
Core Features & Use Cases
- Modal/Overlay pattern for modal dialogs and transient UI.
- Dynamic List rendering patterns for lists, grids, and tables.
- Form pattern with validation, error handling, and accessible feedback.
- Global state pattern for sharing state across components and screens.
- Parent-Child communication via events and subscriptions for decoupled components.
- Tab navigation pattern for multi-view interfaces.
- Loading and async state patterns for data-driven UI and progress feedback.
- Dropdowns, focus management, and accessibility considerations.
- Production component patterns: Builder, Component Structure, Variant System for scalable UI.
- Focus management and responsive sizing strategies for varying DPIs.
Quick Start
Load the gpui-patterns package and start applying these patterns to a sample GPUI screen (modals, lists, and forms).