[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fneon\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":247,"links":248,"dates":295},"\u002Fexamples\u002Fapps\u002Fneon\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Neon product screens examples - Nicelydone","Browse Neon screen design examples. Preview the interface screenshots and explore related UI patterns. Ship faster with Postgres","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5cfec20a-c6d2-464a-9bff-af631d009624.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},"Neon design examples","\u002Fexamples\u002Fapps\u002Fneon",{"label":23,"to":4},"Neon 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":34,"categories":35},"Neon","neon","Ship faster with Postgres","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fneon-88e8cfac.png","https:\u002F\u002Fneon.tech","neondatabase",[36],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",[41,66,82,93,108,127,138,149,165,192,217,234],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":64},"5cfec20a-c6d2-464a-9bff-af631d009624","Log In","Sign-in screen where the user authenticates with email and password or via GitHub, Google, or Hasura.",3024,1722,"Log In from Neon","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",[60],{"id":61,"title":62,"slug":63},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":65},[],{"uuid":67,"title":68,"description":69,"canonical_path":4,"image":70,"width":45,"height":46,"image_alt":71,"kind":48,"patterns":72,"component_categories":78,"app":80},"9eadc98d-2dd4-42c7-87d6-f7222cb78161","Password Reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9eadc98d-2dd4-42c7-87d6-f7222cb78161.png","Password Reset from Neon",[73],{"id":74,"label":75,"slug":76,"rank":54,"group":77},2,"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[79],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":68,"description":84,"canonical_path":4,"image":85,"width":45,"height":46,"image_alt":71,"kind":48,"patterns":86,"component_categories":89,"app":91},"e07c10aa-e0b3-41e8-854f-cf07d7c3e6ea","Password recovery screen where the user enters their email address to receive a reset link, featuring a promotional sidebar for serverless Postgres.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe07c10aa-e0b3-41e8-854f-cf07d7c3e6ea.png",[87],{"id":74,"label":75,"slug":76,"rank":54,"group":88},{"id":56,"label":57,"slug":58},[90],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":43,"description":95,"canonical_path":4,"image":96,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":97,"component_categories":100,"app":106},"e74882e6-bc71-4aa2-baa6-b636ff562912","Sign-in screen where the user authenticates with email and password or OAuth providers like GitHub, Google, and Hasura, featuring a success banner for a recently triggered action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe74882e6-bc71-4aa2-baa6-b636ff562912.png",[98],{"id":51,"label":52,"slug":53,"rank":54,"group":99},{"id":56,"label":57,"slug":58},[101,105],{"id":102,"title":103,"slug":104},167,"Alert","alert",{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":45,"height":46,"image_alt":113,"kind":48,"patterns":114,"component_categories":119,"app":125},"f1d3cb98-c318-4476-b67e-e5b7ac845db4","Sign Up","Signup screen where the user creates an account using email and password or authenticates via GitHub, Google, or Hasura, featuring an inline password requirements popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1d3cb98-c318-4476-b67e-e5b7ac845db4.png","Sign Up from Neon",[115],{"id":116,"label":110,"slug":117,"rank":54,"group":118},5,"sign-up",{"id":56,"label":57,"slug":58},[120,124],{"id":121,"title":122,"slug":123},214,"Popover","popover",{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":126},[],{"uuid":128,"title":110,"description":129,"canonical_path":4,"image":130,"width":45,"height":46,"image_alt":113,"kind":48,"patterns":131,"component_categories":134,"app":136},"27a52525-7edb-40e5-994e-2272dab4f1c1","Signup page where the user creates an account using an email and password or authenticates via GitHub, Google, or Hasura.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27a52525-7edb-40e5-994e-2272dab4f1c1.png",[132],{"id":116,"label":110,"slug":117,"rank":54,"group":133},{"id":56,"label":57,"slug":58},[135],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":110,"description":140,"canonical_path":4,"image":141,"width":45,"height":46,"image_alt":113,"kind":48,"patterns":142,"component_categories":145,"app":147},"d8ca26a8-ac25-4cd8-8f61-ae638d3ee7e6","Signup screen where the user can create an account using an email and password or authenticate via GitHub, Google, or Hasura.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8ca26a8-ac25-4cd8-8f61-ae638d3ee7e6.png",[143],{"id":116,"label":110,"slug":117,"rank":54,"group":144},{"id":56,"label":57,"slug":58},[146],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":45,"height":46,"image_alt":154,"kind":48,"patterns":155,"component_categories":161,"app":163},"8133b332-75c3-42ce-bb65-8a1e05878233","Email Verification","Verification screen where the user is prompted to check their email for an activation link to their Neon account or resend it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8133b332-75c3-42ce-bb65-8a1e05878233.png","Email Verification from Neon",[156],{"id":157,"label":158,"slug":159,"rank":54,"group":160},6,"Verification","verification",{"id":56,"label":57,"slug":58},[162],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":45,"height":46,"image_alt":170,"kind":48,"patterns":171,"component_categories":183,"app":190},"5ceaef21-d85f-4546-a3e0-b432e0c4f164","Neon Console","Onboarding screen where the user configures their first free-tier database by setting a project name, Postgres version, and deployment region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ceaef21-d85f-4546-a3e0-b432e0c4f164.png","Neon Console from Neon",[172,179],{"id":173,"label":174,"slug":175,"rank":54,"group":176},7,"Add & Create","add-and-create",{"id":74,"label":177,"slug":178},"Actions","actions",{"id":56,"label":180,"slug":181,"rank":56,"group":182},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},[184,188,189],{"id":185,"title":186,"slug":187},174,"Card","card",{"id":102,"title":103,"slug":104},{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":167,"description":194,"canonical_path":4,"image":195,"width":45,"height":46,"image_alt":170,"kind":48,"patterns":196,"component_categories":211,"app":215},"1398f171-f5d8-4111-8f31-8fd912424ac6","Onboarding screen where the user creates their first free project by specifying a project name, Postgres version, database name, and region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1398f171-f5d8-4111-8f31-8fd912424ac6.png",[197,204,206],{"id":198,"label":199,"slug":200,"rank":54,"group":201},75,"Setup Wizard","setup-wizard",{"id":173,"label":202,"slug":203},"Onboarding & Education","onboarding-and-education",{"id":173,"label":174,"slug":175,"rank":56,"group":205},{"id":74,"label":177,"slug":178},{"id":207,"label":208,"slug":209,"rank":74,"group":210},77,"Welcome","welcome",{"id":173,"label":202,"slug":203},[212,213,214],{"id":185,"title":186,"slug":187},{"id":102,"title":103,"slug":104},{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":216},[],{"uuid":218,"title":167,"description":219,"canonical_path":4,"image":220,"width":45,"height":46,"image_alt":170,"kind":48,"patterns":221,"component_categories":228,"app":232},"9619c142-26f6-42e5-a2d7-5459a89fb739","Onboarding step where the user names their first project and database, selects a Postgres version, and chooses a deployment region to get started on the free tier.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9619c142-26f6-42e5-a2d7-5459a89fb739.png",[222,224,226],{"id":198,"label":199,"slug":200,"rank":54,"group":223},{"id":173,"label":202,"slug":203},{"id":173,"label":174,"slug":175,"rank":56,"group":225},{"id":74,"label":177,"slug":178},{"id":56,"label":180,"slug":181,"rank":74,"group":227},{"id":56,"label":57,"slug":58},[229,230,231],{"id":185,"title":186,"slug":187},{"id":102,"title":103,"slug":104},{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":167,"description":236,"canonical_path":4,"image":237,"width":45,"height":46,"image_alt":170,"kind":48,"patterns":238,"component_categories":241,"app":245},"23558b78-0f0b-4e31-ba13-3bfad6a1aa53","Onboarding step where the user creates their first Neon project by naming it, selecting a Postgres version, and choosing a geographic region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23558b78-0f0b-4e31-ba13-3bfad6a1aa53.png",[239],{"id":56,"label":180,"slug":181,"rank":54,"group":240},{"id":56,"label":57,"slug":58},[242,243,244],{"id":185,"title":186,"slug":187},{"id":102,"title":103,"slug":104},{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":32,"categories":246},[],[],[249,251,253,255,257,259,261,263,265,268,271,274,277,279,283,287,291],{"label":180,"to":250},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":174,"to":252},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":110,"to":254},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":75,"to":256},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":199,"to":258},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":52,"to":260},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":158,"to":262},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":208,"to":264},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":266,"to":267},"Neon marketing pages","\u002Fexamples\u002Fapps\u002Fneon\u002Fmarketing",{"label":269,"to":270},"Neon user flows","\u002Fexamples\u002Fapps\u002Fneon\u002Fflows",{"label":272,"to":273},"Neon UI components","\u002Fexamples\u002Fapps\u002Fneon\u002Fcomponents",{"label":275,"to":276},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":278,"to":18},"All SaaS app examples",{"label":280,"to":281,"description":282},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":284,"to":285,"description":286},"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":288,"to":289,"description":290},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":292,"to":293,"description":294},"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":296,"updated_at":297},"2024-06-06T17:33:13.000Z","2026-09-13T13:02:39.000Z"]