[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsupabase\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":245,"links":246,"dates":293},"\u002Fexamples\u002Fapps\u002Fsupabase\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Supabase product screens examples - Nicelydone","Browse Supabase screen design examples. Preview the interface screenshots and explore related UI patterns. The Open Source Firebase Alternative","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa57e531b-9c6c-4ba6-98b6-1bc07bf9e6ba.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},"Supabase design examples","\u002Fexamples\u002Fapps\u002Fsupabase",{"label":23,"to":4},"Supabase 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},"Supabase","supabase","The Open Source Firebase Alternative","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupabase-245dbb6d.png","https:\u002F\u002Fsupabase.com",[35,39,43],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",{"id":44,"title":45,"slug":46},45,"Open Source","open-source",[48,80,104,117,138,152,167,178,191,201,217,232],{"uuid":49,"title":29,"description":50,"canonical_path":4,"image":11,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":55,"component_categories":65,"app":78},"a57e531b-9c6c-4ba6-98b6-1bc07bf9e6ba","Sign-in screen where the user authenticates with GitHub, SSO, or email, featuring a developer quote about the product.",3024,1738,"Supabase from Supabase","screen",[56],{"id":57,"label":58,"slug":59,"rank":60,"group":61},2,"Forgot Password","forgot-password",0,{"id":62,"label":63,"slug":64},1,"Access & Account","access-and-account",[66,70,74],{"id":67,"title":68,"slug":69},169,"Avatar","avatar",{"id":71,"title":72,"slug":73},232,"Testimonial","testimonial",{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":29,"description":82,"canonical_path":4,"image":83,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":84,"component_categories":98,"app":102},"a848175b-4e18-4908-a295-e77443b7adc0","Sign-in screen where the user attempts to authenticate with email and password but encounters validation errors.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa848175b-4e18-4908-a295-e77443b7adc0.png",[85,90],{"id":86,"label":87,"slug":88,"rank":60,"group":89},4,"Sign In","sign-in",{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":62,"group":94},116,"Error","error",{"id":95,"label":96,"slug":97},12,"States & Feedback","states-and-feedback",[99,100,101],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":29,"description":106,"canonical_path":4,"image":107,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":108,"component_categories":111,"app":115},"631a5c2c-733f-45e4-bcea-719fecf5b387","Sign-in screen where the user authenticates with GitHub, SSO, or email and password, featuring a customer testimonial on the side.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F631a5c2c-733f-45e4-bcea-719fecf5b387.png",[109],{"id":57,"label":58,"slug":59,"rank":60,"group":110},{"id":62,"label":63,"slug":64},[112,113,114],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":29,"description":119,"canonical_path":4,"image":120,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":121,"component_categories":132,"app":136},"0d6f4c15-e591-48a2-a9de-3f6a5dff8315","Sign-in screen where the user authenticates to their enterprise account via SSO using their email, featuring a prominent customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d6f4c15-e591-48a2-a9de-3f6a5dff8315.png",[122,124],{"id":86,"label":87,"slug":88,"rank":60,"group":123},{"id":62,"label":63,"slug":64},{"id":125,"label":126,"slug":127,"rank":62,"group":128},103,"SSO","sso",{"id":129,"label":130,"slug":131},10,"Settings & Admin","settings-and-admin",[133,134,135],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":29,"description":140,"canonical_path":4,"image":141,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":142,"component_categories":147,"app":150},"0e694c24-6ef4-4525-b21c-f9fd1505fc89","Sign-in screen where the user enters their email to access their enterprise account via SSO, currently displaying a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e694c24-6ef4-4525-b21c-f9fd1505fc89.png",[143,145],{"id":86,"label":87,"slug":88,"rank":60,"group":144},{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":62,"group":146},{"id":95,"label":96,"slug":97},[148,149],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":29,"description":154,"canonical_path":4,"image":155,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":156,"component_categories":161,"app":165},"375847b0-215f-4d35-a98a-05512867e346","Sign-in screen where the user authenticates to their enterprise account using an email address, accompanied by a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F375847b0-215f-4d35-a98a-05512867e346.png",[157,159],{"id":86,"label":87,"slug":88,"rank":60,"group":158},{"id":62,"label":63,"slug":64},{"id":125,"label":126,"slug":127,"rank":62,"group":160},{"id":129,"label":130,"slug":131},[162,163,164],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":29,"description":169,"canonical_path":4,"image":170,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":171,"component_categories":174,"app":176},"dd7e27cc-a7d6-4b13-be10-44f89c9f5f22","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd7e27cc-a7d6-4b13-be10-44f89c9f5f22.png",[172],{"id":57,"label":58,"slug":59,"rank":60,"group":173},{"id":62,"label":63,"slug":64},[175],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":29,"description":180,"canonical_path":4,"image":181,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":182,"component_categories":187,"app":189},"85855496-c1a0-4852-af39-41cc519788ed","Password recovery screen where the user is prompted to enter their email, currently showing a validation error for an empty required field.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85855496-c1a0-4852-af39-41cc519788ed.png",[183,185],{"id":57,"label":58,"slug":59,"rank":60,"group":184},{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":62,"group":186},{"id":95,"label":96,"slug":97},[188],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":29,"description":169,"canonical_path":4,"image":193,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":194,"component_categories":197,"app":199},"e4e1673c-d67e-4f84-a378-5cf130441942","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4e1673c-d67e-4f84-a378-5cf130441942.png",[195],{"id":57,"label":58,"slug":59,"rank":60,"group":196},{"id":62,"label":63,"slug":64},[198],{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":29,"description":203,"canonical_path":4,"image":204,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":205,"component_categories":211,"app":215},"cc140c95-de61-487d-a2a9-f0369de0f177","Sign-up screen where the user creates a new account using email and password or GitHub OAuth, featuring a prominent customer testimonial on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcc140c95-de61-487d-a2a9-f0369de0f177.png",[206],{"id":207,"label":208,"slug":209,"rank":60,"group":210},5,"Sign Up","sign-up",{"id":62,"label":63,"slug":64},[212,213,214],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":216},[],{"uuid":218,"title":29,"description":219,"canonical_path":4,"image":220,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":221,"component_categories":226,"app":230},"fd84b1a6-52ba-464b-b064-56412bf66aba","Sign-up screen where the user creates a new account using GitHub or an email and password, featuring a prominent customer testimonial alongside the form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd84b1a6-52ba-464b-b064-56412bf66aba.png",[222,224],{"id":207,"label":208,"slug":209,"rank":60,"group":223},{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":62,"group":225},{"id":95,"label":96,"slug":97},[227,228,229],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":29,"description":234,"canonical_path":4,"image":235,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":236,"component_categories":239,"app":243},"a5b75b1c-ad40-4092-a4b2-25cce64552c8","Signup screen where the user creates a new account using email and password or via GitHub, featuring a customer testimonial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5b75b1c-ad40-4092-a4b2-25cce64552c8.png",[237],{"id":207,"label":208,"slug":209,"rank":60,"group":238},{"id":62,"label":63,"slug":64},[240,241,242],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":32,"categories":244},[],[],[247,249,251,253,255,257,260,263,266,269,272,275,277,281,285,289],{"label":58,"to":248},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":92,"to":250},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":87,"to":252},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":208,"to":254},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":126,"to":256},"\u002Fexamples\u002Fscreens\u002Fsso",{"label":258,"to":259},"Supabase marketing pages","\u002Fexamples\u002Fapps\u002Fsupabase\u002Fmarketing",{"label":261,"to":262},"Supabase user flows","\u002Fexamples\u002Fapps\u002Fsupabase\u002Fflows",{"label":264,"to":265},"Supabase UI components","\u002Fexamples\u002Fapps\u002Fsupabase\u002Fcomponents",{"label":267,"to":268},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":270,"to":271},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":273,"to":274},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"label":276,"to":18},"All SaaS app examples",{"label":278,"to":279,"description":280},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":282,"to":283,"description":284},"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":286,"to":287,"description":288},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":290,"to":291,"description":292},"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":294,"updated_at":295},"2023-04-23T23:59:02.000Z","2026-09-13T13:02:39.000Z"]