[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgitpod\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":321,"links":322,"dates":377},"\u002Fexamples\u002Fapps\u002Fgitpod\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Gitpod product screens examples - Nicelydone","Browse Gitpod screen design examples. Preview the interface screenshots and explore related UI patterns. Always ready to code","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe02baaab-dcc5-4e29-9a94-91792cac4967.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Gitpod design examples","\u002Fexamples\u002Fapps\u002Fgitpod",{"label":23,"to":4},"Gitpod product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":30,"categories":34},"Gitpod","gitpod","Always ready to code","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgitpod-9e53b4f6.png","https:\u002F\u002Fwww.gitpod.io",[35],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",[40,65,104,128,147,173,194,210,236,258,281,305],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":63},"e02baaab-dcc5-4e29-9a94-91792cac4967","Dashboard — Gitpod","Sign-in screen where the user authenticates with GitLab, GitHub, or Bitbucket alongside a grid of product feature highlights.",3024,1738,"Dashboard — Gitpod from Gitpod","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59],{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":44,"height":45,"image_alt":70,"kind":47,"patterns":71,"component_categories":88,"app":102},"3304a753-60fb-4230-9c5d-81fbb950d3e3","Workspaces — Gitpod","List view where the user configures their workspace environment by selecting a preferred IDE like VS Code or IntelliJ from a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3304a753-60fb-4230-9c5d-81fbb950d3e3.png","Workspaces — Gitpod from Gitpod",[72,80],{"id":73,"label":74,"slug":75,"rank":53,"group":76},36,"Model Selection","model-selection",{"id":77,"label":78,"slug":79},3,"AI","ai",{"id":81,"label":82,"slug":83,"rank":55,"group":84},102,"Settings","settings",{"id":85,"label":86,"slug":87},10,"Settings & Admin","settings-and-admin",[89,93,97,101],{"id":90,"title":91,"slug":92},284,"Modal","modal",{"id":94,"title":95,"slug":96},174,"Card","card",{"id":98,"title":99,"slug":100},240,"Horizontal navigation","horizontal-navigation",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":67,"description":106,"canonical_path":4,"image":107,"width":44,"height":45,"image_alt":70,"kind":47,"patterns":108,"component_categories":117,"app":126},"a4645234-8898-4e6d-a59d-edd339470211","List view of workspaces with a modal overlay where the user selects their preferred IDE, such as VS Code or IntelliJ, and can opt into the latest unstable release.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4645234-8898-4e6d-a59d-edd339470211.png",[109],{"id":110,"label":111,"slug":112,"rank":53,"group":113},23,"Select","select",{"id":114,"label":115,"slug":116},2,"Actions","actions",[118,119,120,124,125],{"id":90,"title":91,"slug":92},{"id":94,"title":95,"slug":96},{"id":121,"title":122,"slug":123},169,"Avatar","avatar",{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":67,"description":130,"canonical_path":4,"image":131,"width":44,"height":45,"image_alt":70,"kind":47,"patterns":132,"component_categories":141,"app":145},"4bd2c5be-cd57-4d35-9d4f-9f50b892585f","List view where the user is prompted to create their first workspace because none exist yet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4bd2c5be-cd57-4d35-9d4f-9f50b892585f.png",[133],{"id":134,"label":135,"slug":136,"rank":53,"group":137},115,"Empty State","empty-state",{"id":138,"label":139,"slug":140},12,"States & Feedback","states-and-feedback",[142,143,144],{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":67,"description":149,"canonical_path":4,"image":150,"width":44,"height":45,"image_alt":70,"kind":47,"patterns":151,"component_categories":167,"app":171},"9e161a42-4c9e-4e7a-a43f-0de7581453d7","Dashboard where the user lands to manage their workspaces, currently showing an empty state with a prompt to create a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e161a42-4c9e-4e7a-a43f-0de7581453d7.png",[152,154,162],{"id":134,"label":135,"slug":136,"rank":53,"group":153},{"id":138,"label":139,"slug":140},{"id":155,"label":156,"slug":157,"rank":55,"group":158},80,"Files","files",{"id":159,"label":160,"slug":161},8,"Pages & Content","pages-and-content",{"id":163,"label":164,"slug":165,"rank":114,"group":166},7,"Add & Create","add-and-create",{"id":114,"label":115,"slug":116},[168,169,170],{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":44,"height":45,"image_alt":178,"kind":47,"patterns":179,"component_categories":187,"app":192},"c37b87bc-d968-49de-b174-dd3ab306edaf","New Team — Gitpod","Creation screen where the user enters a name to set up a new team for managing multiple projects and group workspaces.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc37b87bc-d968-49de-b174-dd3ab306edaf.png","New Team — Gitpod from Gitpod",[180,182],{"id":163,"label":164,"slug":165,"rank":53,"group":181},{"id":114,"label":115,"slug":116},{"id":183,"label":184,"slug":185,"rank":55,"group":186},104,"Team Management","team-management",{"id":85,"label":86,"slug":87},[188,189,190,191],{"id":94,"title":95,"slug":96},{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":175,"description":196,"canonical_path":4,"image":197,"width":44,"height":45,"image_alt":178,"kind":47,"patterns":198,"component_categories":203,"app":208},"5989cefe-3ebc-47c2-a0a3-634f7959d8a3","Create page where the user names a new team to manage multiple projects and group workspaces.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5989cefe-3ebc-47c2-a0a3-634f7959d8a3.png",[199,201],{"id":163,"label":164,"slug":165,"rank":53,"group":200},{"id":114,"label":115,"slug":116},{"id":183,"label":184,"slug":185,"rank":55,"group":202},{"id":85,"label":86,"slug":87},[204,205,206,207],{"id":94,"title":95,"slug":96},{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":4,"image":214,"width":44,"height":45,"image_alt":215,"kind":47,"patterns":216,"component_categories":226,"app":234},"23f6d58e-cb8a-4b64-a47d-b62ee1c26474","Projects — Gitpod","Projects list view in an empty state, prompting the user to create their first project or invite members to the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23f6d58e-cb8a-4b64-a47d-b62ee1c26474.png","Projects — Gitpod from Gitpod",[217,219,224],{"id":134,"label":135,"slug":136,"rank":53,"group":218},{"id":138,"label":139,"slug":140},{"id":220,"label":221,"slug":222,"rank":55,"group":223},133,"Invite Teammates","invite-teammates",{"id":114,"label":115,"slug":116},{"id":183,"label":184,"slug":185,"rank":114,"group":225},{"id":85,"label":86,"slug":87},[227,231,232,233],{"id":228,"title":229,"slug":230},233,"Tabs","tabs",{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":235},[],{"uuid":237,"title":212,"description":238,"canonical_path":4,"image":239,"width":44,"height":45,"image_alt":215,"kind":47,"patterns":240,"component_categories":247,"app":256},"4473fc5c-d4a0-46cf-b067-291e0fa1a846","List view where the user manages recently added projects for their team, currently showing an empty state with prompts to create a project or invite members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4473fc5c-d4a0-46cf-b067-291e0fa1a846.png",[241,243,245],{"id":134,"label":135,"slug":136,"rank":53,"group":242},{"id":138,"label":139,"slug":140},{"id":183,"label":184,"slug":185,"rank":55,"group":244},{"id":85,"label":86,"slug":87},{"id":220,"label":221,"slug":222,"rank":114,"group":246},{"id":114,"label":115,"slug":116},[248,252,253,254,255],{"id":249,"title":250,"slug":251},226,"Skeleton","skeleton",{"id":228,"title":229,"slug":230},{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":212,"description":260,"canonical_path":4,"image":261,"width":44,"height":45,"image_alt":215,"kind":47,"patterns":262,"component_categories":274,"app":279},"1e5a67ce-a36a-4a84-a548-25d6dc8c2ce4","Creation screen where the user is prompted to configure the Gitpod app for their GitHub account before they can import a repository.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1e5a67ce-a36a-4a84-a548-25d6dc8c2ce4.png",[263,267,269],{"id":55,"label":264,"slug":265,"rank":53,"group":266},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":163,"label":164,"slug":165,"rank":55,"group":268},{"id":114,"label":115,"slug":116},{"id":270,"label":271,"slug":272,"rank":114,"group":273},97,"Integrations","integrations",{"id":85,"label":86,"slug":87},[275,276,277,278],{"id":94,"title":95,"slug":96},{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":280},[],{"uuid":282,"title":42,"description":283,"canonical_path":4,"image":284,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":285,"component_categories":300,"app":303},"2b771eba-b25d-4b2d-ad52-d5ec06a13a66","Create page where the user selects a Git repository from their connected GitHub account to start a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b771eba-b25d-4b2d-ad52-d5ec06a13a66.png",[286,288,290,295],{"id":163,"label":164,"slug":165,"rank":53,"group":287},{"id":114,"label":115,"slug":116},{"id":110,"label":111,"slug":112,"rank":55,"group":289},{"id":114,"label":115,"slug":116},{"id":291,"label":292,"slug":293,"rank":114,"group":294},22,"Search","search",{"id":114,"label":115,"slug":116},{"id":296,"label":297,"slug":298,"rank":77,"group":299},81,"Home","home",{"id":159,"label":160,"slug":161},[301,302],{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"slug":30,"title":29,"logo":32,"categories":304},[],{"uuid":306,"title":42,"description":307,"canonical_path":4,"image":308,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":309,"component_categories":314,"app":319},"ee3261a7-ac57-47fe-9adf-d196d75dd320","Create page where the user selects a GitHub repository to import and configure as a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee3261a7-ac57-47fe-9adf-d196d75dd320.png",[310,312],{"id":163,"label":164,"slug":165,"rank":53,"group":311},{"id":114,"label":115,"slug":116},{"id":110,"label":111,"slug":112,"rank":55,"group":313},{"id":114,"label":115,"slug":116},[315,316,317,318],{"id":94,"title":95,"slug":96},{"id":121,"title":122,"slug":123},{"id":98,"title":99,"slug":100},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":320},[],[],[323,325,327,329,331,333,335,337,339,341,343,345,347,350,353,356,359,361,365,369,373],{"label":164,"to":324},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":135,"to":326},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":184,"to":328},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":111,"to":330},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":221,"to":332},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":264,"to":334},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":156,"to":336},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":297,"to":338},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":271,"to":340},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":74,"to":342},"\u002Fexamples\u002Fscreens\u002Fmodel-selection",{"label":292,"to":344},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":82,"to":346},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":348,"to":349},"Gitpod marketing pages","\u002Fexamples\u002Fapps\u002Fgitpod\u002Fmarketing",{"label":351,"to":352},"Gitpod user flows","\u002Fexamples\u002Fapps\u002Fgitpod\u002Fflows",{"label":354,"to":355},"Gitpod UI components","\u002Fexamples\u002Fapps\u002Fgitpod\u002Fcomponents",{"label":357,"to":358},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":360,"to":18},"All SaaS app examples",{"label":362,"to":363,"description":364},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":366,"to":367,"description":368},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":370,"to":371,"description":372},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":374,"to":375,"description":376},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":378,"updated_at":379},"2022-10-10T08:51:21.000Z","2026-09-13T13:02:39.000Z"]