[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":356,"links":357,"dates":415},"\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Fiberplane product screens examples - Nicelydone","Browse Fiberplane screen design examples. Preview the interface screenshots and explore related UI patterns. Collaborative Notebooks for debugging your…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55e453f0-4ab1-4c73-a645-7d5b117229f0.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},"Fiberplane design examples","\u002Fexamples\u002Fapps\u002Ffiberplane",{"label":23,"to":4},"Fiberplane product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Fiberplane screen design examples. Preview the interface screenshots and explore related UI patterns. Collaborative Notebooks for debugging your infrastructure",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Fiberplane","fiberplane","Collaborative Notebooks for debugging your infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffiberplane-a5be02b8.png","https:\u002F\u002Ffiberplane.com",[36,40],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",[45,98,116,142,176,218,236,256,272,297,317,337],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":71,"app":96},"55e453f0-4ab1-4c73-a645-7d5b117229f0","Roadmap - Fiberplane","Sign up modal where the user can authenticate with Google, Github, or email to continue accessing the roadmap.",3024,1738,"Roadmap - Fiberplane from Fiberplane","screen",[54,63],{"id":55,"label":56,"slug":57,"rank":58,"group":59},5,"Sign Up","sign-up",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",{"id":64,"label":65,"slug":66,"rank":60,"group":67},88,"Feature Gate","feature-gate",{"id":68,"label":69,"slug":70},9,"Plans & Limits","plans-and-limits",[72,76,80,84,88,92],{"id":73,"title":74,"slug":75},284,"Modal","modal",{"id":77,"title":78,"slug":79},233,"Tabs","tabs",{"id":81,"title":82,"slug":83},260,"Badge","badge",{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},174,"Card","card",{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":47,"description":100,"canonical_path":4,"image":101,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":102,"component_categories":108,"app":114},"0017221f-e976-4b89-924e-5b8cdf790fd6","Signup modal where the user registers with a username, email address, and password over a public roadmap board.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0017221f-e976-4b89-924e-5b8cdf790fd6.png",[103],{"id":104,"label":105,"slug":106,"rank":58,"group":107},6,"Verification","verification",{"id":60,"label":61,"slug":62},[109,110,111,112,113],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":115},[],{"uuid":117,"title":47,"description":118,"canonical_path":4,"image":119,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":120,"component_categories":134,"app":140},"caa79b0d-ebcb-474b-9031-fe754ef8f4f8","Sign-in modal overlaying a public product roadmap board, prompting the user for their email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcaa79b0d-ebcb-474b-9031-fe754ef8f4f8.png",[121,126],{"id":122,"label":123,"slug":124,"rank":58,"group":125},4,"Sign In","sign-in",{"id":60,"label":61,"slug":62},{"id":127,"label":128,"slug":129,"rank":60,"group":130},114,"Confirmation","confirmation",{"id":131,"label":132,"slug":133},12,"States & Feedback","states-and-feedback",[135,136,137,138,139],{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":47,"description":144,"canonical_path":4,"image":145,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":146,"component_categories":168,"app":174},"54cdf380-feb6-4282-808c-f0416f4a4d5a","Public roadmap list view where users can view planned features, filter by status, and sort posts by popularity or recency.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54cdf380-feb6-4282-808c-f0416f4a4d5a.png",[147,155,160],{"id":148,"label":149,"slug":150,"rank":58,"group":151},13,"Filter & Sort","filter-and-sort",{"id":152,"label":153,"slug":154},2,"Actions","actions",{"id":156,"label":157,"slug":158,"rank":60,"group":159},117,"Feedback","feedback",{"id":131,"label":132,"slug":133},{"id":161,"label":162,"slug":163,"rank":152,"group":164},79,"Browse","browse",{"id":165,"label":166,"slug":167},8,"Pages & Content","pages-and-content",[169,170,171,172,173],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":49,"height":181,"image_alt":182,"kind":52,"patterns":183,"component_categories":201,"app":216},"0a7bb3d0-db49-428c-af5f-a3009e31f75e","Fiberplane - Collaborative Notebooks for debugging your infrastru","Blog index page featuring a highlighted latest post and a two-column grid of past articles covering product launches, engineering tutorials, and company news.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0a7bb3d0-db49-428c-af5f-a3009e31f75e.png",17456,"Fiberplane - Collaborative Notebooks for debugging your infrastru from Fiberplane",[184,186,194],{"id":161,"label":162,"slug":163,"rank":58,"group":185},{"id":165,"label":166,"slug":167},{"id":187,"label":188,"slug":189,"rank":60,"group":190},78,"Article","article",{"id":191,"label":192,"slug":193},15,"Marketing Page Types","marketing-page-types",{"id":195,"label":196,"slug":197,"rank":152,"group":198},65,"Navigation Menu","navigation-menu",{"id":104,"label":199,"slug":200},"Navigation & Commands","navigation-and-commands",[202,206,207,211,215],{"id":203,"title":204,"slug":205},169,"Avatar","avatar",{"id":89,"title":90,"slug":91},{"id":208,"title":209,"slug":210},202,"Footer","footer",{"id":212,"title":213,"slug":214},258,"Header","header",{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":4,"image":222,"width":49,"height":223,"image_alt":224,"kind":52,"patterns":225,"component_categories":228,"app":234},"703a3277-01ea-4dc8-a993-75a60184db30","How to easily debug API Call Issues using Incident Templates - Bl","Article page where the user reads a guide on debugging API calls using incident templates, followed by a newsletter signup and related articles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F703a3277-01ea-4dc8-a993-75a60184db30.png",14634,"How to easily debug API Call Issues using Incident Templates - Bl from Fiberplane",[226],{"id":187,"label":188,"slug":189,"rank":58,"group":227},{"id":191,"label":192,"slug":193},[229,230,231,232,233],{"id":203,"title":204,"slug":205},{"id":89,"title":90,"slug":91},{"id":208,"title":209,"slug":210},{"id":212,"title":213,"slug":214},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":235},[],{"uuid":237,"title":178,"description":238,"canonical_path":4,"image":239,"width":49,"height":240,"image_alt":182,"kind":52,"patterns":241,"component_categories":249,"app":254},"874e1ea4-3f77-413c-81de-baf893c3eaa6","Pricing page announcing that the product is currently free for all users while soliciting feedback for future pricing plans.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F874e1ea4-3f77-413c-81de-baf893c3eaa6.png",2136,[242,247],{"id":243,"label":244,"slug":245,"rank":58,"group":246},89,"Pricing","pricing",{"id":68,"label":69,"slug":70},{"id":156,"label":157,"slug":158,"rank":60,"group":248},{"id":131,"label":132,"slug":133},[250,251,252,253],{"id":81,"title":82,"slug":83},{"id":208,"title":209,"slug":210},{"id":212,"title":213,"slug":214},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":255},[],{"uuid":257,"title":258,"description":259,"canonical_path":4,"image":260,"width":49,"height":261,"image_alt":262,"kind":52,"patterns":263,"component_categories":266,"app":270},"2d2b11ea-ea80-48bb-9730-2948e87d14d3","Fiberplane - Careers","Careers page where the user can view upcoming roles, learn about company principles and benefits, and subscribe to a newsletter for future job openings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2d2b11ea-ea80-48bb-9730-2948e87d14d3.png",14180,"Fiberplane - Careers from Fiberplane",[264],{"id":161,"label":162,"slug":163,"rank":58,"group":265},{"id":165,"label":166,"slug":167},[267,268,269],{"id":208,"title":209,"slug":210},{"id":212,"title":213,"slug":214},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":271},[],{"uuid":273,"title":274,"description":275,"canonical_path":4,"image":276,"width":49,"height":277,"image_alt":278,"kind":52,"patterns":279,"component_categories":289,"app":295},"8e411528-73c4-4141-b5cf-df24df325537","Fiberplane - Customer Experience Specialist","Careers page detailing the Customer Experience Specialist role, including responsibilities, requirements, benefits, and the application process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8e411528-73c4-4141-b5cf-df24df325537.png",5184,"Fiberplane - Customer Experience Specialist from Fiberplane",[280,282,284],{"id":161,"label":162,"slug":163,"rank":58,"group":281},{"id":165,"label":166,"slug":167},{"id":187,"label":188,"slug":189,"rank":60,"group":283},{"id":191,"label":192,"slug":193},{"id":285,"label":286,"slug":287,"rank":152,"group":288},81,"Home","home",{"id":165,"label":166,"slug":167},[290,291,292,293,294],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":208,"title":209,"slug":210},{"id":212,"title":213,"slug":214},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":296},[],{"uuid":298,"title":178,"description":299,"canonical_path":4,"image":300,"width":49,"height":301,"image_alt":182,"kind":52,"patterns":302,"component_categories":310,"app":315},"577df647-7166-43c5-ac46-75d6d9c5bdcd","Privacy policy page detailing how the company collects, uses, and shares user personal information, including specific sections for GDPR and CCPA compliance.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F577df647-7166-43c5-ac46-75d6d9c5bdcd.png",24640,[303,305],{"id":187,"label":188,"slug":189,"rank":58,"group":304},{"id":191,"label":192,"slug":193},{"id":306,"label":307,"slug":308,"rank":60,"group":309},119,"Info","info",{"id":131,"label":132,"slug":133},[311,312,313,314],{"id":85,"title":86,"slug":87},{"id":208,"title":209,"slug":210},{"id":212,"title":213,"slug":214},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":316},[],{"uuid":318,"title":319,"description":320,"canonical_path":4,"image":321,"width":49,"height":322,"image_alt":323,"kind":52,"patterns":324,"component_categories":331,"app":335},"66ee8e3e-6208-4874-ad9d-1276d7c65be4","Changelog","Changelog page listing recent product updates, new features like a PagerDuty integration, and bug fixes in a vertical timeline format.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66ee8e3e-6208-4874-ad9d-1276d7c65be4.png",10304,"Changelog from Fiberplane",[325],{"id":41,"label":326,"slug":327,"rank":58,"group":328},"Timeline","timeline",{"id":122,"label":329,"slug":330},"Data & Analysis","data-and-analysis",[332,333,334],{"id":81,"title":82,"slug":83},{"id":212,"title":213,"slug":214},{"id":93,"title":94,"slug":95},{"slug":31,"title":30,"logo":33,"categories":336},[],{"uuid":338,"title":319,"description":339,"canonical_path":4,"image":340,"width":49,"height":50,"image_alt":323,"kind":52,"patterns":341,"component_categories":352,"app":354},"3cc45b06-2a1f-4c2c-95ca-11815297d7a7","Changelog page where the user searches for past updates and release notes using a quick-search command palette.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3cc45b06-2a1f-4c2c-95ca-11815297d7a7.png",[342,347],{"id":343,"label":344,"slug":345,"rank":58,"group":346},63,"Command Palette","command-palette",{"id":104,"label":199,"slug":200},{"id":348,"label":349,"slug":350,"rank":60,"group":351},22,"Search","search",{"id":152,"label":153,"slug":154},[353],{"id":212,"title":213,"slug":214},{"slug":31,"title":30,"logo":33,"categories":355},[],[],[358,360,362,364,366,368,370,372,374,376,378,380,382,385,388,391,394,397,399,403,407,411],{"label":162,"to":359},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":157,"to":361},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":344,"to":363},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":128,"to":365},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":65,"to":367},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":149,"to":369},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":286,"to":371},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":307,"to":373},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":196,"to":375},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":244,"to":377},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":349,"to":379},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":123,"to":381},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":383,"to":384},"Fiberplane marketing pages","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fmarketing",{"label":386,"to":387},"Fiberplane user flows","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fflows",{"label":389,"to":390},"Fiberplane UI components","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fcomponents",{"label":392,"to":393},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":395,"to":396},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":398,"to":18},"All SaaS app examples",{"label":400,"to":401,"description":402},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":404,"to":405,"description":406},"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":408,"to":409,"description":410},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":412,"to":413,"description":414},"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":416,"updated_at":417},"2023-01-18T14:05:17.000Z","2026-09-13T13:02:39.000Z"]