[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdribbble":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":48,"showcases":49,"links":341,"dates":372},"\u002Fexamples\u002Fapps\u002Fdribbble","detail","apps",true,{"title":9,"description":10,"og_image":11},"Dribbble design examples - Nicelydone","Explore Dribbble UI design examples. Discover the world’s top designers & creative professionals","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdribbble_sign-in_51efe9e1_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Dribbble design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Dribbble",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Dribbble","dribbble","Discover the world’s top designers & creative professionals","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdribbble-cadf3a55.png","https:\u002F\u002Fdribbble.com",[44],{"id":45,"title":46,"slug":47},8,"Design","design",[],[50,335,338],{"family":51,"examples":52},"screens",[53,78,94,110,140,157,180,195,217,242,299,314],{"uuid":54,"title":55,"description":56,"canonical_path":29,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":76},"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",[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":39,"title":38,"logo":41,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":29,"image":82,"width":57,"height":58,"image_alt":83,"kind":60,"patterns":84,"component_categories":90,"app":92},"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",[85],{"id":86,"label":87,"slug":88,"rank":66,"group":89},2,"Forgot Password","forgot-password",{"id":68,"label":69,"slug":70},[91],{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":29,"image":98,"width":57,"height":58,"image_alt":99,"kind":60,"patterns":100,"component_categories":106,"app":108},"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",[101],{"id":102,"label":103,"slug":104,"rank":66,"group":105},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},[107],{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":29,"image":114,"width":57,"height":58,"image_alt":115,"kind":60,"patterns":116,"component_categories":136,"app":138},"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",[117,121,129],{"id":68,"label":118,"slug":119,"rank":66,"group":120},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},{"id":122,"label":123,"slug":124,"rank":68,"group":125},3,"Profile","profile",{"id":126,"label":127,"slug":128},11,"Social & Collaboration","social-and-collaboration",{"id":130,"label":131,"slug":132,"rank":86,"group":133},25,"Upload & Download","upload-and-download",{"id":86,"label":134,"slug":135},"Actions","actions",[137],{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":139},[],{"uuid":141,"title":112,"description":142,"canonical_path":29,"image":143,"width":57,"height":58,"image_alt":115,"kind":60,"patterns":144,"component_categories":153,"app":155},"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",[145,147,149],{"id":68,"label":118,"slug":119,"rank":66,"group":146},{"id":68,"label":69,"slug":70},{"id":122,"label":123,"slug":124,"rank":68,"group":148},{"id":126,"label":127,"slug":128},{"id":126,"label":150,"slug":151,"rank":86,"group":152},"Edit","edit",{"id":86,"label":134,"slug":135},[154],{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":156},[],{"uuid":158,"title":112,"description":159,"canonical_path":29,"image":160,"width":57,"height":58,"image_alt":115,"kind":60,"patterns":161,"component_categories":172,"app":178},"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",[162,164],{"id":68,"label":118,"slug":119,"rank":66,"group":163},{"id":68,"label":69,"slug":70},{"id":165,"label":166,"slug":167,"rank":68,"group":168},77,"Welcome","welcome",{"id":169,"label":170,"slug":171},7,"Onboarding & Education","onboarding-and-education",[173,177],{"id":174,"title":175,"slug":176},174,"Card","card",{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":179},[],{"uuid":181,"title":112,"description":182,"canonical_path":29,"image":183,"width":57,"height":58,"image_alt":115,"kind":60,"patterns":184,"component_categories":190,"app":193},"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",[185],{"id":186,"label":187,"slug":188,"rank":66,"group":189},74,"Onboarding Checklist","onboarding-checklist",{"id":169,"label":170,"slug":171},[191,192],{"id":174,"title":175,"slug":176},{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":194},[],{"uuid":196,"title":112,"description":197,"canonical_path":29,"image":198,"width":57,"height":58,"image_alt":115,"kind":60,"patterns":199,"component_categories":212,"app":215},"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",[200,202,207],{"id":186,"label":187,"slug":188,"rank":66,"group":201},{"id":169,"label":170,"slug":171},{"id":203,"label":204,"slug":205,"rank":68,"group":206},72,"Getting Started","getting-started",{"id":169,"label":170,"slug":171},{"id":208,"label":209,"slug":210,"rank":86,"group":211},75,"Setup Wizard","setup-wizard",{"id":169,"label":170,"slug":171},[213,214],{"id":174,"title":175,"slug":176},{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":216},[],{"uuid":218,"title":112,"description":219,"canonical_path":29,"image":220,"width":57,"height":221,"image_alt":115,"kind":60,"patterns":222,"component_categories":230,"app":240},"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,[223,228],{"id":224,"label":225,"slug":226,"rank":66,"group":227},6,"Verification","verification",{"id":68,"label":69,"slug":70},{"id":68,"label":118,"slug":119,"rank":68,"group":229},{"id":68,"label":69,"slug":70},[231,235,239],{"id":232,"title":233,"slug":234},240,"Horizontal navigation","horizontal-navigation",{"id":236,"title":237,"slug":238},169,"Avatar","avatar",{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":241},[],{"uuid":243,"title":244,"description":245,"canonical_path":29,"image":246,"width":57,"height":58,"image_alt":247,"kind":60,"patterns":248,"component_categories":276,"app":297},"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",[249,256,261,266,271],{"id":250,"label":251,"slug":252,"rank":66,"group":253},82,"Media Detail","media-detail",{"id":45,"label":254,"slug":255},"Pages & Content","pages-and-content",{"id":257,"label":258,"slug":259,"rank":68,"group":260},106,"Comments","comments",{"id":126,"label":127,"slug":128},{"id":262,"label":263,"slug":264,"rank":86,"group":265},12,"Favorite","favorite",{"id":86,"label":134,"slug":135},{"id":267,"label":268,"slug":269,"rank":122,"group":270},14,"Follow","follow",{"id":86,"label":134,"slug":135},{"id":272,"label":273,"slug":274,"rank":63,"group":275},24,"Share","share",{"id":86,"label":134,"slug":135},[277,281,285,289,290,294,295,296],{"id":278,"title":279,"slug":280},260,"Badge","badge",{"id":282,"title":283,"slug":284},298,"Bento box","bento-grid",{"id":286,"title":287,"slug":288},232,"Testimonial","testimonial",{"id":232,"title":233,"slug":234},{"id":291,"title":292,"slug":293},284,"Modal","modal",{"id":236,"title":237,"slug":238},{"id":174,"title":175,"slug":176},{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":298},[],{"uuid":300,"title":244,"description":301,"canonical_path":29,"image":302,"width":57,"height":58,"image_alt":247,"kind":60,"patterns":303,"component_categories":308,"app":312},"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",[304,306],{"id":272,"label":273,"slug":274,"rank":66,"group":305},{"id":86,"label":134,"slug":135},{"id":250,"label":251,"slug":252,"rank":68,"group":307},{"id":45,"label":254,"slug":255},[309,310,311],{"id":291,"title":292,"slug":293},{"id":236,"title":237,"slug":238},{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":313},[],{"uuid":315,"title":244,"description":316,"canonical_path":29,"image":317,"width":57,"height":58,"image_alt":247,"kind":60,"patterns":318,"component_categories":330,"app":333},"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",[319,323],{"id":169,"label":320,"slug":321,"rank":66,"group":322},"Add & Create","add-and-create",{"id":86,"label":134,"slug":135},{"id":324,"label":325,"slug":326,"rank":68,"group":327},42,"Form","form",{"id":63,"label":328,"slug":329},"Data & Analysis","data-and-analysis",[331,332],{"id":291,"title":292,"slug":293},{"id":73,"title":74,"slug":75},{"slug":39,"title":38,"logo":41,"categories":334},[],{"family":336,"examples":337},"flows",[],{"family":339,"examples":340},"pages",[],[342,344,346,348,351,354,356,360,364,368],{"label":343,"to":29},"Dribbble product screens",{"label":345,"to":35},"Dribbble marketing pages",{"label":347,"to":32},"Dribbble user flows",{"label":349,"to":350},"Dribbble UI components","\u002Fexamples\u002Fapps\u002Fdribbble\u002Fcomponents",{"label":352,"to":353},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":355,"to":18},"All SaaS app examples",{"label":357,"to":358,"description":359},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":361,"to":362,"description":363},"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":365,"to":366,"description":367},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":369,"to":370,"description":371},"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":373,"updated_at":374},"2021-05-25T07:37:29.000Z","2026-09-13T13:02:39.000Z"]