[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgitbook":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":57,"showcases":58,"links":333,"dates":352},"\u002Fexamples\u002Fapps\u002Fgitbook","detail","apps",true,{"title":9,"description":10,"og_image":11},"Gitbook design examples - Nicelydone","Explore Gitbook UI design examples. Where technical teams document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb00ce771-e1ae-4ce7-b365-8e45584c9c1c.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Gitbook design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Gitbook",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":43,"categories":44},"Gitbook","gitbook","Where technical teams document.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgitbook-cs3xjife.png","https:\u002F\u002Fwww.gitbook.com","gitbookio",[45,49,53],{"id":46,"title":47,"slug":48},48,"Developer Tools","developer-tools",{"id":50,"title":51,"slug":52},6,"Publishing","publishing",{"id":54,"title":55,"slug":56},22,"Knowledge Management","knowledge-management",[],[59,327,330],{"family":60,"examples":61},"screens",[62,87,101,112,131,142,159,174,202,226,258,284],{"uuid":63,"title":64,"description":65,"canonical_path":29,"image":11,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":70,"component_categories":80,"app":85},"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",[71],{"id":72,"label":73,"slug":74,"rank":75,"group":76},5,"Sign Up","sign-up",0,{"id":77,"label":78,"slug":79},1,"Access & Account","access-and-account",[81],{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":86},[],{"uuid":88,"title":64,"description":89,"canonical_path":29,"image":90,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":91,"component_categories":97,"app":99},"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",[92],{"id":93,"label":94,"slug":95,"rank":75,"group":96},2,"Forgot Password","forgot-password",{"id":77,"label":78,"slug":79},[98],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":100},[],{"uuid":102,"title":64,"description":103,"canonical_path":29,"image":104,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":105,"component_categories":108,"app":110},"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",[106],{"id":93,"label":94,"slug":95,"rank":75,"group":107},{"id":77,"label":78,"slug":79},[109],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":111},[],{"uuid":113,"title":64,"description":114,"canonical_path":29,"image":115,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":116,"component_categories":127,"app":129},"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",[117,119],{"id":93,"label":94,"slug":95,"rank":75,"group":118},{"id":77,"label":78,"slug":79},{"id":120,"label":121,"slug":122,"rank":77,"group":123},116,"Error","error",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",[128],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":130},[],{"uuid":132,"title":64,"description":133,"canonical_path":29,"image":134,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":135,"component_categories":138,"app":140},"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",[136],{"id":72,"label":73,"slug":74,"rank":75,"group":137},{"id":77,"label":78,"slug":79},[139],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":141},[],{"uuid":143,"title":64,"description":144,"canonical_path":29,"image":145,"width":66,"height":67,"image_alt":68,"kind":69,"patterns":146,"component_categories":156,"app":157},"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",[147,151],{"id":50,"label":148,"slug":149,"rank":75,"group":150},"Verification","verification",{"id":77,"label":78,"slug":79},{"id":152,"label":153,"slug":154,"rank":77,"group":155},115,"Empty State","empty-state",{"id":124,"label":125,"slug":126},[],{"slug":39,"title":38,"logo":41,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":29,"image":163,"width":66,"height":67,"image_alt":164,"kind":69,"patterns":165,"component_categories":171,"app":172},"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",[166],{"id":167,"label":168,"slug":169,"rank":75,"group":170},120,"Loading","loading",{"id":124,"label":125,"slug":126},[],{"slug":39,"title":38,"logo":41,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":29,"image":178,"width":66,"height":67,"image_alt":179,"kind":69,"patterns":180,"component_categories":198,"app":200},"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",[181,185,193],{"id":77,"label":182,"slug":183,"rank":75,"group":184},"Account Setup","account-setup",{"id":77,"label":78,"slug":79},{"id":186,"label":187,"slug":188,"rank":77,"group":189},75,"Setup Wizard","setup-wizard",{"id":190,"label":191,"slug":192},7,"Onboarding & Education","onboarding-and-education",{"id":194,"label":195,"slug":196,"rank":93,"group":197},77,"Welcome","welcome",{"id":190,"label":191,"slug":192},[199],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":201},[],{"uuid":203,"title":176,"description":204,"canonical_path":29,"image":205,"width":66,"height":67,"image_alt":179,"kind":69,"patterns":206,"component_categories":222,"app":224},"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",[207,209,217,219],{"id":186,"label":187,"slug":188,"rank":75,"group":208},{"id":190,"label":191,"slug":192},{"id":210,"label":211,"slug":212,"rank":77,"group":213},104,"Team Management","team-management",{"id":214,"label":215,"slug":216},10,"Settings & Admin","settings-and-admin",{"id":77,"label":182,"slug":183,"rank":93,"group":218},{"id":77,"label":78,"slug":79},{"id":194,"label":195,"slug":196,"rank":220,"group":221},3,{"id":190,"label":191,"slug":192},[223],{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":225},[],{"uuid":227,"title":176,"description":228,"canonical_path":29,"image":229,"width":66,"height":67,"image_alt":179,"kind":69,"patterns":230,"component_categories":250,"app":256},"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",[231,238,243,245],{"id":232,"label":233,"slug":234,"rank":75,"group":235},133,"Invite Teammates","invite-teammates",{"id":93,"label":236,"slug":237},"Actions","actions",{"id":239,"label":240,"slug":241,"rank":77,"group":242},100,"Roles & Permissions","roles-and-permissions",{"id":214,"label":215,"slug":216},{"id":210,"label":211,"slug":212,"rank":93,"group":244},{"id":214,"label":215,"slug":216},{"id":246,"label":247,"slug":248,"rank":220,"group":249},11,"Edit","edit",{"id":93,"label":236,"slug":237},[251,255],{"id":252,"title":253,"slug":254},284,"Modal","modal",{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":257},[],{"uuid":259,"title":176,"description":260,"canonical_path":29,"image":261,"width":66,"height":67,"image_alt":179,"kind":69,"patterns":262,"component_categories":267,"app":282},"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",[263,265],{"id":232,"label":233,"slug":234,"rank":75,"group":264},{"id":93,"label":236,"slug":237},{"id":210,"label":211,"slug":212,"rank":77,"group":266},{"id":214,"label":215,"slug":216},[268,272,276,280,281],{"id":269,"title":270,"slug":271},240,"Horizontal navigation","horizontal-navigation",{"id":273,"title":274,"slug":275},260,"Badge","badge",{"id":277,"title":278,"slug":279},169,"Avatar","avatar",{"id":252,"title":253,"slug":254},{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":29,"image":288,"width":66,"height":67,"image_alt":289,"kind":69,"patterns":290,"component_categories":311,"app":325},"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",[291,293,295,297,302],{"id":152,"label":153,"slug":154,"rank":75,"group":292},{"id":124,"label":125,"slug":126},{"id":232,"label":233,"slug":234,"rank":77,"group":294},{"id":93,"label":236,"slug":237},{"id":210,"label":211,"slug":212,"rank":93,"group":296},{"id":214,"label":215,"slug":216},{"id":298,"label":299,"slug":300,"rank":220,"group":301},15,"Import & Export","import-and-export",{"id":93,"label":236,"slug":237},{"id":303,"label":304,"slug":305,"rank":306,"group":307},86,"Templates","templates",4,{"id":308,"label":309,"slug":310},8,"Pages & Content","pages-and-content",[312,316,320,324],{"id":313,"title":314,"slug":315},174,"Card","card",{"id":317,"title":318,"slug":319},233,"Tabs","tabs",{"id":321,"title":322,"slug":323},277,"Button group","button-group",{"id":82,"title":83,"slug":84},{"slug":39,"title":38,"logo":41,"categories":326},[],{"family":328,"examples":329},"flows",[],{"family":331,"examples":332},"pages",[],[334,336,338,340,343,346,349],{"label":335,"to":29},"Gitbook product screens",{"label":337,"to":35},"Gitbook marketing pages",{"label":339,"to":32},"Gitbook user flows",{"label":341,"to":342},"Gitbook UI components","\u002Fexamples\u002Fapps\u002Fgitbook\u002Fcomponents",{"label":344,"to":345},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":347,"to":348},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":350,"to":351},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":353,"updated_at":354},"2023-01-05T13:08:16.000Z","2026-09-13T13:02:39.000Z"]