[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fneon":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":272,"dates":302},"\u002Fexamples\u002Fapps\u002Fneon","detail","apps",true,{"title":9,"description":10,"og_image":11},"Neon design examples - Nicelydone","Explore Neon UI design examples. Ship faster with Postgres","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5cfec20a-c6d2-464a-9bff-af631d009624.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Neon design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Neon",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fneon\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fneon\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fneon\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fneon\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Neon","neon","Ship faster with Postgres","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fneon-88e8cfac.png","https:\u002F\u002Fneon.tech","neondatabase",[48],{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",[],[54,263,266,269],{"family":55,"examples":56},"screens",[57,82,98,109,124,143,154,165,181,208,233,250],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":80},"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",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":29,"image":86,"width":61,"height":62,"image_alt":87,"kind":64,"patterns":88,"component_categories":94,"app":96},"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",[89],{"id":90,"label":91,"slug":92,"rank":70,"group":93},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[95],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":97},[],{"uuid":99,"title":84,"description":100,"canonical_path":29,"image":101,"width":61,"height":62,"image_alt":87,"kind":64,"patterns":102,"component_categories":105,"app":107},"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",[103],{"id":90,"label":91,"slug":92,"rank":70,"group":104},{"id":72,"label":73,"slug":74},[106],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":59,"description":111,"canonical_path":29,"image":112,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":113,"component_categories":116,"app":122},"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",[114],{"id":67,"label":68,"slug":69,"rank":70,"group":115},{"id":72,"label":73,"slug":74},[117,121],{"id":118,"title":119,"slug":120},167,"Alert","alert",{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":29,"image":128,"width":61,"height":62,"image_alt":129,"kind":64,"patterns":130,"component_categories":135,"app":141},"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",[131],{"id":132,"label":126,"slug":133,"rank":70,"group":134},5,"sign-up",{"id":72,"label":73,"slug":74},[136,140],{"id":137,"title":138,"slug":139},214,"Popover","popover",{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":142},[],{"uuid":144,"title":126,"description":145,"canonical_path":29,"image":146,"width":61,"height":62,"image_alt":129,"kind":64,"patterns":147,"component_categories":150,"app":152},"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",[148],{"id":132,"label":126,"slug":133,"rank":70,"group":149},{"id":72,"label":73,"slug":74},[151],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":153},[],{"uuid":155,"title":126,"description":156,"canonical_path":29,"image":157,"width":61,"height":62,"image_alt":129,"kind":64,"patterns":158,"component_categories":161,"app":163},"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",[159],{"id":132,"label":126,"slug":133,"rank":70,"group":160},{"id":72,"label":73,"slug":74},[162],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":29,"image":169,"width":61,"height":62,"image_alt":170,"kind":64,"patterns":171,"component_categories":177,"app":179},"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",[172],{"id":173,"label":174,"slug":175,"rank":70,"group":176},6,"Verification","verification",{"id":72,"label":73,"slug":74},[178],{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":29,"image":185,"width":61,"height":62,"image_alt":186,"kind":64,"patterns":187,"component_categories":199,"app":206},"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",[188,195],{"id":189,"label":190,"slug":191,"rank":70,"group":192},7,"Add & Create","add-and-create",{"id":90,"label":193,"slug":194},"Actions","actions",{"id":72,"label":196,"slug":197,"rank":72,"group":198},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},[200,204,205],{"id":201,"title":202,"slug":203},174,"Card","card",{"id":118,"title":119,"slug":120},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":207},[],{"uuid":209,"title":183,"description":210,"canonical_path":29,"image":211,"width":61,"height":62,"image_alt":186,"kind":64,"patterns":212,"component_categories":227,"app":231},"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",[213,220,222],{"id":214,"label":215,"slug":216,"rank":70,"group":217},75,"Setup Wizard","setup-wizard",{"id":189,"label":218,"slug":219},"Onboarding & Education","onboarding-and-education",{"id":189,"label":190,"slug":191,"rank":72,"group":221},{"id":90,"label":193,"slug":194},{"id":223,"label":224,"slug":225,"rank":90,"group":226},77,"Welcome","welcome",{"id":189,"label":218,"slug":219},[228,229,230],{"id":201,"title":202,"slug":203},{"id":118,"title":119,"slug":120},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":232},[],{"uuid":234,"title":183,"description":235,"canonical_path":29,"image":236,"width":61,"height":62,"image_alt":186,"kind":64,"patterns":237,"component_categories":244,"app":248},"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",[238,240,242],{"id":214,"label":215,"slug":216,"rank":70,"group":239},{"id":189,"label":218,"slug":219},{"id":189,"label":190,"slug":191,"rank":72,"group":241},{"id":90,"label":193,"slug":194},{"id":72,"label":196,"slug":197,"rank":90,"group":243},{"id":72,"label":73,"slug":74},[245,246,247],{"id":201,"title":202,"slug":203},{"id":118,"title":119,"slug":120},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":249},[],{"uuid":251,"title":183,"description":252,"canonical_path":29,"image":253,"width":61,"height":62,"image_alt":186,"kind":64,"patterns":254,"component_categories":257,"app":261},"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",[255],{"id":72,"label":196,"slug":197,"rank":70,"group":256},{"id":72,"label":73,"slug":74},[258,259,260],{"id":201,"title":202,"slug":203},{"id":118,"title":119,"slug":120},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":262},[],{"family":264,"examples":265},"flows",[],{"family":267,"examples":268},"components",[],{"family":270,"examples":271},"pages",[],[273,275,277,279,281,284,286,290,294,298],{"label":274,"to":29},"Neon product screens",{"label":276,"to":38},"Neon marketing pages",{"label":278,"to":32},"Neon user flows",{"label":280,"to":35},"Neon UI components",{"label":282,"to":283},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":285,"to":18},"All SaaS app examples",{"label":287,"to":288,"description":289},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":291,"to":292,"description":293},"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":295,"to":296,"description":297},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":299,"to":300,"description":301},"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":303,"updated_at":304},"2024-06-06T17:31:38.000Z","2026-09-26T12:10:07.000Z"]