[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgitbook\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":314,"links":315,"dates":376},"\u002Fexamples\u002Fapps\u002Fgitbook\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Gitbook product screens examples - Nicelydone","Browse Gitbook screen design examples. Preview the interface screenshots and explore related UI patterns. Where technical teams document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb00ce771-e1ae-4ce7-b365-8e45584c9c1c.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},"Gitbook design examples","\u002Fexamples\u002Fapps\u002Fgitbook",{"label":23,"to":4},"Gitbook 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},"Gitbook","gitbook","Where technical teams document.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgitbook-cs3xjife.png","https:\u002F\u002Fwww.gitbook.com","gitbookio",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},6,"Publishing","publishing",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",[49,74,88,99,118,129,146,161,189,213,245,271],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":72},"b00ce771-e1ae-4ce7-b365-8e45584c9c1c","Join GitBook - GitBook","Signup screen where the user can create an account using Google, GitHub, or a work email.",3024,1738,"Join GitBook - GitBook from Gitbook","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":78,"component_categories":84,"app":86},"c64a258d-f6a3-40f5-9d97-4f788d494352","Sign-in screen where the user authenticates with Google, GitHub, or a work email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc64a258d-f6a3-40f5-9d97-4f788d494352.png",[79],{"id":80,"label":81,"slug":82,"rank":62,"group":83},2,"Forgot Password","forgot-password",{"id":64,"label":65,"slug":66},[85],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":51,"description":90,"canonical_path":4,"image":91,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":92,"component_categories":95,"app":97},"21f4b557-83ec-4461-b533-54c4b8da359a","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21f4b557-83ec-4461-b533-54c4b8da359a.png",[93],{"id":80,"label":81,"slug":82,"rank":62,"group":94},{"id":64,"label":65,"slug":66},[96],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":51,"description":101,"canonical_path":4,"image":102,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":103,"component_categories":114,"app":116},"345f2ed2-c0e3-4f67-9c4a-daf5fcd70110","Password recovery screen instructing the user to check their email for a reset link, while simultaneously displaying an error toast indicating the user record was not found.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F345f2ed2-c0e3-4f67-9c4a-daf5fcd70110.png",[104,106],{"id":80,"label":81,"slug":82,"rank":62,"group":105},{"id":64,"label":65,"slug":66},{"id":107,"label":108,"slug":109,"rank":64,"group":110},116,"Error","error",{"id":111,"label":112,"slug":113},12,"States & Feedback","states-and-feedback",[115],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":51,"description":120,"canonical_path":4,"image":121,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":122,"component_categories":125,"app":127},"90d98fbc-2754-43cc-a72e-9736d343c07c","Signup screen where the user can create an account using Google, GitHub, or a work email address, featuring a decorative node illustration on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90d98fbc-2754-43cc-a72e-9736d343c07c.png",[123],{"id":59,"label":60,"slug":61,"rank":62,"group":124},{"id":64,"label":65,"slug":66},[126],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":51,"description":131,"canonical_path":4,"image":132,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":133,"component_categories":143,"app":144},"888b175b-9884-4471-ad05-1725aa9bddda","Verification screen where the user is instructed to check their inbox for a confirmation link sent to their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F888b175b-9884-4471-ad05-1725aa9bddda.png",[134,138],{"id":41,"label":135,"slug":136,"rank":62,"group":137},"Verification","verification",{"id":64,"label":65,"slug":66},{"id":139,"label":140,"slug":141,"rank":64,"group":142},115,"Empty State","empty-state",{"id":111,"label":112,"slug":113},[],{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":152,"component_categories":158,"app":159},"e1cf5020-df7d-4a8d-9cd8-7a36da877492","Sign in - GitBook","App loading screen displaying a centered spinner before the main content resolves.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe1cf5020-df7d-4a8d-9cd8-7a36da877492.png","Sign in - GitBook from Gitbook",[153],{"id":154,"label":155,"slug":156,"rank":62,"group":157},120,"Loading","loading",{"id":111,"label":112,"slug":113},[],{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":4,"image":165,"width":53,"height":54,"image_alt":166,"kind":56,"patterns":167,"component_categories":185,"app":187},"397291c0-2a23-41f7-aedf-65733d68c957","Welcome - GitBook","Onboarding step where the user names their organization, selects a primary use case, and toggles domain-based access before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F397291c0-2a23-41f7-aedf-65733d68c957.png","Welcome - GitBook from Gitbook",[168,172,180],{"id":64,"label":169,"slug":170,"rank":62,"group":171},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},{"id":173,"label":174,"slug":175,"rank":64,"group":176},75,"Setup Wizard","setup-wizard",{"id":177,"label":178,"slug":179},7,"Onboarding & Education","onboarding-and-education",{"id":181,"label":182,"slug":183,"rank":80,"group":184},77,"Welcome","welcome",{"id":177,"label":178,"slug":179},[186],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":163,"description":191,"canonical_path":4,"image":192,"width":53,"height":54,"image_alt":166,"kind":56,"patterns":193,"component_categories":209,"app":211},"29a3f6b5-34a2-461e-afa5-3e28ef9b576e","Onboarding step where the user creates an organization by providing a name, selecting a primary use case, and configuring domain-based auto-join.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29a3f6b5-34a2-461e-afa5-3e28ef9b576e.png",[194,196,204,206],{"id":173,"label":174,"slug":175,"rank":62,"group":195},{"id":177,"label":178,"slug":179},{"id":197,"label":198,"slug":199,"rank":64,"group":200},104,"Team Management","team-management",{"id":201,"label":202,"slug":203},10,"Settings & Admin","settings-and-admin",{"id":64,"label":169,"slug":170,"rank":80,"group":205},{"id":64,"label":65,"slug":66},{"id":181,"label":182,"slug":183,"rank":207,"group":208},3,{"id":177,"label":178,"slug":179},[210],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":163,"description":215,"canonical_path":4,"image":216,"width":53,"height":54,"image_alt":166,"kind":56,"patterns":217,"component_categories":237,"app":243},"c1a6ad53-2ee1-4def-9526-3f81b2cfc748","Content editor with a modal open to invite teammates by email address and assign them roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1a6ad53-2ee1-4def-9526-3f81b2cfc748.png",[218,225,230,232],{"id":219,"label":220,"slug":221,"rank":62,"group":222},133,"Invite Teammates","invite-teammates",{"id":80,"label":223,"slug":224},"Actions","actions",{"id":226,"label":227,"slug":228,"rank":64,"group":229},100,"Roles & Permissions","roles-and-permissions",{"id":201,"label":202,"slug":203},{"id":197,"label":198,"slug":199,"rank":80,"group":231},{"id":201,"label":202,"slug":203},{"id":233,"label":234,"slug":235,"rank":207,"group":236},11,"Edit","edit",{"id":80,"label":223,"slug":224},[238,242],{"id":239,"title":240,"slug":241},284,"Modal","modal",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":163,"description":247,"canonical_path":4,"image":248,"width":53,"height":54,"image_alt":166,"kind":56,"patterns":249,"component_categories":254,"app":269},"77012379-5379-4109-93f7-46335bb42163","Content editor where the user has opened a modal to copy a secret invite link or invite teammates by email to their Nicelydone workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F77012379-5379-4109-93f7-46335bb42163.png",[250,252],{"id":219,"label":220,"slug":221,"rank":62,"group":251},{"id":80,"label":223,"slug":224},{"id":197,"label":198,"slug":199,"rank":64,"group":253},{"id":201,"label":202,"slug":203},[255,259,263,267,268],{"id":256,"title":257,"slug":258},240,"Horizontal navigation","horizontal-navigation",{"id":260,"title":261,"slug":262},260,"Badge","badge",{"id":264,"title":265,"slug":266},169,"Avatar","avatar",{"id":239,"title":240,"slug":241},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":273,"description":274,"canonical_path":4,"image":275,"width":53,"height":54,"image_alt":276,"kind":56,"patterns":277,"component_categories":298,"app":312},"d5b64121-d518-466c-b02a-05d6393f93ee","Page 1 - Untitled","Empty document editor where the user can start writing or choose to import content, use a template, sync with GitHub, or add members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd5b64121-d518-466c-b02a-05d6393f93ee.png","Page 1 - Untitled from Gitbook",[278,280,282,284,289],{"id":139,"label":140,"slug":141,"rank":62,"group":279},{"id":111,"label":112,"slug":113},{"id":219,"label":220,"slug":221,"rank":64,"group":281},{"id":80,"label":223,"slug":224},{"id":197,"label":198,"slug":199,"rank":80,"group":283},{"id":201,"label":202,"slug":203},{"id":285,"label":286,"slug":287,"rank":207,"group":288},15,"Import & Export","import-and-export",{"id":80,"label":223,"slug":224},{"id":290,"label":291,"slug":292,"rank":293,"group":294},86,"Templates","templates",4,{"id":295,"label":296,"slug":297},8,"Pages & Content","pages-and-content",[299,303,307,311],{"id":300,"title":301,"slug":302},174,"Card","card",{"id":304,"title":305,"slug":306},233,"Tabs","tabs",{"id":308,"title":309,"slug":310},277,"Button group","button-group",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":313},[],[],[316,318,320,322,324,326,328,330,332,334,336,338,340,343,346,349,352,355,358,360,364,368,372],{"label":198,"to":317},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":81,"to":319},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":220,"to":321},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":169,"to":323},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":140,"to":325},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":174,"to":327},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":60,"to":329},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":182,"to":331},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":234,"to":333},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":108,"to":335},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":286,"to":337},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":155,"to":339},"\u002Fexamples\u002Fscreens\u002Floading",{"label":341,"to":342},"Gitbook marketing pages","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fmarketing",{"label":344,"to":345},"Gitbook user flows","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fflows",{"label":347,"to":348},"Gitbook UI components","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fcomponents",{"label":350,"to":351},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":353,"to":354},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":356,"to":357},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":359,"to":18},"All SaaS app examples",{"label":361,"to":362,"description":363},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":365,"to":366,"description":367},"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":369,"to":370,"description":371},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":373,"to":374,"description":375},"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":377,"updated_at":378},"2023-01-05T13:08:16.000Z","2026-09-13T13:02:39.000Z"]