[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdropbox-paper\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":327,"links":328,"dates":389},"\u002Fexamples\u002Fapps\u002Fdropbox-paper\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dropbox paper product screens examples - Nicelydone","Browse Dropbox paper screen design examples. Preview the interface screenshots and explore related UI patterns. Get your team on the same page","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8e257a9-4abc-4727-bdec-64d9f1157137.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},"Dropbox paper design examples","\u002Fexamples\u002Fapps\u002Fdropbox-paper",{"label":23,"to":4},"Dropbox paper 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,"categories":34},"Dropbox paper","dropbox-paper","Get your team on the same page","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdropbox-paper-68eb0673.png","https:\u002F\u002Fpaper.dropbox.com",[35,39,43,47],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",{"id":44,"title":45,"slug":46},29,"Task Management","task-management",{"id":48,"title":49,"slug":50},59,"Writing tools","writing-tools",[52,77,99,110,125,165,197,217,233,255,279,301],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":75},"e8e257a9-4abc-4727-bdec-64d9f1157137","Paper – Dropbox","Sign-in screen where the user authenticates with their Dropbox email and password, or via Google and Apple SSO.",3072,1716,"Paper – Dropbox from Dropbox paper","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":54,"description":79,"canonical_path":4,"image":80,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":81,"component_categories":95,"app":97},"145e9802-f49c-49ab-846f-bfb1345e7843","Signup page where the user creates a new Dropbox account using email and password or Google OAuth to access Paper.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F145e9802-f49c-49ab-846f-bfb1345e7843.png",[82,87],{"id":83,"label":84,"slug":85,"rank":65,"group":86},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},{"id":88,"label":89,"slug":90,"rank":67,"group":91},7,"Add & Create","add-and-create",{"id":92,"label":93,"slug":94},2,"Actions","actions",[96],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":54,"description":101,"canonical_path":4,"image":102,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":103,"component_categories":106,"app":108},"51ec0dfe-dd23-4101-ab0f-9250ba974614","Signup screen where the user creates a Dropbox account to access Paper, providing their name, email, and password, or authenticating via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F51ec0dfe-dd23-4101-ab0f-9250ba974614.png",[104],{"id":83,"label":84,"slug":85,"rank":65,"group":105},{"id":67,"label":68,"slug":69},[107],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":54,"description":112,"canonical_path":4,"image":113,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":114,"component_categories":122,"app":123},"8eebc08e-ffd8-46a8-b2e7-2a4d0abaa472","Verification screen instructing the user to check their inbox for a magic link to access Paper.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8eebc08e-ffd8-46a8-b2e7-2a4d0abaa472.png",[115,120],{"id":116,"label":117,"slug":118,"rank":65,"group":119},6,"Verification","verification",{"id":67,"label":68,"slug":69},{"id":62,"label":63,"slug":64,"rank":67,"group":121},{"id":67,"label":68,"slug":69},[],{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":56,"height":57,"image_alt":130,"kind":59,"patterns":131,"component_categories":149,"app":163},"c42fa3ae-f254-4f95-b000-cd50e4f739ad","Dropbox","Empty state for Dropbox Paper where the user is prompted to create their first document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc42fa3ae-f254-4f95-b000-cd50e4f739ad.png","Dropbox from Dropbox paper",[132,139,147],{"id":133,"label":134,"slug":135,"rank":65,"group":136},77,"Welcome","welcome",{"id":88,"label":137,"slug":138},"Onboarding & Education","onboarding-and-education",{"id":140,"label":141,"slug":142,"rank":67,"group":143},115,"Empty State","empty-state",{"id":144,"label":145,"slug":146},12,"States & Feedback","states-and-feedback",{"id":88,"label":89,"slug":90,"rank":92,"group":148},{"id":92,"label":93,"slug":94},[150,154,158,162],{"id":151,"title":152,"slug":153},260,"Badge","badge",{"id":155,"title":156,"slug":157},240,"Horizontal navigation","horizontal-navigation",{"id":159,"title":160,"slug":161},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":171,"component_categories":184,"app":195},"f3f58ef0-479e-4db4-a076-5483b18f060e","My Paper doc - Dropbox Paper","Onboarding modal for a document editor featuring a product preview carousel and a prompt to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3f58ef0-479e-4db4-a076-5483b18f060e.png","My Paper doc - Dropbox Paper from Dropbox paper",[172,174,179],{"id":133,"label":134,"slug":135,"rank":65,"group":173},{"id":88,"label":137,"slug":138},{"id":175,"label":176,"slug":177,"rank":67,"group":178},72,"Getting Started","getting-started",{"id":88,"label":137,"slug":138},{"id":180,"label":181,"slug":182,"rank":92,"group":183},73,"Guided Tour","guided-tour",{"id":88,"label":137,"slug":138},[185,189,193,194],{"id":186,"title":187,"slug":188},284,"Modal","modal",{"id":190,"title":191,"slug":192},177,"Breadcrumb","breadcrumb",{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":167,"description":199,"canonical_path":4,"image":200,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":201,"component_categories":209,"app":215},"9ee451d7-732e-45a5-ac76-42d7751ebd72","Document editor where a product tour modal introduces features for bringing files, photos, and apps into a single doc.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ee451d7-732e-45a5-ac76-42d7751ebd72.png",[202,204],{"id":180,"label":181,"slug":182,"rank":65,"group":203},{"id":88,"label":137,"slug":138},{"id":205,"label":206,"slug":207,"rank":67,"group":208},74,"Onboarding Checklist","onboarding-checklist",{"id":88,"label":137,"slug":138},[210,211,212,213,214],{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":216},[],{"uuid":218,"title":167,"description":219,"canonical_path":4,"image":220,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":221,"component_categories":226,"app":231},"fa2c003d-5ec6-4464-8481-fde9c00036d2","Content editor where a welcome modal introduces the user to collaboration features via a carousel and prompts them to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffa2c003d-5ec6-4464-8481-fde9c00036d2.png",[222,224],{"id":180,"label":181,"slug":182,"rank":65,"group":223},{"id":88,"label":137,"slug":138},{"id":205,"label":206,"slug":207,"rank":67,"group":225},{"id":88,"label":137,"slug":138},[227,228,229,230],{"id":186,"title":187,"slug":188},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":167,"description":235,"canonical_path":4,"image":236,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":237,"component_categories":244,"app":253},"c04696fd-cb7d-47ab-96b6-54f50810d4b4","Content editor where the user starts a new document and views a floating feature discovery tour panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc04696fd-cb7d-47ab-96b6-54f50810d4b4.png",[238,240,242],{"id":88,"label":89,"slug":90,"rank":65,"group":239},{"id":92,"label":93,"slug":94},{"id":175,"label":176,"slug":177,"rank":67,"group":241},{"id":88,"label":137,"slug":138},{"id":180,"label":181,"slug":182,"rank":92,"group":243},{"id":88,"label":137,"slug":138},[245,249,250,251,252],{"id":246,"title":247,"slug":248},168,"Accordion","accordion",{"id":190,"title":191,"slug":192},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":167,"description":257,"canonical_path":4,"image":258,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":259,"component_categories":271,"app":277},"8a97492c-2c18-4bfd-9c05-b7dee58de9ff","Document editor where the user can write content, share the document, and follow a floating product tour panel to learn about formatting and collaboration features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a97492c-2c18-4bfd-9c05-b7dee58de9ff.png",[260,267,269],{"id":261,"label":262,"slug":263,"rank":65,"group":264},58,"Media Editor","media-editor",{"id":83,"label":265,"slug":266},"Media & Tools","media-and-tools",{"id":140,"label":141,"slug":142,"rank":67,"group":268},{"id":144,"label":145,"slug":146},{"id":180,"label":181,"slug":182,"rank":92,"group":270},{"id":88,"label":137,"slug":138},[272,273,274,275,276],{"id":246,"title":247,"slug":248},{"id":190,"title":191,"slug":192},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":278},[],{"uuid":280,"title":167,"description":281,"canonical_path":4,"image":282,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":283,"component_categories":290,"app":299},"29816564-49d2-4d5c-8b13-f3752d70e4d2","Document editor where the user starts a new 'My Paper doc', featuring a left sidebar for navigating Dropbox folders and a floating 'Discover more' panel demonstrating formatting features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29816564-49d2-4d5c-8b13-f3752d70e4d2.png",[284,286,288],{"id":88,"label":89,"slug":90,"rank":65,"group":285},{"id":92,"label":93,"slug":94},{"id":261,"label":262,"slug":263,"rank":67,"group":287},{"id":83,"label":265,"slug":266},{"id":140,"label":141,"slug":142,"rank":92,"group":289},{"id":144,"label":145,"slug":146},[291,295,296,297,298],{"id":292,"title":293,"slug":294},174,"Card","card",{"id":246,"title":247,"slug":248},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":300},[],{"uuid":302,"title":167,"description":303,"canonical_path":4,"image":304,"width":56,"height":57,"image_alt":170,"kind":59,"patterns":305,"component_categories":319,"app":325},"293438e2-6bed-42c3-b0f4-2c10c377ac98","Document editor where the user can write content, share the document, and view a product tour panel explaining features like live links and formatting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F293438e2-6bed-42c3-b0f4-2c10c377ac98.png",[306,311],{"id":307,"label":308,"slug":309,"rank":65,"group":310},11,"Edit","edit",{"id":92,"label":93,"slug":94},{"id":312,"label":313,"slug":314,"rank":67,"group":315},27,"AI Assistant","ai-assistant",{"id":316,"label":317,"slug":318},3,"AI","ai",[320,321,322,323,324],{"id":246,"title":247,"slug":248},{"id":190,"title":191,"slug":192},{"id":155,"title":156,"slug":157},{"id":159,"title":160,"slug":161},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":326},[],[],[329,331,333,335,337,339,341,343,345,347,349,351,353,356,359,362,365,368,371,373,377,381,385],{"label":181,"to":330},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":89,"to":332},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":141,"to":334},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":176,"to":336},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":262,"to":338},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":206,"to":340},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":63,"to":342},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":84,"to":344},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":134,"to":346},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":313,"to":348},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":308,"to":350},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":117,"to":352},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":354,"to":355},"Dropbox paper marketing pages","\u002Fexamples\u002Fapps\u002Fdropbox-paper\u002Fmarketing",{"label":357,"to":358},"Dropbox paper user flows","\u002Fexamples\u002Fapps\u002Fdropbox-paper\u002Fflows",{"label":360,"to":361},"Dropbox paper UI components","\u002Fexamples\u002Fapps\u002Fdropbox-paper\u002Fcomponents",{"label":363,"to":364},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":366,"to":367},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":369,"to":370},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":372,"to":18},"All SaaS app examples",{"label":374,"to":375,"description":376},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":378,"to":379,"description":380},"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":382,"to":383,"description":384},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":386,"to":387,"description":388},"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":390,"updated_at":391},"2016-09-28T08:35:41.000Z","2026-09-13T13:02:39.000Z"]