[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpopsql\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":325,"links":326,"dates":387},"\u002Fexamples\u002Fapps\u002Fpopsql\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"PopSQL product screens examples - Nicelydone","Browse PopSQL screen design examples. Preview the interface screenshots and explore related UI patterns. Collaborative SQL editor for teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf02382b-5f40-4c51-a8df-cd10cee41cee.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},"PopSQL design examples","\u002Fexamples\u002Fapps\u002Fpopsql",{"label":23,"to":4},"PopSQL 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},"PopSQL","popsql","Collaborative SQL editor for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpopsql-d7aab23e.png","https:\u002F\u002Fpopsql.com",[35,39,43],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},23,"Collaboration","collaboration",{"id":44,"title":45,"slug":46},46,"Analytics","analytics",[48,77,94,110,127,143,166,227,248,269,293,308],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":75},"df02382b-5f40-4c51-a8df-cd10cee41cee","Sign in | PopSQL","Sign-in screen where the user authenticates with Google, SAML SSO, or email and password.",3024,1738,"Sign in | PopSQL from PopSQL","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},4,"Sign In","sign-in",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},174,"Card","card",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":52,"height":53,"image_alt":82,"kind":55,"patterns":83,"component_categories":89,"app":92},"d526d717-e89b-4bdd-ba1c-878c94b94e82","Forgot your password | PopSQL","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd526d717-e89b-4bdd-ba1c-878c94b94e82.png","Forgot your password | PopSQL from PopSQL",[84],{"id":85,"label":86,"slug":87,"rank":61,"group":88},2,"Forgot Password","forgot-password",{"id":63,"label":64,"slug":65},[90,91],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":50,"description":96,"canonical_path":4,"image":97,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":98,"component_categories":101,"app":108},"5df2ddcd-c968-4913-9996-620bfeab0439","Sign-in screen displaying a success banner confirming a password recovery link was sent, alongside standard email, Google, and SAML SSO login options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5df2ddcd-c968-4913-9996-620bfeab0439.png",[99],{"id":85,"label":86,"slug":87,"rank":61,"group":100},{"id":63,"label":64,"slug":65},[102,106,107],{"id":103,"title":104,"slug":105},167,"Alert","alert",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":52,"height":53,"image_alt":115,"kind":55,"patterns":116,"component_categories":122,"app":125},"1b8a05ab-27b1-4ca1-a57f-43067429b3c5","Sign Up | PopSQL","Signup page where the user creates an account using Google, SAML SSO, or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b8a05ab-27b1-4ca1-a57f-43067429b3c5.png","Sign Up | PopSQL from PopSQL",[117],{"id":118,"label":119,"slug":120,"rank":61,"group":121},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},[123,124],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":112,"description":129,"canonical_path":4,"image":130,"width":52,"height":53,"image_alt":115,"kind":55,"patterns":131,"component_categories":134,"app":141},"9bfff255-3691-4961-8e86-ea97cd31d22a","Signup page where the user creates an account using Google, SAML SSO, or email and password, with a popover displaying password complexity requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9bfff255-3691-4961-8e86-ea97cd31d22a.png",[132],{"id":118,"label":119,"slug":120,"rank":61,"group":133},{"id":63,"label":64,"slug":65},[135,139,140],{"id":136,"title":137,"slug":138},214,"Popover","popover",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":4,"image":147,"width":52,"height":53,"image_alt":148,"kind":55,"patterns":149,"component_categories":163,"app":164},"8c2ccef4-cdb8-4a02-affb-73978f9cd03e","PopSQL - Collaborative SQL editor for teams - Download our SQL to","Verification screen where the user is instructed to check their inbox to complete the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c2ccef4-cdb8-4a02-affb-73978f9cd03e.png","PopSQL - Collaborative SQL editor for teams - Download our SQL to from PopSQL",[150,155],{"id":151,"label":152,"slug":153,"rank":61,"group":154},6,"Verification","verification",{"id":63,"label":64,"slug":65},{"id":156,"label":157,"slug":158,"rank":63,"group":159},122,"Success","success",{"id":160,"label":161,"slug":162},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":145,"description":168,"canonical_path":4,"image":169,"width":52,"height":170,"image_alt":148,"kind":55,"patterns":171,"component_categories":198,"app":225},"d6bfa8c9-dffc-4466-938a-bfeb15449135","Landing page for a collaborative SQL editor highlighting features like data catalogs, shared insights, dashboards, and database integrations, with a prominent hero section offering desktop and web app choices.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6bfa8c9-dffc-4466-938a-bfeb15449135.png",20882,[172,179,187,192],{"id":173,"label":174,"slug":175,"rank":61,"group":176},65,"Navigation Menu","navigation-menu",{"id":151,"label":177,"slug":178},"Navigation & Commands","navigation-and-commands",{"id":180,"label":181,"slug":182,"rank":63,"group":183},81,"Home","home",{"id":184,"label":185,"slug":186},8,"Pages & Content","pages-and-content",{"id":188,"label":189,"slug":190,"rank":85,"group":191},79,"Browse","browse",{"id":184,"label":185,"slug":186},{"id":193,"label":194,"slug":195,"rank":196,"group":197},82,"Media Detail","media-detail",3,{"id":184,"label":185,"slug":186},[199,203,207,211,215,219,223,224],{"id":200,"title":201,"slug":202},258,"Header","header",{"id":204,"title":205,"slug":206},260,"Badge","badge",{"id":208,"title":209,"slug":210},169,"Avatar","avatar",{"id":212,"title":213,"slug":214},232,"Testimonial","testimonial",{"id":216,"title":217,"slug":218},233,"Tabs","tabs",{"id":220,"title":221,"slug":222},202,"Footer","footer",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":29,"description":229,"canonical_path":4,"image":230,"width":52,"height":53,"image_alt":231,"kind":55,"patterns":232,"component_categories":245,"app":246},"79f9c836-9f08-4b1f-90d1-4b5709fbd9fc","Loading screen displaying a progress bar and a keyboard shortcut hint for executing queries while the application initializes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F79f9c836-9f08-4b1f-90d1-4b5709fbd9fc.png","PopSQL from PopSQL",[233,238],{"id":234,"label":235,"slug":236,"rank":61,"group":237},120,"Loading","loading",{"id":160,"label":161,"slug":162},{"id":239,"label":240,"slug":241,"rank":63,"group":242},53,"Code Editor","code-editor",{"id":118,"label":243,"slug":244},"Media & Tools","media-and-tools",[],{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":29,"description":250,"canonical_path":4,"image":251,"width":52,"height":53,"image_alt":231,"kind":55,"patterns":252,"component_categories":257,"app":267},"4b9a180d-4d66-4f78-add2-3e6061e834cc","Onboarding step where the user names their organization and selects their company size to create a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b9a180d-4d66-4f78-add2-3e6061e834cc.png",[253],{"id":63,"label":254,"slug":255,"rank":61,"group":256},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[258,262,266],{"id":259,"title":260,"slug":261},227,"Stepper","stepper",{"id":263,"title":264,"slug":265},284,"Modal","modal",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":29,"description":271,"canonical_path":4,"image":272,"width":52,"height":53,"image_alt":231,"kind":55,"patterns":273,"component_categories":289,"app":291},"8be55774-2372-4ec7-83fe-893d3549255c","Onboarding step where the user names their new organization and selects their company size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8be55774-2372-4ec7-83fe-893d3549255c.png",[274,282,284],{"id":275,"label":276,"slug":277,"rank":61,"group":278},75,"Setup Wizard","setup-wizard",{"id":279,"label":280,"slug":281},7,"Onboarding & Education","onboarding-and-education",{"id":63,"label":254,"slug":255,"rank":63,"group":283},{"id":63,"label":64,"slug":65},{"id":285,"label":286,"slug":287,"rank":85,"group":288},74,"Onboarding Checklist","onboarding-checklist",{"id":279,"label":280,"slug":281},[290],{"id":263,"title":264,"slug":265},{"slug":30,"title":29,"logo":32,"categories":292},[],{"uuid":294,"title":29,"description":295,"canonical_path":4,"image":296,"width":52,"height":53,"image_alt":231,"kind":55,"patterns":297,"component_categories":302,"app":306},"da73aea8-26c0-4b38-9abe-de44f5b68d1d","Onboarding step where the user names their new organization and selects their company size from a dropdown to set up their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda73aea8-26c0-4b38-9abe-de44f5b68d1d.png",[298,300],{"id":275,"label":276,"slug":277,"rank":61,"group":299},{"id":279,"label":280,"slug":281},{"id":63,"label":254,"slug":255,"rank":63,"group":301},{"id":63,"label":64,"slug":65},[303,304,305],{"id":259,"title":260,"slug":261},{"id":263,"title":264,"slug":265},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":307},[],{"uuid":309,"title":29,"description":310,"canonical_path":4,"image":311,"width":52,"height":53,"image_alt":231,"kind":55,"patterns":312,"component_categories":319,"app":323},"39f5ac92-228d-43b0-95fd-c00b7ee8860f","Onboarding step where the user names their organization and selects their company size while the system processes the creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39f5ac92-228d-43b0-95fd-c00b7ee8860f.png",[313,315,317],{"id":275,"label":276,"slug":277,"rank":61,"group":314},{"id":279,"label":280,"slug":281},{"id":63,"label":254,"slug":255,"rank":63,"group":316},{"id":63,"label":64,"slug":65},{"id":234,"label":235,"slug":236,"rank":85,"group":318},{"id":160,"label":161,"slug":162},[320,321,322],{"id":259,"title":260,"slug":261},{"id":263,"title":264,"slug":265},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":324},[],[],[327,329,331,333,335,337,339,341,343,345,347,349,351,354,357,360,363,366,369,371,375,379,383],{"label":254,"to":328},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":276,"to":330},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":86,"to":332},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":235,"to":334},"\u002Fexamples\u002Fscreens\u002Floading",{"label":119,"to":336},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":189,"to":338},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":240,"to":340},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":181,"to":342},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":194,"to":344},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":174,"to":346},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":286,"to":348},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":59,"to":350},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":352,"to":353},"PopSQL marketing pages","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fmarketing",{"label":355,"to":356},"PopSQL user flows","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fflows",{"label":358,"to":359},"PopSQL UI components","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fcomponents",{"label":361,"to":362},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":364,"to":365},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":367,"to":368},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":370,"to":18},"All SaaS app examples",{"label":372,"to":373,"description":374},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":376,"to":377,"description":378},"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":380,"to":381,"description":382},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":384,"to":385,"description":386},"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":388,"updated_at":389},"2022-08-31T15:51:47.000Z","2026-09-13T13:02:39.000Z"]