[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fpopsql":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":338,"dates":376},"\u002Fexamples\u002Fapps\u002Fpopsql","detail","apps",true,{"title":9,"description":10,"og_image":11},"PopSQL design examples - Nicelydone","Explore PopSQL UI design examples. Collaborative SQL editor for teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf02382b-5f40-4c51-a8df-cd10cee41cee.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"PopSQL design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore PopSQL",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":36,"categories":40},"PopSQL","popsql","Collaborative SQL editor for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpopsql-d7aab23e.png","https:\u002F\u002Fpopsql.com",[41,45,49],{"id":42,"title":43,"slug":44},48,"Developer Tools","developer-tools",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",{"id":50,"title":51,"slug":52},46,"Analytics","analytics",[],[55,335],{"family":56,"examples":57},"screens",[58,87,104,120,137,153,176,237,258,279,303,318],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":85},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81],{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":62,"height":63,"image_alt":92,"kind":65,"patterns":93,"component_categories":99,"app":102},"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",[94],{"id":95,"label":96,"slug":97,"rank":71,"group":98},2,"Forgot Password","forgot-password",{"id":73,"label":74,"slug":75},[100,101],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":103},[],{"uuid":105,"title":60,"description":106,"canonical_path":29,"image":107,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":108,"component_categories":111,"app":118},"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",[109],{"id":95,"label":96,"slug":97,"rank":71,"group":110},{"id":73,"label":74,"slug":75},[112,116,117],{"id":113,"title":114,"slug":115},167,"Alert","alert",{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":29,"image":124,"width":62,"height":63,"image_alt":125,"kind":65,"patterns":126,"component_categories":132,"app":135},"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",[127],{"id":128,"label":129,"slug":130,"rank":71,"group":131},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},[133,134],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":136},[],{"uuid":138,"title":122,"description":139,"canonical_path":29,"image":140,"width":62,"height":63,"image_alt":125,"kind":65,"patterns":141,"component_categories":144,"app":151},"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",[142],{"id":128,"label":129,"slug":130,"rank":71,"group":143},{"id":73,"label":74,"slug":75},[145,149,150],{"id":146,"title":147,"slug":148},214,"Popover","popover",{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":152},[],{"uuid":154,"title":155,"description":156,"canonical_path":29,"image":157,"width":62,"height":63,"image_alt":158,"kind":65,"patterns":159,"component_categories":173,"app":174},"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",[160,165],{"id":161,"label":162,"slug":163,"rank":71,"group":164},6,"Verification","verification",{"id":73,"label":74,"slug":75},{"id":166,"label":167,"slug":168,"rank":73,"group":169},122,"Success","success",{"id":170,"label":171,"slug":172},12,"States & Feedback","states-and-feedback",[],{"slug":36,"title":35,"logo":38,"categories":175},[],{"uuid":177,"title":155,"description":178,"canonical_path":29,"image":179,"width":62,"height":180,"image_alt":158,"kind":65,"patterns":181,"component_categories":208,"app":235},"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,[182,189,197,202],{"id":183,"label":184,"slug":185,"rank":71,"group":186},65,"Navigation Menu","navigation-menu",{"id":161,"label":187,"slug":188},"Navigation & Commands","navigation-and-commands",{"id":190,"label":191,"slug":192,"rank":73,"group":193},81,"Home","home",{"id":194,"label":195,"slug":196},8,"Pages & Content","pages-and-content",{"id":198,"label":199,"slug":200,"rank":95,"group":201},79,"Browse","browse",{"id":194,"label":195,"slug":196},{"id":203,"label":204,"slug":205,"rank":206,"group":207},82,"Media Detail","media-detail",3,{"id":194,"label":195,"slug":196},[209,213,217,221,225,229,233,234],{"id":210,"title":211,"slug":212},258,"Header","header",{"id":214,"title":215,"slug":216},260,"Badge","badge",{"id":218,"title":219,"slug":220},169,"Avatar","avatar",{"id":222,"title":223,"slug":224},232,"Testimonial","testimonial",{"id":226,"title":227,"slug":228},233,"Tabs","tabs",{"id":230,"title":231,"slug":232},202,"Footer","footer",{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":236},[],{"uuid":238,"title":35,"description":239,"canonical_path":29,"image":240,"width":62,"height":63,"image_alt":241,"kind":65,"patterns":242,"component_categories":255,"app":256},"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",[243,248],{"id":244,"label":245,"slug":246,"rank":71,"group":247},120,"Loading","loading",{"id":170,"label":171,"slug":172},{"id":249,"label":250,"slug":251,"rank":73,"group":252},53,"Code Editor","code-editor",{"id":128,"label":253,"slug":254},"Media & Tools","media-and-tools",[],{"slug":36,"title":35,"logo":38,"categories":257},[],{"uuid":259,"title":35,"description":260,"canonical_path":29,"image":261,"width":62,"height":63,"image_alt":241,"kind":65,"patterns":262,"component_categories":267,"app":277},"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",[263],{"id":73,"label":264,"slug":265,"rank":71,"group":266},"Account Setup","account-setup",{"id":73,"label":74,"slug":75},[268,272,276],{"id":269,"title":270,"slug":271},227,"Stepper","stepper",{"id":273,"title":274,"slug":275},284,"Modal","modal",{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":278},[],{"uuid":280,"title":35,"description":281,"canonical_path":29,"image":282,"width":62,"height":63,"image_alt":241,"kind":65,"patterns":283,"component_categories":299,"app":301},"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",[284,292,294],{"id":285,"label":286,"slug":287,"rank":71,"group":288},75,"Setup Wizard","setup-wizard",{"id":289,"label":290,"slug":291},7,"Onboarding & Education","onboarding-and-education",{"id":73,"label":264,"slug":265,"rank":73,"group":293},{"id":73,"label":74,"slug":75},{"id":295,"label":296,"slug":297,"rank":95,"group":298},74,"Onboarding Checklist","onboarding-checklist",{"id":289,"label":290,"slug":291},[300],{"id":273,"title":274,"slug":275},{"slug":36,"title":35,"logo":38,"categories":302},[],{"uuid":304,"title":35,"description":305,"canonical_path":29,"image":306,"width":62,"height":63,"image_alt":241,"kind":65,"patterns":307,"component_categories":312,"app":316},"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",[308,310],{"id":285,"label":286,"slug":287,"rank":71,"group":309},{"id":289,"label":290,"slug":291},{"id":73,"label":264,"slug":265,"rank":73,"group":311},{"id":73,"label":74,"slug":75},[313,314,315],{"id":269,"title":270,"slug":271},{"id":273,"title":274,"slug":275},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":317},[],{"uuid":319,"title":35,"description":320,"canonical_path":29,"image":321,"width":62,"height":63,"image_alt":241,"kind":65,"patterns":322,"component_categories":329,"app":333},"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",[323,325,327],{"id":285,"label":286,"slug":287,"rank":71,"group":324},{"id":289,"label":290,"slug":291},{"id":73,"label":264,"slug":265,"rank":73,"group":326},{"id":73,"label":74,"slug":75},{"id":244,"label":245,"slug":246,"rank":95,"group":328},{"id":170,"label":171,"slug":172},[330,331,332],{"id":269,"title":270,"slug":271},{"id":273,"title":274,"slug":275},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":334},[],{"family":336,"examples":337},"pages",[],[339,341,343,346,349,352,355,358,360,364,368,372],{"label":340,"to":29},"PopSQL product screens",{"label":342,"to":32},"PopSQL marketing pages",{"label":344,"to":345},"PopSQL user flows","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fflows",{"label":347,"to":348},"PopSQL UI components","\u002Fexamples\u002Fapps\u002Fpopsql\u002Fcomponents",{"label":350,"to":351},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":353,"to":354},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":356,"to":357},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":359,"to":18},"All SaaS app examples",{"label":361,"to":362,"description":363},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":365,"to":366,"description":367},"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":369,"to":370,"description":371},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":373,"to":374,"description":375},"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":377,"updated_at":378},"2022-08-31T15:51:47.000Z","2026-09-13T13:02:39.000Z"]