[{"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":37,"examples":56,"showcases":57,"links":360,"dates":397},"\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":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Fable",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffable\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ffable\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Ffable\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Fable","fable","Stories for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffable-4e1382b0.png","https:\u002F\u002Ffable.co",[44,48,52],{"id":45,"title":46,"slug":47},1,"Communities","communities",{"id":49,"title":50,"slug":51},49,"Social Network","social-network",{"id":53,"title":54,"slug":55},66,"Reading apps","reading-apps",[],[58,354,357],{"family":59,"examples":60},"screens",[61,89,104,123,145,181,210,239,264,288,313,333],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":78,"app":87},"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",[70],{"id":71,"label":72,"slug":73,"rank":74,"group":75},2,"Forgot Password","forgot-password",0,{"id":45,"label":76,"slug":77},"Access & Account","access-and-account",[79,83],{"id":80,"title":81,"slug":82},284,"Modal","modal",{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":88},[],{"uuid":90,"title":63,"description":91,"canonical_path":29,"image":92,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":93,"component_categories":99,"app":102},"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",[94],{"id":95,"label":96,"slug":97,"rank":74,"group":98},5,"Sign Up","sign-up",{"id":45,"label":76,"slug":77},[100,101],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":103},[],{"uuid":105,"title":63,"description":106,"canonical_path":29,"image":107,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":108,"component_categories":118,"app":121},"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",[109,111],{"id":95,"label":96,"slug":97,"rank":74,"group":110},{"id":45,"label":76,"slug":77},{"id":112,"label":113,"slug":114,"rank":45,"group":115},7,"Add & Create","add-and-create",{"id":71,"label":116,"slug":117},"Actions","actions",[119,120],{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":122},[],{"uuid":124,"title":63,"description":125,"canonical_path":29,"image":126,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":127,"component_categories":136,"app":143},"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",[128],{"id":129,"label":130,"slug":131,"rank":74,"group":132},136,"Landing Page","landing-page",{"id":133,"label":134,"slug":135},15,"Marketing Page Types","marketing-page-types",[137,141,142],{"id":138,"title":139,"slug":140},258,"Header","header",{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":29,"image":149,"width":65,"height":150,"image_alt":151,"kind":68,"patterns":152,"component_categories":165,"app":179},"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",[153,161],{"id":154,"label":155,"slug":156,"rank":74,"group":157},3,"Profile","profile",{"id":158,"label":159,"slug":160},11,"Social & Collaboration","social-and-collaboration",{"id":158,"label":162,"slug":163,"rank":45,"group":164},"Edit","edit",{"id":71,"label":116,"slug":117},[166,170,174,178],{"id":167,"title":168,"slug":169},233,"Tabs","tabs",{"id":171,"title":172,"slug":173},240,"Horizontal navigation","horizontal-navigation",{"id":175,"title":176,"slug":177},169,"Avatar","avatar",{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":29,"image":185,"width":65,"height":186,"image_alt":187,"kind":68,"patterns":188,"component_categories":199,"app":208},"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",[189,191],{"id":154,"label":155,"slug":156,"rank":74,"group":190},{"id":158,"label":159,"slug":160},{"id":192,"label":193,"slug":194,"rank":45,"group":195},79,"Browse","browse",{"id":196,"label":197,"slug":198},8,"Pages & Content","pages-and-content",[200,201,205,206,207],{"id":167,"title":168,"slug":169},{"id":202,"title":203,"slug":204},174,"Card","card",{"id":171,"title":172,"slug":173},{"id":175,"title":176,"slug":177},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":209},[],{"uuid":211,"title":183,"description":212,"canonical_path":29,"image":213,"width":65,"height":214,"image_alt":187,"kind":68,"patterns":215,"component_categories":232,"app":237},"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,[216,218,226],{"id":154,"label":155,"slug":156,"rank":74,"group":217},{"id":158,"label":159,"slug":160},{"id":219,"label":220,"slug":221,"rank":45,"group":222},115,"Empty State","empty-state",{"id":223,"label":224,"slug":225},12,"States & Feedback","states-and-feedback",{"id":227,"label":168,"slug":169,"rank":71,"group":228},69,{"id":229,"label":230,"slug":231},6,"Navigation & Commands","navigation-and-commands",[233,234,235,236],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":175,"title":176,"slug":177},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":238},[],{"uuid":240,"title":183,"description":241,"canonical_path":29,"image":242,"width":65,"height":66,"image_alt":187,"kind":68,"patterns":243,"component_categories":256,"app":262},"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",[244,246,251],{"id":154,"label":155,"slug":156,"rank":74,"group":245},{"id":158,"label":159,"slug":160},{"id":247,"label":248,"slug":249,"rank":45,"group":250},24,"Share","share",{"id":71,"label":116,"slug":117},{"id":252,"label":253,"slug":254,"rank":71,"group":255},114,"Confirmation","confirmation",{"id":223,"label":224,"slug":225},[257,258,259,260,261],{"id":80,"title":81,"slug":82},{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":175,"title":176,"slug":177},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":263},[],{"uuid":265,"title":147,"description":266,"canonical_path":29,"image":267,"width":65,"height":66,"image_alt":151,"kind":68,"patterns":268,"component_categories":281,"app":286},"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",[269,271,273],{"id":154,"label":155,"slug":156,"rank":74,"group":270},{"id":158,"label":159,"slug":160},{"id":158,"label":162,"slug":163,"rank":45,"group":272},{"id":71,"label":116,"slug":117},{"id":274,"label":275,"slug":276,"rank":71,"group":277},94,"Account Settings","account-settings",{"id":278,"label":279,"slug":280},10,"Settings & Admin","settings-and-admin",[282,283,284,285],{"id":167,"title":168,"slug":169},{"id":171,"title":172,"slug":173},{"id":175,"title":176,"slug":177},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":287},[],{"uuid":289,"title":290,"description":291,"canonical_path":29,"image":292,"width":65,"height":293,"image_alt":294,"kind":68,"patterns":295,"component_categories":305,"app":311},"dc0fee59-49bf-4573-9841-a9b1aabb481b","Account Settings - Fable | Stories for everyone","Account settings page where the user can reset their password, manage saved credit cards, and view their subscription status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc0fee59-49bf-4573-9841-a9b1aabb481b.png",3746,"Account Settings - Fable | Stories for everyone from Fable",[296,298,303],{"id":274,"label":275,"slug":276,"rank":74,"group":297},{"id":278,"label":279,"slug":280},{"id":299,"label":300,"slug":301,"rank":45,"group":302},96,"Billing Settings","billing-settings",{"id":278,"label":279,"slug":280},{"id":71,"label":72,"slug":73,"rank":71,"group":304},{"id":45,"label":76,"slug":77},[306,307,308,309,310],{"id":167,"title":168,"slug":169},{"id":202,"title":203,"slug":204},{"id":171,"title":172,"slug":173},{"id":175,"title":176,"slug":177},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":312},[],{"uuid":314,"title":290,"description":315,"canonical_path":29,"image":316,"width":65,"height":66,"image_alt":294,"kind":68,"patterns":317,"component_categories":328,"app":331},"8570046a-dce0-4273-87d2-9bf7b43dec05","Settings page where the user adds a new credit card and billing address via a side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8570046a-dce0-4273-87d2-9bf7b43dec05.png",[318,326],{"id":319,"label":320,"slug":321,"rank":74,"group":322},131,"Payment Form","payment-form",{"id":323,"label":324,"slug":325},14,"Payments & Checkout","payments-and-checkout",{"id":274,"label":275,"slug":276,"rank":45,"group":327},{"id":278,"label":279,"slug":280},[329,330],{"id":202,"title":203,"slug":204},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":332},[],{"uuid":334,"title":290,"description":335,"canonical_path":29,"image":336,"width":65,"height":66,"image_alt":294,"kind":68,"patterns":337,"component_categories":347,"app":352},"d21fa0b6-b7e2-4ca4-a444-b3a7bf4748f2","Account settings page where a modal confirms that a password reset email has been sent to the user's address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd21fa0b6-b7e2-4ca4-a444-b3a7bf4748f2.png",[338,340,342],{"id":252,"label":253,"slug":254,"rank":74,"group":339},{"id":223,"label":224,"slug":225},{"id":274,"label":275,"slug":276,"rank":45,"group":341},{"id":278,"label":279,"slug":280},{"id":343,"label":344,"slug":345,"rank":71,"group":346},122,"Success","success",{"id":223,"label":224,"slug":225},[348,349,350,351],{"id":80,"title":81,"slug":82},{"id":202,"title":203,"slug":204},{"id":171,"title":172,"slug":173},{"id":84,"title":85,"slug":86},{"slug":39,"title":38,"logo":41,"categories":353},[],{"family":355,"examples":356},"flows",[],{"family":358,"examples":359},"pages",[],[361,363,365,367,370,373,376,379,381,385,389,393],{"label":362,"to":29},"Fable product screens",{"label":364,"to":35},"Fable marketing pages",{"label":366,"to":32},"Fable user flows",{"label":368,"to":369},"Fable UI components","\u002Fexamples\u002Fapps\u002Ffable\u002Fcomponents",{"label":371,"to":372},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":374,"to":375},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":377,"to":378},"Reading apps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freading-apps",{"label":380,"to":18},"All SaaS app examples",{"label":382,"to":383,"description":384},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":386,"to":387,"description":388},"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":390,"to":391,"description":392},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":394,"to":395,"description":396},"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":398,"updated_at":399},"2022-01-16T19:34:29.000Z","2026-09-13T13:02:39.000Z"]