[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdribbble\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":323,"links":324,"dates":379},"\u002Fexamples\u002Fapps\u002Fdribbble\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dribbble product screens examples - Nicelydone","Browse Dribbble screen design examples. Preview the interface screenshots and explore related UI patterns. Discover the world’s top designers & creative…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_sign-in_51efe9e1_nicelydone.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},"Dribbble design examples","\u002Fexamples\u002Fapps\u002Fdribbble",{"label":23,"to":4},"Dribbble product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Dribbble screen design examples. Preview the interface screenshots and explore related UI patterns. Discover the world’s top designers & creative professionals",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Dribbble","dribbble","Discover the world’s top designers & creative professionals","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdribbble-cadf3a55.png","https:\u002F\u002Fdribbble.com",[36],{"id":37,"title":38,"slug":39},8,"Design","design",[41,66,82,98,128,145,168,183,205,230,287,302],{"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},"e7696d86-11a7-4795-bac1-ce89768f4b84","Sign In | Dribbble","Sign-in screen where the user authenticates with Google, Twitter, or email and password to access the designer community.",3072,1654,"Sign In | Dribbble from Dribbble","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":31,"title":30,"logo":33,"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},"8defcba7-f8f3-4fce-9891-eb76129698bb","Forgot Password? | Dribbble","Password recovery screen where the user enters their email address to receive reset instructions, featuring a branded illustration panel on the left.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_password-reset_41a6ea40_nicelydone.png","Forgot Password? | Dribbble from Dribbble",[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":31,"title":30,"logo":33,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":45,"height":46,"image_alt":87,"kind":48,"patterns":88,"component_categories":94,"app":96},"15f4838f-82d6-4210-a12f-0eba0cc4a80b","Sign Up | Dribbble","Signup page where the user can create a new account using Google, Twitter, or by filling out a standard email and password form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_sign-up_444c7244_nicelydone.png","Sign Up | Dribbble from Dribbble",[89],{"id":90,"label":91,"slug":92,"rank":54,"group":93},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},[95],{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":45,"height":46,"image_alt":103,"kind":48,"patterns":104,"component_categories":124,"app":126},"17b89597-346c-406b-bfb1-cc6d57124dca","Dribbble - Discover the World’s Top Designers & Creative Professionals","Onboarding step where the user uploads an avatar and enters their location to complete their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_onboarding_2344816e_nicelydone.png","Dribbble - Discover the World’s Top Designers & Creative Professionals from Dribbble",[105,109,117],{"id":56,"label":106,"slug":107,"rank":54,"group":108},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},{"id":110,"label":111,"slug":112,"rank":56,"group":113},3,"Profile","profile",{"id":114,"label":115,"slug":116},11,"Social & Collaboration","social-and-collaboration",{"id":118,"label":119,"slug":120,"rank":74,"group":121},25,"Upload & Download","upload-and-download",{"id":74,"label":122,"slug":123},"Actions","actions",[125],{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":100,"description":130,"canonical_path":4,"image":131,"width":45,"height":46,"image_alt":103,"kind":48,"patterns":132,"component_categories":141,"app":143},"ecbaf5b8-5d3b-4757-92a2-ac692fd41561","Onboarding step where the user uploads an avatar, selects a default avatar, and enters their location to complete their profile.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_onboarding_e7f013b0_nicelydone.png",[133,135,137],{"id":56,"label":106,"slug":107,"rank":54,"group":134},{"id":56,"label":57,"slug":58},{"id":110,"label":111,"slug":112,"rank":56,"group":136},{"id":114,"label":115,"slug":116},{"id":114,"label":138,"slug":139,"rank":74,"group":140},"Edit","edit",{"id":74,"label":122,"slug":123},[142],{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":100,"description":147,"canonical_path":4,"image":148,"width":45,"height":46,"image_alt":103,"kind":48,"patterns":149,"component_categories":160,"app":166},"2186c9b3-552a-44ba-8abd-8ae897f81084","Onboarding step where the user selects their primary intent for joining Dribbble—such as sharing work, hiring a designer, or finding inspiration—from three illustrated cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_onboarding_9c68ed28_nicelydone.png",[150,152],{"id":56,"label":106,"slug":107,"rank":54,"group":151},{"id":56,"label":57,"slug":58},{"id":153,"label":154,"slug":155,"rank":56,"group":156},77,"Welcome","welcome",{"id":157,"label":158,"slug":159},7,"Onboarding & Education","onboarding-and-education",[161,165],{"id":162,"title":163,"slug":164},174,"Card","card",{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":100,"description":170,"canonical_path":4,"image":171,"width":45,"height":46,"image_alt":103,"kind":48,"patterns":172,"component_categories":178,"app":181},"e69a8b6a-fa3b-4b51-8562-cda3ee77cdbf","Onboarding step where the user selects their primary reason for joining Dribbble, such as sharing work, hiring a designer, or finding inspiration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_onboarding_d5ae8d1d_nicelydone.png",[173],{"id":174,"label":175,"slug":176,"rank":54,"group":177},74,"Onboarding Checklist","onboarding-checklist",{"id":157,"label":158,"slug":159},[179,180],{"id":162,"title":163,"slug":164},{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":182},[],{"uuid":184,"title":100,"description":185,"canonical_path":4,"image":186,"width":45,"height":46,"image_alt":103,"kind":48,"patterns":187,"component_categories":200,"app":203},"0c102f67-21ac-4cf8-a3b4-169f484c3299","Onboarding step where the user selects their primary goals, such as sharing work, hiring, or finding inspiration, to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_onboarding_4254b4f8_nicelydone.png",[188,190,195],{"id":174,"label":175,"slug":176,"rank":54,"group":189},{"id":157,"label":158,"slug":159},{"id":191,"label":192,"slug":193,"rank":56,"group":194},72,"Getting Started","getting-started",{"id":157,"label":158,"slug":159},{"id":196,"label":197,"slug":198,"rank":74,"group":199},75,"Setup Wizard","setup-wizard",{"id":157,"label":158,"slug":159},[201,202],{"id":162,"title":163,"slug":164},{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":204},[],{"uuid":206,"title":100,"description":207,"canonical_path":4,"image":208,"width":45,"height":209,"image_alt":103,"kind":48,"patterns":210,"component_categories":218,"app":228},"f1567897-467a-402e-bf05-dbc480c1c234","Verification screen where the user is instructed to check their inbox for a confirmation link to activate their account, with fallback options to resend the email or change the address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_onboarding_4b12ea27_nicelydone.png",2536,[211,216],{"id":212,"label":213,"slug":214,"rank":54,"group":215},6,"Verification","verification",{"id":56,"label":57,"slug":58},{"id":56,"label":106,"slug":107,"rank":56,"group":217},{"id":56,"label":57,"slug":58},[219,223,227],{"id":220,"title":221,"slug":222},240,"Horizontal navigation","horizontal-navigation",{"id":224,"title":225,"slug":226},169,"Avatar","avatar",{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":229},[],{"uuid":231,"title":232,"description":233,"canonical_path":4,"image":234,"width":45,"height":46,"image_alt":235,"kind":48,"patterns":236,"component_categories":264,"app":285},"c846948f-7879-4f0f-a555-2afa4a065481","Mighty Website by David Kovalev ◒ for unfold on Dribbble","Detail modal where a user views a design shot, with options to save, like, follow the creator, and view comments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_detail-page-single-page_modals-and-popovers_1b825a7e_nicelydone.png","Mighty Website by David Kovalev ◒ for unfold on Dribbble from Dribbble",[237,244,249,254,259],{"id":238,"label":239,"slug":240,"rank":54,"group":241},82,"Media Detail","media-detail",{"id":37,"label":242,"slug":243},"Pages & Content","pages-and-content",{"id":245,"label":246,"slug":247,"rank":56,"group":248},106,"Comments","comments",{"id":114,"label":115,"slug":116},{"id":250,"label":251,"slug":252,"rank":74,"group":253},12,"Favorite","favorite",{"id":74,"label":122,"slug":123},{"id":255,"label":256,"slug":257,"rank":110,"group":258},14,"Follow","follow",{"id":74,"label":122,"slug":123},{"id":260,"label":261,"slug":262,"rank":51,"group":263},24,"Share","share",{"id":74,"label":122,"slug":123},[265,269,273,277,278,282,283,284],{"id":266,"title":267,"slug":268},260,"Badge","badge",{"id":270,"title":271,"slug":272},298,"Bento box","bento-grid",{"id":274,"title":275,"slug":276},232,"Testimonial","testimonial",{"id":220,"title":221,"slug":222},{"id":279,"title":280,"slug":281},284,"Modal","modal",{"id":224,"title":225,"slug":226},{"id":162,"title":163,"slug":164},{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":286},[],{"uuid":288,"title":232,"description":289,"canonical_path":4,"image":290,"width":45,"height":46,"image_alt":235,"kind":48,"patterns":291,"component_categories":296,"app":300},"6fc78e5e-4ba2-4931-b2be-1ff5618bf33b","Detail page where the user can share a design shot to Pinterest or Twitter, or copy the direct link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_share_b94a5e53_nicelydone.png",[292,294],{"id":260,"label":261,"slug":262,"rank":54,"group":293},{"id":74,"label":122,"slug":123},{"id":238,"label":239,"slug":240,"rank":56,"group":295},{"id":37,"label":242,"slug":243},[297,298,299],{"id":279,"title":280,"slug":281},{"id":224,"title":225,"slug":226},{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":301},[],{"uuid":303,"title":232,"description":304,"canonical_path":4,"image":305,"width":45,"height":46,"image_alt":235,"kind":48,"patterns":306,"component_categories":318,"app":321},"c20ebfdb-80d3-4f9d-9d84-e00e0e534e5a","Modal overlay where the user creates a new collection by providing a name and an optional description.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_create_modals-and-popovers_5561ec09_nicelydone.png",[307,311],{"id":157,"label":308,"slug":309,"rank":54,"group":310},"Add & Create","add-and-create",{"id":74,"label":122,"slug":123},{"id":312,"label":313,"slug":314,"rank":56,"group":315},42,"Form","form",{"id":51,"label":316,"slug":317},"Data & Analysis","data-and-analysis",[319,320],{"id":279,"title":280,"slug":281},{"id":61,"title":62,"slug":63},{"slug":31,"title":30,"logo":33,"categories":322},[],[],[325,327,329,331,333,335,337,339,341,343,345,347,349,352,355,358,361,363,367,371,375],{"label":106,"to":326},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":239,"to":328},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":175,"to":330},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":111,"to":332},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":261,"to":334},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":308,"to":336},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":246,"to":338},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":138,"to":340},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":251,"to":342},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":256,"to":344},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":75,"to":346},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":313,"to":348},"\u002Fexamples\u002Fscreens\u002Fform",{"label":350,"to":351},"Dribbble marketing pages","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fmarketing",{"label":353,"to":354},"Dribbble user flows","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fflows",{"label":356,"to":357},"Dribbble UI components","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fcomponents",{"label":359,"to":360},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":362,"to":18},"All SaaS app examples",{"label":364,"to":365,"description":366},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":368,"to":369,"description":370},"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":372,"to":373,"description":374},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":376,"to":377,"description":378},"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":380,"updated_at":381},"2021-05-25T07:37:29.000Z","2026-09-13T13:02:39.000Z"]