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