[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffibery\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":325,"links":326,"dates":387},"\u002Fexamples\u002Fapps\u002Ffibery\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Fibery product screens examples - Nicelydone","Browse Fibery screen design examples. Preview the interface screenshots and explore related UI patterns. Build your own work & knowledge hub","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4dc23bed-f9a2-4da9-819a-26cc4ab699fe.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},"Fibery design examples","\u002Fexamples\u002Fapps\u002Ffibery",{"label":23,"to":4},"Fibery 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},"Fibery","fibery","Build your own work & knowledge hub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffibery-eb0f19ed.png","https:\u002F\u002Ffibery.io\u002F","https:\u002F\u002Ftwitter.com\u002Ffibery_io",[36,40,44],{"id":37,"title":38,"slug":39},22,"Knowledge Management","knowledge-management",{"id":41,"title":42,"slug":43},86,"Product management","product-management",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,74,93,110,123,156,175,201,234,263,283,306],{"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},"4dc23bed-f9a2-4da9-819a-26cc4ab699fe","Start for free, upgrade when you love it — Fibery","Signup screen where the user creates a Fibery account with Google, Microsoft, or email.",3024,1718,"Start for free, upgrade when you love it — Fibery from Fibery","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":85,"app":91},"ca44957f-c1e8-4813-bcea-0653c9405eee","Signup screen where the user creates a Fibery account with Google, Microsoft, or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fca44957f-c1e8-4813-bcea-0653c9405eee.png",[79,81],{"id":59,"label":60,"slug":61,"rank":62,"group":80},{"id":64,"label":65,"slug":66},{"id":64,"label":82,"slug":83,"rank":64,"group":84},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[86,90],{"id":87,"title":88,"slug":89},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":53,"height":54,"image_alt":98,"kind":56,"patterns":99,"component_categories":105,"app":108},"1462d193-2e91-41df-982f-52f8a921bd3c","Verify your email address — Fibery — Fibery","Email verification screen instructing the user to confirm their address by clicking the link sent to products@nicelydone.club.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1462d193-2e91-41df-982f-52f8a921bd3c.png","Verify your email address — Fibery — Fibery from Fibery",[100],{"id":101,"label":102,"slug":103,"rank":62,"group":104},6,"Verification","verification",{"id":64,"label":65,"slug":66},[106,107],{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":53,"height":54,"image_alt":115,"kind":56,"patterns":116,"component_categories":119,"app":121},"1985c50e-0e7e-4073-bad5-bb64a68185e2","Create workspace — Fibery — Fibery","Onboarding form where the user sets up their first Fibery workspace by entering a company name, picking team size, and choosing a use case like Product Management, Digital Agency, or Startup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1985c50e-0e7e-4073-bad5-bb64a68185e2.png","Create workspace — Fibery — Fibery from Fibery",[117],{"id":64,"label":82,"slug":83,"rank":62,"group":118},{"id":64,"label":65,"slug":66},[120],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":112,"description":125,"canonical_path":4,"image":126,"width":53,"height":54,"image_alt":115,"kind":56,"patterns":127,"component_categories":144,"app":154},"3bc73e17-c448-438f-80c0-0b1950e7df94","Onboarding step where the user names a new Fibery workspace, picks team size, and selects a use case like Product Management, Digital Agency, Startup, or User Research.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3bc73e17-c448-438f-80c0-0b1950e7df94.png",[128,130,138],{"id":64,"label":82,"slug":83,"rank":62,"group":129},{"id":64,"label":65,"slug":66},{"id":131,"label":132,"slug":133,"rank":64,"group":134},75,"Setup Wizard","setup-wizard",{"id":135,"label":136,"slug":137},7,"Onboarding & Education","onboarding-and-education",{"id":139,"label":140,"slug":141,"rank":142,"group":143},77,"Welcome","welcome",2,{"id":135,"label":136,"slug":137},[145,149,153],{"id":146,"title":147,"slug":148},277,"Button group","button-group",{"id":150,"title":151,"slug":152},174,"Card","card",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":112,"description":158,"canonical_path":4,"image":159,"width":53,"height":54,"image_alt":115,"kind":56,"patterns":160,"component_categories":171,"app":173},"6b8b8ada-9385-4205-8aa4-ba9e1462c26c","Post-signup loading screen where the user waits around 20 seconds while their Fibery workspace is being provisioned.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6b8b8ada-9385-4205-8aa4-ba9e1462c26c.png",[161,169],{"id":162,"label":163,"slug":164,"rank":62,"group":165},120,"Loading","loading",{"id":166,"label":167,"slug":168},12,"States & Feedback","states-and-feedback",{"id":64,"label":82,"slug":83,"rank":64,"group":170},{"id":64,"label":65,"slug":66},[172],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":53,"height":54,"image_alt":180,"kind":56,"patterns":181,"component_categories":192,"app":199},"1349c6d2-67bc-42ba-b65b-7ba17e3346dd","Start here | Fibery","In-app getting-started note that points new users to the external Fibery User Guide and a linked Product Team template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1349c6d2-67bc-42ba-b65b-7ba17e3346dd.png","Start here | Fibery from Fibery",[182,187],{"id":183,"label":184,"slug":185,"rank":62,"group":186},72,"Getting Started","getting-started",{"id":135,"label":136,"slug":137},{"id":188,"label":189,"slug":190,"rank":64,"group":191},118,"Help","help",{"id":166,"label":167,"slug":168},[193,197,198],{"id":194,"title":195,"slug":196},177,"Breadcrumb","breadcrumb",{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":200},[],{"uuid":202,"title":177,"description":203,"canonical_path":4,"image":204,"width":53,"height":54,"image_alt":180,"kind":56,"patterns":205,"component_categories":228,"app":232},"d65ca876-a151-4d0b-8532-2e4ab9cf3f1e","Document editor where the user invokes the AI slash menu to transform the page with commands like improve clarity, continue writing, fix spelling, and outline to blog post.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd65ca876-a151-4d0b-8532-2e4ab9cf3f1e.png",[206,214,216,223],{"id":207,"label":208,"slug":209,"rank":62,"group":210},27,"AI Assistant","ai-assistant",{"id":211,"label":212,"slug":213},3,"AI","ai",{"id":183,"label":184,"slug":185,"rank":64,"group":215},{"id":135,"label":136,"slug":137},{"id":217,"label":218,"slug":219,"rank":142,"group":220},63,"Command Palette","command-palette",{"id":101,"label":221,"slug":222},"Navigation & Commands","navigation-and-commands",{"id":224,"label":225,"slug":226,"rank":211,"group":227},29,"AI Editing","ai-editing",{"id":211,"label":212,"slug":213},[229,230,231],{"id":194,"title":195,"slug":196},{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":177,"description":236,"canonical_path":4,"image":237,"width":53,"height":54,"image_alt":180,"kind":56,"patterns":238,"component_categories":253,"app":261},"37b91f67-f4d3-40ca-ad5d-28506e0b5639","Workspace doc detail where the user reads a \"Start here\" onboarding note linking to a Product Team template, with an AI assistant open on the right to improve text for clarity.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37b91f67-f4d3-40ca-ad5d-28506e0b5639.png",[239,241,243,251],{"id":183,"label":184,"slug":185,"rank":62,"group":240},{"id":135,"label":136,"slug":137},{"id":207,"label":208,"slug":209,"rank":64,"group":242},{"id":211,"label":212,"slug":213},{"id":244,"label":245,"slug":246,"rank":142,"group":247},78,"Article","article",{"id":248,"label":249,"slug":250},15,"Marketing Page Types","marketing-page-types",{"id":224,"label":225,"slug":226,"rank":211,"group":252},{"id":211,"label":212,"slug":213},[254,258,259,260],{"id":255,"title":256,"slug":257},169,"Avatar","avatar",{"id":194,"title":195,"slug":196},{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":262},[],{"uuid":264,"title":177,"description":265,"canonical_path":4,"image":266,"width":53,"height":54,"image_alt":180,"kind":56,"patterns":267,"component_categories":276,"app":281},"1f2d78c5-f519-4803-b93d-dd26302a825b","Getting-started document in a no-code workspace where the user reads a Start here note linking to a Product Team template while an Ask AI side panel assists with rewriting copy.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f2d78c5-f519-4803-b93d-dd26302a825b.png",[268,270,272,274],{"id":183,"label":184,"slug":185,"rank":62,"group":269},{"id":135,"label":136,"slug":137},{"id":207,"label":208,"slug":209,"rank":64,"group":271},{"id":211,"label":212,"slug":213},{"id":244,"label":245,"slug":246,"rank":142,"group":273},{"id":248,"label":249,"slug":250},{"id":224,"label":225,"slug":226,"rank":211,"group":275},{"id":211,"label":212,"slug":213},[277,278,279,280],{"id":255,"title":256,"slug":257},{"id":194,"title":195,"slug":196},{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":282},[],{"uuid":284,"title":177,"description":285,"canonical_path":4,"image":286,"width":53,"height":54,"image_alt":180,"kind":56,"patterns":287,"component_categories":299,"app":304},"35e04e1c-5241-474e-87dc-adacfe610244","Document detail view where the user reads a \"Start here\" getting-started article linking to the Fibery User Guide while an AI assistant is mid-response on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F35e04e1c-5241-474e-87dc-adacfe610244.png",[288,290,292,297],{"id":244,"label":245,"slug":246,"rank":62,"group":289},{"id":248,"label":249,"slug":250},{"id":207,"label":208,"slug":209,"rank":64,"group":291},{"id":211,"label":212,"slug":213},{"id":293,"label":294,"slug":295,"rank":142,"group":296},28,"AI Chat","ai-chat",{"id":211,"label":212,"slug":213},{"id":183,"label":184,"slug":185,"rank":211,"group":298},{"id":135,"label":136,"slug":137},[300,301,302,303],{"id":255,"title":256,"slug":257},{"id":194,"title":195,"slug":196},{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":305},[],{"uuid":307,"title":177,"description":308,"canonical_path":4,"image":309,"width":53,"height":54,"image_alt":180,"kind":56,"patterns":310,"component_categories":319,"app":323},"dca42598-6565-4127-8234-2af1d09f1246","Block-based wiki page where the user reads a short \"Start here\" onboarding doc linking to a Product Team template while an AI sidebar holds a conversation improving and finding documentation text.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdca42598-6565-4127-8234-2af1d09f1246.png",[311,313,315,317],{"id":183,"label":184,"slug":185,"rank":62,"group":312},{"id":135,"label":136,"slug":137},{"id":207,"label":208,"slug":209,"rank":64,"group":314},{"id":211,"label":212,"slug":213},{"id":244,"label":245,"slug":246,"rank":142,"group":316},{"id":248,"label":249,"slug":250},{"id":224,"label":225,"slug":226,"rank":211,"group":318},{"id":211,"label":212,"slug":213},[320,321,322],{"id":255,"title":256,"slug":257},{"id":87,"title":88,"slug":89},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":324},[],[],[327,329,331,333,335,337,339,341,343,345,347,349,351,354,357,360,363,366,369,371,375,379,383],{"label":184,"to":328},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":208,"to":330},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":82,"to":332},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":225,"to":334},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":60,"to":336},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":294,"to":338},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":218,"to":340},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":189,"to":342},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":163,"to":344},"\u002Fexamples\u002Fscreens\u002Floading",{"label":132,"to":346},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":102,"to":348},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":140,"to":350},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":352,"to":353},"Fibery marketing pages","\u002Fexamples\u002Fapps\u002Ffibery\u002Fmarketing",{"label":355,"to":356},"Fibery user flows","\u002Fexamples\u002Fapps\u002Ffibery\u002Fflows",{"label":358,"to":359},"Fibery UI components","\u002Fexamples\u002Fapps\u002Ffibery\u002Fcomponents",{"label":361,"to":362},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":364,"to":365},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":367,"to":368},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":370,"to":18},"All SaaS app examples",{"label":372,"to":373,"description":374},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":376,"to":377,"description":378},"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":380,"to":381,"description":382},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":384,"to":385,"description":386},"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":388,"updated_at":389},"2023-11-29T11:01:37.000Z","2026-09-13T13:02:39.000Z"]