[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fquill\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":362,"links":363,"dates":421},"\u002Fexamples\u002Fapps\u002Fquill\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Quill product screens examples - Nicelydone","Browse Quill screen design examples. Preview the interface screenshots and explore related UI patterns. Messaging for teams that focus","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_sign-in_684c3066_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},"Quill design examples","\u002Fexamples\u002Fapps\u002Fquill",{"label":23,"to":4},"Quill 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},"Quill","quill","Messaging for teams that focus","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fquill-d89afd11.png","http:\u002F\u002Fquill.chat",[35,39],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",[44,73,90,112,129,157,186,208,235,266,309,339],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"d5fe4a1f-1c0f-4f96-9349-749422da5e5f","Sign in","Sign-in screen where the user enters their email to authenticate or create a new account, featuring a large branded left panel.",2880,1534,"Sign in from Quill","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":49,"image_alt":78,"kind":51,"patterns":79,"component_categories":85,"app":88},"e6fdb8bb-ce66-41b6-89d2-b14f428c9c64","Recover password","Password recovery screen where the user requests a reset link for their pre-filled email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_recover-password_3d2ef0c3_nicelydone.png","Recover password from Quill",[80],{"id":81,"label":82,"slug":83,"rank":57,"group":84},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[86,87],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":48,"height":49,"image_alt":95,"kind":51,"patterns":96,"component_categories":107,"app":110},"7bb65e55-d01d-41d1-93fc-b73e86b4722a","Password reset confirmation","Authentication screen confirming that a password recovery link has been sent to the user's email address, providing a button to dismiss the view.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_password-reset-confirmation_c52ac216_nicelydone.png","Password reset confirmation from Quill",[97,99],{"id":81,"label":82,"slug":83,"rank":57,"group":98},{"id":59,"label":60,"slug":61},{"id":100,"label":101,"slug":102,"rank":59,"group":103},122,"Success","success",{"id":104,"label":105,"slug":106},12,"States & Feedback","states-and-feedback",[108,109],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":114,"description":115,"canonical_path":4,"image":116,"width":48,"height":49,"image_alt":117,"kind":51,"patterns":118,"component_categories":124,"app":127},"c38bf23b-5b4d-46c4-aa04-db77d9f03c02","Sign up","Auth screen where the user can sign in or create an account using Apple, Google, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_sign-up_b8aa41b6_nicelydone.png","Sign up from Quill",[119],{"id":120,"label":121,"slug":122,"rank":57,"group":123},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[125,126],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":4,"image":133,"width":48,"height":49,"image_alt":134,"kind":51,"patterns":135,"component_categories":152,"app":155},"0b67280e-d8e2-43e7-90e8-ba238e434b93","Create team","Onboarding step where the user names their new team to set up their workspace in the Quill beta.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_create-team_79d60f07_nicelydone.png","Create team from Quill",[136,144],{"id":137,"label":138,"slug":139,"rank":57,"group":140},104,"Team Management","team-management",{"id":141,"label":142,"slug":143},10,"Settings & Admin","settings-and-admin",{"id":145,"label":146,"slug":147,"rank":59,"group":148},75,"Setup Wizard","setup-wizard",{"id":149,"label":150,"slug":151},7,"Onboarding & Education","onboarding-and-education",[153,154],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":159,"description":160,"canonical_path":4,"image":161,"width":48,"height":49,"image_alt":162,"kind":51,"patterns":163,"component_categories":169,"app":184},"6c04abc8-d721-4ca0-bb83-01b276958338","Onboarding","Onboarding screen where the user reads a welcome message explaining the core philosophy of threads, activity feed, and notifications before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_onboarding_32458785_nicelydone.png","Onboarding from Quill",[164],{"id":165,"label":166,"slug":167,"rank":57,"group":168},77,"Welcome","welcome",{"id":149,"label":150,"slug":151},[170,174,178,179,183],{"id":171,"title":172,"slug":173},211,"Pagination","pagination",{"id":175,"title":176,"slug":177},174,"Card","card",{"id":64,"title":65,"slug":66},{"id":180,"title":181,"slug":182},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":4,"image":190,"width":48,"height":49,"image_alt":191,"kind":51,"patterns":192,"component_categories":200,"app":206},"42885b02-ae4e-48a7-abdb-d7055a994dea","Dropdown menu","Onboarding screen where a welcome message explains the product's core concepts like threads, activity feeds, and notifications before the user continues.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_dropdown-menu_2b84921f_nicelydone.png","Dropdown menu from Quill",[193,198],{"id":194,"label":195,"slug":196,"rank":57,"group":197},72,"Getting Started","getting-started",{"id":149,"label":150,"slug":151},{"id":165,"label":166,"slug":167,"rank":59,"group":199},{"id":149,"label":150,"slug":151},[201,202,203,204,205],{"id":171,"title":172,"slug":173},{"id":175,"title":176,"slug":177},{"id":64,"title":65,"slug":66},{"id":180,"title":181,"slug":182},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":4,"image":212,"width":48,"height":49,"image_alt":213,"kind":51,"patterns":214,"component_categories":224,"app":233},"47667ae6-2447-4450-84a9-0c171dfebd25","Download app","Onboarding step where the user is prompted to download the macOS desktop app or send an SMS link for the iOS app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_download-app_9dad47bf_nicelydone.png","Download app from Quill",[215,222],{"id":216,"label":217,"slug":218,"rank":57,"group":219},25,"Upload & Download","upload-and-download",{"id":81,"label":220,"slug":221},"Actions","actions",{"id":194,"label":195,"slug":196,"rank":59,"group":223},{"id":149,"label":150,"slug":151},[225,229,230,231,232],{"id":226,"title":227,"slug":228},227,"Stepper","stepper",{"id":175,"title":176,"slug":177},{"id":64,"title":65,"slug":66},{"id":180,"title":181,"slug":182},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":237,"description":238,"canonical_path":4,"image":239,"width":48,"height":49,"image_alt":240,"kind":51,"patterns":241,"component_categories":257,"app":264},"607e9be2-51cc-4900-b654-916a03f9227a","Team home","Detail page for a workspace displaying its associated channels and a directory of team members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_team-home_ed06c53f_nicelydone.png","Team home from Quill",[242,250,252],{"id":243,"label":244,"slug":245,"rank":57,"group":246},81,"Home","home",{"id":247,"label":248,"slug":249},8,"Pages & Content","pages-and-content",{"id":137,"label":138,"slug":139,"rank":59,"group":251},{"id":141,"label":142,"slug":143},{"id":253,"label":254,"slug":255,"rank":81,"group":256},80,"Files","files",{"id":247,"label":248,"slug":249},[258,262,263],{"id":259,"title":260,"slug":261},240,"Horizontal navigation","horizontal-navigation",{"id":180,"title":181,"slug":182},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":265},[],{"uuid":267,"title":268,"description":269,"canonical_path":4,"image":270,"width":48,"height":49,"image_alt":271,"kind":51,"patterns":272,"component_categories":299,"app":307},"c1b3c8e6-e0a1-480e-9414-14988833ba52","Empty channel","Empty state for the Design team channel prompting the user to create the first thread.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_empty-channel_7f7e6fdb_nicelydone.png","Empty channel from Quill",[273,278,286,294],{"id":274,"label":275,"slug":276,"rank":57,"group":277},115,"Empty State","empty-state",{"id":104,"label":105,"slug":106},{"id":279,"label":280,"slug":281,"rank":59,"group":282},35,"Chatbot","chatbot",{"id":283,"label":284,"slug":285},3,"AI","ai",{"id":287,"label":288,"slug":289,"rank":81,"group":290},109,"Messages","messages",{"id":291,"label":292,"slug":293},11,"Social & Collaboration","social-and-collaboration",{"id":295,"label":296,"slug":297,"rank":283,"group":298},79,"Browse","browse",{"id":247,"label":248,"slug":249},[300,301,305,306],{"id":259,"title":260,"slug":261},{"id":302,"title":303,"slug":304},177,"Breadcrumb","breadcrumb",{"id":180,"title":181,"slug":182},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":308},[],{"uuid":310,"title":311,"description":312,"canonical_path":4,"image":313,"width":48,"height":49,"image_alt":314,"kind":51,"patterns":315,"component_categories":330,"app":337},"da768205-7c7e-4548-9495-ac2bf99682ba","Members list","Settings page where the user views pending team invitations and can copy invite links or add new members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_members-list_d2e00af5_nicelydone.png","Members list from Quill",[316,318,323],{"id":137,"label":138,"slug":139,"rank":57,"group":317},{"id":141,"label":142,"slug":143},{"id":319,"label":320,"slug":321,"rank":59,"group":322},100,"Roles & Permissions","roles-and-permissions",{"id":141,"label":142,"slug":143},{"id":324,"label":325,"slug":326,"rank":81,"group":327},47,"Table","table",{"id":54,"label":328,"slug":329},"Data & Analysis","data-and-analysis",[331,335,336],{"id":332,"title":333,"slug":334},233,"Tabs","tabs",{"id":180,"title":181,"slug":182},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":338},[],{"uuid":340,"title":341,"description":342,"canonical_path":4,"image":343,"width":48,"height":49,"image_alt":344,"kind":51,"patterns":345,"component_categories":355,"app":360},"fe78615c-80f9-4e0a-a5a2-cc0012461731","Channel","Inbox view where the user reads a welcome thread explaining mentions and replies in the General channel, with an active composer to start a new thread.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fquill_channel_fdf3db3b_nicelydone.png","Channel from Quill",[346,348,350],{"id":279,"label":280,"slug":281,"rank":57,"group":347},{"id":283,"label":284,"slug":285},{"id":287,"label":288,"slug":289,"rank":59,"group":349},{"id":291,"label":292,"slug":293},{"id":351,"label":352,"slug":353,"rank":81,"group":354},22,"Search","search",{"id":81,"label":220,"slug":221},[356,357,358,359],{"id":175,"title":176,"slug":177},{"id":302,"title":303,"slug":304},{"id":180,"title":181,"slug":182},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":361},[],[],[364,366,368,370,372,374,376,378,380,382,384,386,388,391,394,397,400,403,405,409,413,417],{"label":138,"to":365},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":280,"to":367},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":82,"to":369},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":195,"to":371},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":288,"to":373},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":166,"to":375},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":296,"to":377},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":275,"to":379},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":254,"to":381},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":244,"to":383},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":320,"to":385},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":352,"to":387},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":389,"to":390},"Quill marketing pages","\u002Fexamples\u002Fapps\u002Fquill\u002Fmarketing",{"label":392,"to":393},"Quill user flows","\u002Fexamples\u002Fapps\u002Fquill\u002Fflows",{"label":395,"to":396},"Quill UI components","\u002Fexamples\u002Fapps\u002Fquill\u002Fcomponents",{"label":398,"to":399},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":401,"to":402},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":404,"to":18},"All SaaS app examples",{"label":406,"to":407,"description":408},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":410,"to":411,"description":412},"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":414,"to":415,"description":416},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":418,"to":419,"description":420},"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":422,"updated_at":423},"2020-04-10T20:00:00.000Z","2026-09-13T13:02:39.000Z"]