[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":294,"links":295,"dates":352},"\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Deepnote product screens examples - Nicelydone","Browse Deepnote screen design examples. Preview the interface screenshots and explore related UI patterns. Data science notebook for teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bcd58e1-a3aa-4706-97a8-a555b93ad504.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},"Deepnote design examples","\u002Fexamples\u002Fapps\u002Fdeepnote",{"label":23,"to":4},"Deepnote 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},"Deepnote","deepnote","Data science notebook for teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdeepnote-144edbc1.png","https:\u002F\u002Fdeepnote.com","DeepnoteHQ",[36,40,44,48],{"id":37,"title":38,"slug":39},57,"Big data","big-data",{"id":41,"title":42,"slug":43},46,"Analytics","analytics",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",{"id":49,"title":50,"slug":51},77,"Machine learning","machine-learning",[53,78,105,124,149,173,186,198,218,234,253,281],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":76},"8bcd58e1-a3aa-4706-97a8-a555b93ad504","Sign in","Sign-in screen where the user authenticates with Google, GitHub, email, or SSO alongside a product preview.",3024,1738,"Sign in from Deepnote","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72],{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":55,"description":80,"canonical_path":4,"image":81,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":82,"component_categories":85,"app":103},"988c7c5d-8b43-482c-bc9c-8308880e44f9","Sign-in screen where the user enters their email to receive a magic link, featuring a collaborative Python notebook product preview alongside the form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F988c7c5d-8b43-482c-bc9c-8308880e44f9.png",[83],{"id":63,"label":64,"slug":65,"rank":66,"group":84},{"id":68,"label":69,"slug":70},[86,90,94,98,102],{"id":87,"title":88,"slug":89},174,"Card","card",{"id":91,"title":92,"slug":93},168,"Accordion","accordion",{"id":95,"title":96,"slug":97},169,"Avatar","avatar",{"id":99,"title":100,"slug":101},177,"Breadcrumb","breadcrumb",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":55,"description":107,"canonical_path":4,"image":108,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":109,"component_categories":120,"app":122},"8bff46d5-b745-4083-bd89-ddcfc64946b3","Sign-in screen where the user submits their email address, currently displaying a loading spinner on the primary button while a product preview is shown on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bff46d5-b745-4083-bd89-ddcfc64946b3.png",[110,112],{"id":63,"label":64,"slug":65,"rank":66,"group":111},{"id":68,"label":69,"slug":70},{"id":113,"label":114,"slug":115,"rank":68,"group":116},120,"Loading","loading",{"id":117,"label":118,"slug":119},12,"States & Feedback","states-and-feedback",[121],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":55,"description":126,"canonical_path":4,"image":127,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":128,"component_categories":142,"app":147},"10e7ad40-0b9a-40dc-b4ce-603f8400ba5f","Sign-in verification screen where the user is instructed to check their email for a magic link to complete authentication.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10e7ad40-0b9a-40dc-b4ce-603f8400ba5f.png",[129,134],{"id":130,"label":131,"slug":132,"rank":66,"group":133},6,"Verification","verification",{"id":68,"label":69,"slug":70},{"id":135,"label":136,"slug":137,"rank":68,"group":138},81,"Home","home",{"id":139,"label":140,"slug":141},8,"Pages & Content","pages-and-content",[143,144,145,146],{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":55,"description":151,"canonical_path":4,"image":152,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":153,"component_categories":163,"app":171},"0c89d57a-2225-43fc-a82e-f2bd1e4eb57a","Signup screen where the user can create an account using Google, GitHub, email, or SSO, featuring a detailed product preview of a Python data notebook on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c89d57a-2225-43fc-a82e-f2bd1e4eb57a.png",[154,159],{"id":155,"label":156,"slug":157,"rank":66,"group":158},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},{"id":68,"label":160,"slug":161,"rank":68,"group":162},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[164,168,169,170],{"id":165,"title":166,"slug":167},260,"Badge","badge",{"id":95,"title":96,"slug":97},{"id":99,"title":100,"slug":101},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":55,"description":175,"canonical_path":4,"image":176,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":177,"component_categories":182,"app":184},"8d797574-a85e-47da-b4ab-47842c1e3d6e","Signup screen where the user enters their email address, currently showing a loading state after submission, alongside a prominent product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d797574-a85e-47da-b4ab-47842c1e3d6e.png",[178,180],{"id":155,"label":156,"slug":157,"rank":66,"group":179},{"id":68,"label":69,"slug":70},{"id":113,"label":114,"slug":115,"rank":68,"group":181},{"id":117,"label":118,"slug":119},[183],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":55,"description":188,"canonical_path":4,"image":189,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":190,"component_categories":193,"app":196},"becef89e-7749-460e-99ac-a232d6b6e61f","Auth screen where the user is instructed to check their email for a verification link to finish signing in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbecef89e-7749-460e-99ac-a232d6b6e61f.png",[191],{"id":130,"label":131,"slug":132,"rank":66,"group":192},{"id":68,"label":69,"slug":70},[194,195],{"id":99,"title":100,"slug":101},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":197},[],{"uuid":199,"title":200,"description":201,"canonical_path":4,"image":202,"width":203,"height":204,"image_alt":205,"kind":60,"patterns":206,"component_categories":214,"app":216},"bc0ce033-efd6-4d0d-8e29-db8ee39bad25","Invalid link","Authentication error screen where the user is informed their magic link is invalid and provided a button to return to the sign-in flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc0ce033-efd6-4d0d-8e29-db8ee39bad25.png",3840,1960,"Invalid link from Deepnote",[207,212],{"id":208,"label":209,"slug":210,"rank":66,"group":211},116,"Error","error",{"id":117,"label":118,"slug":119},{"id":63,"label":64,"slug":65,"rank":68,"group":213},{"id":68,"label":69,"slug":70},[215],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":29,"description":220,"canonical_path":4,"image":221,"width":57,"height":58,"image_alt":222,"kind":60,"patterns":223,"component_categories":226,"app":232},"72335e51-200f-4fb8-bf40-4d2756919d86","Onboarding step where the user enters their first and optional last name to set up their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F72335e51-200f-4fb8-bf40-4d2756919d86.png","Deepnote from Deepnote",[224],{"id":68,"label":160,"slug":161,"rank":66,"group":225},{"id":68,"label":69,"slug":70},[227,231],{"id":228,"title":229,"slug":230},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":29,"description":220,"canonical_path":4,"image":236,"width":57,"height":58,"image_alt":222,"kind":60,"patterns":237,"component_categories":248,"app":251},"b35080ec-b3fd-48c2-9bf3-5dd0ee9a1b61","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb35080ec-b3fd-48c2-9bf3-5dd0ee9a1b61.png",[238,240],{"id":68,"label":160,"slug":161,"rank":66,"group":239},{"id":68,"label":69,"slug":70},{"id":241,"label":242,"slug":243,"rank":68,"group":244},3,"Profile","profile",{"id":245,"label":246,"slug":247},11,"Social & Collaboration","social-and-collaboration",[249,250],{"id":228,"title":229,"slug":230},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":252},[],{"uuid":254,"title":29,"description":255,"canonical_path":4,"image":256,"width":57,"height":58,"image_alt":222,"kind":60,"patterns":257,"component_categories":276,"app":279},"69f0d574-7885-4f65-8992-a82c1e29a427","Onboarding step where the user answers profiling questions about their intended use case, team size, and main problem to solve via a series of dropdowns.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F69f0d574-7885-4f65-8992-a82c1e29a427.png",[258,266,268],{"id":259,"label":260,"slug":261,"rank":66,"group":262},75,"Setup Wizard","setup-wizard",{"id":263,"label":264,"slug":265},7,"Onboarding & Education","onboarding-and-education",{"id":68,"label":160,"slug":161,"rank":68,"group":267},{"id":68,"label":69,"slug":70},{"id":269,"label":270,"slug":271,"rank":272,"group":273},42,"Form","form",2,{"id":63,"label":274,"slug":275},"Data & Analysis","data-and-analysis",[277,278],{"id":228,"title":229,"slug":230},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":280},[],{"uuid":282,"title":29,"description":283,"canonical_path":4,"image":284,"width":57,"height":58,"image_alt":222,"kind":60,"patterns":285,"component_categories":290,"app":292},"56572a94-d8f8-4eb3-9cf7-7d20b5c36fcd","Onboarding step where the user answers profiling questions about their use case, team size, and goals.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56572a94-d8f8-4eb3-9cf7-7d20b5c36fcd.png",[286,288],{"id":68,"label":160,"slug":161,"rank":66,"group":287},{"id":68,"label":69,"slug":70},{"id":269,"label":270,"slug":271,"rank":68,"group":289},{"id":63,"label":274,"slug":275},[291],{"id":228,"title":229,"slug":230},{"slug":30,"title":29,"logo":32,"categories":293},[],[],[296,298,300,302,304,306,308,310,312,314,316,319,322,325,328,331,334,336,340,344,348],{"label":160,"to":297},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":64,"to":299},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":270,"to":301},"\u002Fexamples\u002Fscreens\u002Fform",{"label":114,"to":303},"\u002Fexamples\u002Fscreens\u002Floading",{"label":156,"to":305},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":131,"to":307},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":209,"to":309},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":136,"to":311},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":242,"to":313},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":260,"to":315},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":317,"to":318},"Deepnote marketing pages","\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fmarketing",{"label":320,"to":321},"Deepnote user flows","\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fflows",{"label":323,"to":324},"Deepnote UI components","\u002Fexamples\u002Fapps\u002Fdeepnote\u002Fcomponents",{"label":326,"to":327},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":329,"to":330},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":332,"to":333},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":335,"to":18},"All SaaS app examples",{"label":337,"to":338,"description":339},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":341,"to":342,"description":343},"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":345,"to":346,"description":347},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":349,"to":350,"description":351},"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":353,"updated_at":354},"2022-10-25T18:33:02.000Z","2026-09-13T13:02:39.000Z"]