[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffable\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":319,"links":320,"dates":379},"\u002Fexamples\u002Fapps\u002Ffable\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Fable product screens examples - Nicelydone","Browse Fable screen design examples. Preview the interface screenshots and explore related UI patterns. Stories for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55cfd0dd-1b77-478e-b11d-ee60d4d95e23.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},"Fable design examples","\u002Fexamples\u002Fapps\u002Ffable",{"label":23,"to":4},"Fable 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,"categories":34},"Fable","fable","Stories for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffable-4e1382b0.png","https:\u002F\u002Ffable.co",[35,39,43],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":40,"title":41,"slug":42},49,"Social Network","social-network",{"id":44,"title":45,"slug":46},66,"Reading apps","reading-apps",[48,76,91,110,132,147,180,209,238,263,279,303],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":65,"app":74},"55cfd0dd-1b77-478e-b11d-ee60d4d95e23","A Modern Day Book Club App for Social Reading | Fable","Sign-in screen where the user authenticates with email and password, or via Google and Apple single sign-on.",3072,1716,"A Modern Day Book Club App for Social Reading | Fable from Fable","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},2,"Forgot Password","forgot-password",0,{"id":36,"label":63,"slug":64},"Access & Account","access-and-account",[66,70],{"id":67,"title":68,"slug":69},284,"Modal","modal",{"id":71,"title":72,"slug":73},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":80,"component_categories":86,"app":89},"166a141d-d029-40fe-accc-8e37d00aabc9","Signup modal where the user creates an account using email and password or authenticates via Google or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F166a141d-d029-40fe-accc-8e37d00aabc9.png",[81],{"id":82,"label":83,"slug":84,"rank":61,"group":85},5,"Sign Up","sign-up",{"id":36,"label":63,"slug":64},[87,88],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":50,"description":93,"canonical_path":4,"image":94,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":95,"component_categories":105,"app":108},"e46e18b0-8dfe-47a0-9ae2-779dc8087ed2","Signup screen where the user creates a free account by providing their name, email, and password, or by authenticating with Google or Apple.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe46e18b0-8dfe-47a0-9ae2-779dc8087ed2.png",[96,98],{"id":82,"label":83,"slug":84,"rank":61,"group":97},{"id":36,"label":63,"slug":64},{"id":99,"label":100,"slug":101,"rank":36,"group":102},7,"Add & Create","add-and-create",{"id":58,"label":103,"slug":104},"Actions","actions",[106,107],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":109},[],{"uuid":111,"title":50,"description":112,"canonical_path":4,"image":113,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":114,"component_categories":123,"app":130},"e15f3d88-9064-4a38-aa79-0868635e119b","Landing page where a central modal overlay is actively loading content over an illustrated background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe15f3d88-9064-4a38-aa79-0868635e119b.png",[115],{"id":116,"label":117,"slug":118,"rank":61,"group":119},136,"Landing Page","landing-page",{"id":120,"label":121,"slug":122},15,"Marketing Page Types","marketing-page-types",[124,128,129],{"id":125,"title":126,"slug":127},258,"Header","header",{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":50,"description":134,"canonical_path":4,"image":135,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":136,"component_categories":139,"app":145},"70fd4438-b37c-4469-84f7-ba368e918e3a","Landing page where the user can download the app or access profile and account settings via an open user menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F70fd4438-b37c-4469-84f7-ba368e918e3a.png",[137],{"id":116,"label":117,"slug":118,"rank":61,"group":138},{"id":120,"label":121,"slug":122},[140,141],{"id":125,"title":126,"slug":127},{"id":142,"title":143,"slug":144},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":52,"height":152,"image_alt":153,"kind":55,"patterns":154,"component_categories":167,"app":178},"f117e371-a127-451f-9dd2-c5b0d209632d","Your Profile - Fable | Stories for everyone","Settings page where the user views their profile details, follower counts, and can navigate to edit their public profile or account settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff117e371-a127-451f-9dd2-c5b0d209632d.png",2768,"Your Profile - Fable | Stories for everyone from Fable",[155,163],{"id":156,"label":157,"slug":158,"rank":61,"group":159},3,"Profile","profile",{"id":160,"label":161,"slug":162},11,"Social & Collaboration","social-and-collaboration",{"id":160,"label":164,"slug":165,"rank":36,"group":166},"Edit","edit",{"id":58,"label":103,"slug":104},[168,172,176,177],{"id":169,"title":170,"slug":171},240,"Horizontal navigation","horizontal-navigation",{"id":173,"title":174,"slug":175},233,"Tabs","tabs",{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":4,"image":184,"width":52,"height":185,"image_alt":186,"kind":55,"patterns":187,"component_categories":198,"app":207},"4baf837d-12c1-47c2-aa6d-8207ada28e37","Bertrand - Fable | Stories for everyone","Profile page where the user views their reading lists like 'Want to Read' and 'Finished', with options to edit their profile or share it.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4baf837d-12c1-47c2-aa6d-8207ada28e37.png",3298,"Bertrand - Fable | Stories for everyone from Fable",[188,190],{"id":156,"label":157,"slug":158,"rank":61,"group":189},{"id":160,"label":161,"slug":162},{"id":191,"label":192,"slug":193,"rank":36,"group":194},79,"Browse","browse",{"id":195,"label":196,"slug":197},8,"Pages & Content","pages-and-content",[199,203,204,205,206],{"id":200,"title":201,"slug":202},174,"Card","card",{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":182,"description":211,"canonical_path":4,"image":212,"width":52,"height":213,"image_alt":186,"kind":55,"patterns":214,"component_categories":231,"app":236},"837ba128-2bee-4087-bc9c-ef5895c38ac4","User profile page where the clubs tab shows an empty state prompting the user to discover book clubs to read together.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F837ba128-2bee-4087-bc9c-ef5895c38ac4.png",3698,[215,217,225],{"id":156,"label":157,"slug":158,"rank":61,"group":216},{"id":160,"label":161,"slug":162},{"id":218,"label":219,"slug":220,"rank":36,"group":221},115,"Empty State","empty-state",{"id":222,"label":223,"slug":224},12,"States & Feedback","states-and-feedback",{"id":226,"label":174,"slug":175,"rank":58,"group":227},69,{"id":228,"label":229,"slug":230},6,"Navigation & Commands","navigation-and-commands",[232,233,234,235],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":237},[],{"uuid":239,"title":182,"description":240,"canonical_path":4,"image":241,"width":52,"height":53,"image_alt":186,"kind":55,"patterns":242,"component_categories":255,"app":261},"9dcdad04-bfc1-4e77-b8dd-d9a5fd253c5b","User profile page where a modal is open to share the profile via Facebook, Twitter, email, or by copying a link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9dcdad04-bfc1-4e77-b8dd-d9a5fd253c5b.png",[243,245,250],{"id":156,"label":157,"slug":158,"rank":61,"group":244},{"id":160,"label":161,"slug":162},{"id":246,"label":247,"slug":248,"rank":36,"group":249},24,"Share","share",{"id":58,"label":103,"slug":104},{"id":251,"label":252,"slug":253,"rank":58,"group":254},114,"Confirmation","confirmation",{"id":222,"label":223,"slug":224},[256,257,258,259,260],{"id":67,"title":68,"slug":69},{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":262},[],{"uuid":264,"title":149,"description":265,"canonical_path":4,"image":266,"width":52,"height":53,"image_alt":153,"kind":55,"patterns":267,"component_categories":272,"app":277},"3e2c310f-dc1e-4f72-ad6d-6f6fc6117834","Profile settings page where the user edits their display name, pronouns, and bio in a side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3e2c310f-dc1e-4f72-ad6d-6f6fc6117834.png",[268,270],{"id":156,"label":157,"slug":158,"rank":61,"group":269},{"id":160,"label":161,"slug":162},{"id":160,"label":164,"slug":165,"rank":36,"group":271},{"id":58,"label":103,"slug":104},[273,274,275,276],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":278},[],{"uuid":280,"title":149,"description":281,"canonical_path":4,"image":282,"width":52,"height":53,"image_alt":153,"kind":55,"patterns":283,"component_categories":296,"app":301},"643e6214-7c7a-4015-aa32-24e5137e5ccf","Settings drawer where the user updates their display name, pronouns, bio, and profile privacy.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F643e6214-7c7a-4015-aa32-24e5137e5ccf.png",[284,286,288],{"id":156,"label":157,"slug":158,"rank":61,"group":285},{"id":160,"label":161,"slug":162},{"id":160,"label":164,"slug":165,"rank":36,"group":287},{"id":58,"label":103,"slug":104},{"id":289,"label":290,"slug":291,"rank":58,"group":292},94,"Account Settings","account-settings",{"id":293,"label":294,"slug":295},10,"Settings & Admin","settings-and-admin",[297,298,299,300],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":302},[],{"uuid":304,"title":149,"description":305,"canonical_path":4,"image":306,"width":52,"height":53,"image_alt":153,"kind":55,"patterns":307,"component_categories":312,"app":317},"ded12697-d5b4-4e63-be74-f37c62aa041c","Settings drawer where the user updates their display name, pronouns, bio, and profile privacy visibility.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fded12697-d5b4-4e63-be74-f37c62aa041c.png",[308,310],{"id":156,"label":157,"slug":158,"rank":61,"group":309},{"id":160,"label":161,"slug":162},{"id":160,"label":164,"slug":165,"rank":36,"group":311},{"id":58,"label":103,"slug":104},[313,314,315,316],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":142,"title":143,"slug":144},{"id":71,"title":72,"slug":73},{"slug":30,"title":29,"logo":32,"categories":318},[],[],[321,323,325,327,329,331,333,335,337,339,341,343,346,349,352,355,358,361,363,367,371,375],{"label":157,"to":322},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":164,"to":324},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":83,"to":326},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":290,"to":328},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":100,"to":330},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":192,"to":332},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":252,"to":334},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":219,"to":336},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":59,"to":338},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":247,"to":340},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":174,"to":342},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":344,"to":345},"Fable marketing pages","\u002Fexamples\u002Fapps\u002Ffable\u002Fmarketing",{"label":347,"to":348},"Fable user flows","\u002Fexamples\u002Fapps\u002Ffable\u002Fflows",{"label":350,"to":351},"Fable UI components","\u002Fexamples\u002Fapps\u002Ffable\u002Fcomponents",{"label":353,"to":354},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":356,"to":357},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":359,"to":360},"Reading apps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freading-apps",{"label":362,"to":18},"All SaaS app examples",{"label":364,"to":365,"description":366},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":368,"to":369,"description":370},"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":372,"to":373,"description":374},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":376,"to":377,"description":378},"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":380,"updated_at":381},"2022-01-16T19:34:36.000Z","2026-09-13T13:02:39.000Z"]