[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffiberplane":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":374,"dates":408},"\u002Fexamples\u002Fapps\u002Ffiberplane","detail","apps",true,{"title":9,"description":10,"og_image":11},"Fiberplane design examples - Nicelydone","Explore Fiberplane UI design examples. Collaborative Notebooks for debugging your infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55e453f0-4ab1-4c73-a645-7d5b117229f0.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Fiberplane design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Fiberplane",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fscreens",{"label":31,"to":32},"UI components","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fcomponents",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":39,"categories":43},"Fiberplane","fiberplane","Collaborative Notebooks for debugging your infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffiberplane-a5be02b8.png","https:\u002F\u002Ffiberplane.com",[44,48],{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",[],[54,368,371],{"family":55,"examples":56},"screens",[57,110,128,154,188,230,248,268,284,309,329,349],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":83,"app":108},"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",[66,75],{"id":67,"label":68,"slug":69,"rank":70,"group":71},5,"Sign Up","sign-up",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",{"id":76,"label":77,"slug":78,"rank":72,"group":79},88,"Feature Gate","feature-gate",{"id":80,"label":81,"slug":82},9,"Plans & Limits","plans-and-limits",[84,88,92,96,100,104],{"id":85,"title":86,"slug":87},284,"Modal","modal",{"id":89,"title":90,"slug":91},233,"Tabs","tabs",{"id":93,"title":94,"slug":95},260,"Badge","badge",{"id":97,"title":98,"slug":99},240,"Horizontal navigation","horizontal-navigation",{"id":101,"title":102,"slug":103},174,"Card","card",{"id":105,"title":106,"slug":107},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":109},[],{"uuid":111,"title":59,"description":112,"canonical_path":29,"image":113,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":114,"component_categories":120,"app":126},"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",[115],{"id":116,"label":117,"slug":118,"rank":70,"group":119},6,"Verification","verification",{"id":72,"label":73,"slug":74},[121,122,123,124,125],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":127},[],{"uuid":129,"title":59,"description":130,"canonical_path":29,"image":131,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":132,"component_categories":146,"app":152},"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",[133,138],{"id":134,"label":135,"slug":136,"rank":70,"group":137},4,"Sign In","sign-in",{"id":72,"label":73,"slug":74},{"id":139,"label":140,"slug":141,"rank":72,"group":142},114,"Confirmation","confirmation",{"id":143,"label":144,"slug":145},12,"States & Feedback","states-and-feedback",[147,148,149,150,151],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":153},[],{"uuid":155,"title":59,"description":156,"canonical_path":29,"image":157,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":158,"component_categories":180,"app":186},"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",[159,167,172],{"id":160,"label":161,"slug":162,"rank":70,"group":163},13,"Filter & Sort","filter-and-sort",{"id":164,"label":165,"slug":166},2,"Actions","actions",{"id":168,"label":169,"slug":170,"rank":72,"group":171},117,"Feedback","feedback",{"id":143,"label":144,"slug":145},{"id":173,"label":174,"slug":175,"rank":164,"group":176},79,"Browse","browse",{"id":177,"label":178,"slug":179},8,"Pages & Content","pages-and-content",[181,182,183,184,185],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":29,"image":192,"width":61,"height":193,"image_alt":194,"kind":64,"patterns":195,"component_categories":213,"app":228},"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",[196,198,206],{"id":173,"label":174,"slug":175,"rank":70,"group":197},{"id":177,"label":178,"slug":179},{"id":199,"label":200,"slug":201,"rank":72,"group":202},78,"Article","article",{"id":203,"label":204,"slug":205},15,"Marketing Page Types","marketing-page-types",{"id":207,"label":208,"slug":209,"rank":164,"group":210},65,"Navigation Menu","navigation-menu",{"id":116,"label":211,"slug":212},"Navigation & Commands","navigation-and-commands",[214,218,219,223,227],{"id":215,"title":216,"slug":217},169,"Avatar","avatar",{"id":101,"title":102,"slug":103},{"id":220,"title":221,"slug":222},202,"Footer","footer",{"id":224,"title":225,"slug":226},258,"Header","header",{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":229},[],{"uuid":231,"title":232,"description":233,"canonical_path":29,"image":234,"width":61,"height":235,"image_alt":236,"kind":64,"patterns":237,"component_categories":240,"app":246},"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",[238],{"id":199,"label":200,"slug":201,"rank":70,"group":239},{"id":203,"label":204,"slug":205},[241,242,243,244,245],{"id":215,"title":216,"slug":217},{"id":101,"title":102,"slug":103},{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":247},[],{"uuid":249,"title":190,"description":250,"canonical_path":29,"image":251,"width":61,"height":252,"image_alt":194,"kind":64,"patterns":253,"component_categories":261,"app":266},"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,[254,259],{"id":255,"label":256,"slug":257,"rank":70,"group":258},89,"Pricing","pricing",{"id":80,"label":81,"slug":82},{"id":168,"label":169,"slug":170,"rank":72,"group":260},{"id":143,"label":144,"slug":145},[262,263,264,265],{"id":93,"title":94,"slug":95},{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":267},[],{"uuid":269,"title":270,"description":271,"canonical_path":29,"image":272,"width":61,"height":273,"image_alt":274,"kind":64,"patterns":275,"component_categories":278,"app":282},"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",[276],{"id":173,"label":174,"slug":175,"rank":70,"group":277},{"id":177,"label":178,"slug":179},[279,280,281],{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":29,"image":288,"width":61,"height":289,"image_alt":290,"kind":64,"patterns":291,"component_categories":301,"app":307},"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",[292,294,296],{"id":173,"label":174,"slug":175,"rank":70,"group":293},{"id":177,"label":178,"slug":179},{"id":199,"label":200,"slug":201,"rank":72,"group":295},{"id":203,"label":204,"slug":205},{"id":297,"label":298,"slug":299,"rank":164,"group":300},81,"Home","home",{"id":177,"label":178,"slug":179},[302,303,304,305,306],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":308},[],{"uuid":310,"title":190,"description":311,"canonical_path":29,"image":312,"width":61,"height":313,"image_alt":194,"kind":64,"patterns":314,"component_categories":322,"app":327},"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,[315,317],{"id":199,"label":200,"slug":201,"rank":70,"group":316},{"id":203,"label":204,"slug":205},{"id":318,"label":319,"slug":320,"rank":72,"group":321},119,"Info","info",{"id":143,"label":144,"slug":145},[323,324,325,326],{"id":97,"title":98,"slug":99},{"id":220,"title":221,"slug":222},{"id":224,"title":225,"slug":226},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":328},[],{"uuid":330,"title":331,"description":332,"canonical_path":29,"image":333,"width":61,"height":334,"image_alt":335,"kind":64,"patterns":336,"component_categories":343,"app":347},"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",[337],{"id":49,"label":338,"slug":339,"rank":70,"group":340},"Timeline","timeline",{"id":134,"label":341,"slug":342},"Data & Analysis","data-and-analysis",[344,345,346],{"id":93,"title":94,"slug":95},{"id":224,"title":225,"slug":226},{"id":105,"title":106,"slug":107},{"slug":39,"title":38,"logo":41,"categories":348},[],{"uuid":350,"title":331,"description":351,"canonical_path":29,"image":352,"width":61,"height":62,"image_alt":335,"kind":64,"patterns":353,"component_categories":364,"app":366},"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",[354,359],{"id":355,"label":356,"slug":357,"rank":70,"group":358},63,"Command Palette","command-palette",{"id":116,"label":211,"slug":212},{"id":360,"label":361,"slug":362,"rank":72,"group":363},22,"Search","search",{"id":164,"label":165,"slug":166},[365],{"id":224,"title":225,"slug":226},{"slug":39,"title":38,"logo":41,"categories":367},[],{"family":369,"examples":370},"components",[],{"family":372,"examples":373},"pages",[],[375,377,379,382,384,387,390,392,396,400,404],{"label":376,"to":29},"Fiberplane product screens",{"label":378,"to":35},"Fiberplane marketing pages",{"label":380,"to":381},"Fiberplane user flows","\u002Fexamples\u002Fapps\u002Ffiberplane\u002Fflows",{"label":383,"to":32},"Fiberplane UI components",{"label":385,"to":386},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":388,"to":389},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":391,"to":18},"All SaaS app examples",{"label":393,"to":394,"description":395},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":397,"to":398,"description":399},"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":401,"to":402,"description":403},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":405,"to":406,"description":407},"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":409,"updated_at":410},"2023-01-18T14:05:17.000Z","2026-09-13T13:02:39.000Z"]