← All flows

Request and approve time off

The “request and approve time off” flow as 5 original screens (shift scheduler → time-off request → time-off request → time-off request → leave calendar), for web and mobile in 8 styles. Each step comes with HTML and a DESIGN.md. Free.

PlatformWebMobile
StyleMinimalEditorialBrutalistLuxuryPlayfulCorporateRetroMonochrome
Theme
Step 1: Shift scheduler
1Shift scheduler
Step 2: Time-off request
2Time-off request · Request
Step 3: Time-off request
3Time-off request · Conflicts with staffing error state
Step 4: Time-off request
4Time-off request · Manager review
Step 5: Leave calendar
5Leave calendar
Building with an AI coding agent? Every screen here is also in the free Made Good Designs MCP server: ask Claude, Cursor or ChatGPT to search_ui_screens (e.g. “billing settings, editorial style”), get_ui_flow for a whole journey, and get_ui_screen_code to pull the HTML and DESIGN.md straight into your project.

Save to board