[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffancy\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":372,"links":373,"dates":434},"\u002Fexamples\u002Fapps\u002Ffancy\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Fancy product screens examples - Nicelydone","Browse Fancy screen design examples. Preview the interface screenshots and explore related UI patterns. Discover and buy amazing things","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_sign-up_a4fe201d_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Fancy design examples","\u002Fexamples\u002Fapps\u002Ffancy",{"label":23,"to":4},"Fancy 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},"Fancy","fancy","Discover and buy amazing things","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffancy-812372a4.png","https:\u002F\u002Ffancy.com",[35,39,43],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":40,"title":41,"slug":42},3,"Shopping","shopping",{"id":44,"title":45,"slug":46},14,"Social","social",[48,88,98,150,185,224,251,274,301,322,349],{"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":86},"d6d6f77d-3a32-4622-858e-c5e950110951","Sign up","Signup modal offering social login and email registration over a product discovery feed.",2800,1544,"Sign up from Fancy","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},5,"Sign Up","sign-up",0,{"id":36,"label":63,"slug":64},"Access & Account","access-and-account",[66,70,74,78,82],{"id":67,"title":68,"slug":69},284,"Modal","modal",{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},174,"Card","card",{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":52,"height":53,"image_alt":93,"kind":55,"patterns":94,"component_categories":95,"app":96},"076dedec-36ce-4828-aeb8-243a6c6df224","Onboarding","E-commerce Modal screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_onboarding-2_e35f4b88_nicelydone.jpg","Onboarding from Fancy",[],[],{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":52,"height":103,"image_alt":104,"kind":55,"patterns":105,"component_categories":143,"app":148},"7e2cf5e9-7ae1-4532-9e7a-9b0bd0894f97","Home","App home feed displaying a curated list of products with options to fancy or buy, alongside a sidebar featuring popular items, stores to follow, and collections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_home_9b211b95_nicelydone.jpg",8776,"Home from Fancy",[106,113,118,126,134],{"id":107,"label":100,"slug":108,"rank":61,"group":109},81,"home",{"id":110,"label":111,"slug":112},8,"Pages & Content","pages-and-content",{"id":114,"label":115,"slug":116,"rank":36,"group":117},79,"Browse","browse",{"id":110,"label":111,"slug":112},{"id":119,"label":120,"slug":121,"rank":122,"group":123},22,"Search","search",2,{"id":122,"label":124,"slug":125},"Actions","actions",{"id":127,"label":128,"slug":129,"rank":40,"group":130},113,"Social Feed","social-feed",{"id":131,"label":132,"slug":133},11,"Social & Collaboration","social-and-collaboration",{"id":135,"label":136,"slug":137,"rank":138,"group":139},114,"Confirmation","confirmation",4,{"id":140,"label":141,"slug":142},12,"States & Feedback","states-and-feedback",[144,145,146,147],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":52,"height":53,"image_alt":155,"kind":55,"patterns":156,"component_categories":175,"app":183},"fad89399-d559-48c9-92e8-c5408c3e78ef","Invite friends","Settings page where the user can invite friends via social networks or email to earn referral credits, and view their unique referral link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_invite-friends_13e6f84e_nicelydone.jpg","Invite friends from Fancy",[157,162,167],{"id":158,"label":159,"slug":160,"rank":61,"group":161},133,"Invite Teammates","invite-teammates",{"id":122,"label":124,"slug":125},{"id":163,"label":164,"slug":165,"rank":36,"group":166},24,"Share","share",{"id":122,"label":124,"slug":125},{"id":168,"label":169,"slug":170,"rank":122,"group":171},102,"Settings","settings",{"id":172,"label":173,"slug":174},10,"Settings & Admin","settings-and-admin",[176,180,181,182],{"id":177,"title":178,"slug":179},277,"Button group","button-group",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":187,"description":188,"canonical_path":4,"image":189,"width":52,"height":190,"image_alt":191,"kind":55,"patterns":192,"component_categories":214,"app":222},"3ee9602e-3c90-439c-80b4-651de2e083ed","Activity feed","Activity feed where the user is prompted to follow friends and stores to populate their empty timeline, alongside a pending email verification banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_activity-feeds_33f1ab41_nicelydone.jpg",1858,"Activity feed from Fancy",[193,195,200,204,209],{"id":127,"label":128,"slug":129,"rank":61,"group":194},{"id":131,"label":132,"slug":133},{"id":196,"label":197,"slug":198,"rank":36,"group":199},115,"Empty State","empty-state",{"id":140,"label":141,"slug":142},{"id":44,"label":201,"slug":202,"rank":122,"group":203},"Follow","follow",{"id":122,"label":124,"slug":125},{"id":205,"label":206,"slug":207,"rank":40,"group":208},110,"Notifications","notifications",{"id":131,"label":132,"slug":133},{"id":210,"label":211,"slug":212,"rank":138,"group":213},6,"Verification","verification",{"id":36,"label":63,"slug":64},[215,219,220,221],{"id":216,"title":217,"slug":218},169,"Avatar","avatar",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":226,"description":227,"canonical_path":4,"image":228,"width":52,"height":229,"image_alt":230,"kind":55,"patterns":231,"component_categories":246,"app":249},"1b0c0027-e21a-49fe-bd23-fbe0582f1358","Messaging","Messages inbox where the user views their conversations, currently showing an empty state with a global banner prompting them to confirm their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_messaging_50ead3ef_nicelydone.jpg",1680,"Messaging from Fancy",[232,237,242,244],{"id":233,"label":234,"slug":235,"rank":61,"group":236},7,"Add & Create","add-and-create",{"id":122,"label":124,"slug":125},{"id":238,"label":239,"slug":240,"rank":36,"group":241},109,"Messages","messages",{"id":131,"label":132,"slug":133},{"id":196,"label":197,"slug":198,"rank":122,"group":243},{"id":140,"label":141,"slug":142},{"id":119,"label":120,"slug":121,"rank":40,"group":245},{"id":122,"label":124,"slug":125},[247,248],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":253,"description":254,"canonical_path":4,"image":255,"width":52,"height":256,"image_alt":257,"kind":55,"patterns":258,"component_categories":268,"app":272},"9e2eb03b-36b2-4130-93c0-ce2628c91f6f","Shopping cart","Shopping cart page showing an empty state with a prompt to browse the shop, an email verification banner at the top, and a carousel of recommended products below.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_shopping-cart_66771797_nicelydone.jpg",1734,"Shopping cart from Fancy",[259,261],{"id":196,"label":197,"slug":198,"rank":61,"group":260},{"id":140,"label":141,"slug":142},{"id":262,"label":263,"slug":264,"rank":36,"group":265},130,"Checkout","checkout",{"id":44,"label":266,"slug":267},"Payments & Checkout","payments-and-checkout",[269,270,271],{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":273},[],{"uuid":275,"title":276,"description":277,"canonical_path":4,"image":278,"width":52,"height":279,"image_alt":280,"kind":55,"patterns":281,"component_categories":290,"app":299},"0015e6fe-b8ab-4c1b-a7d0-9ec5499a2c6b","List","Home feed for an e-commerce platform displaying featured collections, editors' picks in a masonry grid, category shortcuts, and merchant spotlights, alongside a top banner prompting the user to confirm their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_list_48effdf6_nicelydone.jpg",4908,"List from Fancy",[282,284,286,288],{"id":107,"label":100,"slug":108,"rank":61,"group":283},{"id":110,"label":111,"slug":112},{"id":114,"label":115,"slug":116,"rank":36,"group":285},{"id":110,"label":111,"slug":112},{"id":119,"label":120,"slug":121,"rank":122,"group":287},{"id":122,"label":124,"slug":125},{"id":135,"label":136,"slug":137,"rank":40,"group":289},{"id":140,"label":141,"slug":142},[291,295,296,297,298],{"id":292,"title":293,"slug":294},211,"Pagination","pagination",{"id":216,"title":217,"slug":218},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":300},[],{"uuid":302,"title":303,"description":304,"canonical_path":4,"image":305,"width":52,"height":306,"image_alt":307,"kind":55,"patterns":308,"component_categories":314,"app":320},"cf5e1f14-2ee3-4fda-b378-18dc33a339f6","Profile","User profile page displaying a large grid of curated products the user has interacted with, alongside their bio and a prompt to confirm their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_profile_b06e278e_nicelydone.jpg",19072,"Profile from Fancy",[309,312],{"id":40,"label":303,"slug":310,"rank":61,"group":311},"profile",{"id":131,"label":132,"slug":133},{"id":44,"label":201,"slug":202,"rank":36,"group":313},{"id":122,"label":124,"slug":125},[315,316,317,318,319],{"id":216,"title":217,"slug":218},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":321},[],{"uuid":323,"title":324,"description":325,"canonical_path":4,"image":326,"width":52,"height":53,"image_alt":327,"kind":55,"patterns":328,"component_categories":339,"app":347},"e19e1935-b7d9-49f1-a55c-9fb80f56bd65","Single","Detail page where the user views product images, selects an option and quantity, and adds the item to their cart or curated lists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_single_b57d84ef_nicelydone.jpg","Single from Fancy",[329,334],{"id":330,"label":331,"slug":332,"rank":61,"group":333},82,"Media Detail","media-detail",{"id":110,"label":111,"slug":112},{"id":335,"label":336,"slug":337,"rank":36,"group":338},23,"Select","select",{"id":122,"label":124,"slug":125},[340,344,345,346],{"id":341,"title":342,"slug":343},257,"Input number","input-number",{"id":67,"title":68,"slug":69},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":348},[],{"uuid":350,"title":253,"description":351,"canonical_path":4,"image":352,"width":52,"height":353,"image_alt":257,"kind":55,"patterns":354,"component_categories":362,"app":370},"9afe1b01-096b-461d-a42b-08079cb9747a","Shopping cart page where the user reviews their selected item, chooses a payment method like credit card or Bitcoin, and proceeds to checkout, with a prompt to confirm their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_shopping-cart-2_2db32120_nicelydone.jpg",1762,[355,357],{"id":262,"label":263,"slug":264,"rank":61,"group":356},{"id":44,"label":266,"slug":267},{"id":358,"label":359,"slug":360,"rank":36,"group":361},131,"Payment Form","payment-form",{"id":44,"label":266,"slug":267},[363,367,368,369],{"id":364,"title":365,"slug":366},260,"Badge","badge",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":371},[],[],[374,376,378,380,382,384,386,388,390,392,394,396,398,401,404,407,410,413,416,418,422,426,430],{"label":197,"to":375},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":120,"to":377},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":115,"to":379},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":263,"to":381},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":136,"to":383},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":201,"to":385},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":100,"to":387},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":128,"to":389},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":234,"to":391},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":159,"to":393},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":331,"to":395},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":239,"to":397},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":399,"to":400},"Fancy marketing pages","\u002Fexamples\u002Fapps\u002Ffancy\u002Fmarketing",{"label":402,"to":403},"Fancy user flows","\u002Fexamples\u002Fapps\u002Ffancy\u002Fflows",{"label":405,"to":406},"Fancy UI components","\u002Fexamples\u002Fapps\u002Ffancy\u002Fcomponents",{"label":408,"to":409},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":411,"to":412},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":414,"to":415},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":417,"to":18},"All SaaS app examples",{"label":419,"to":420,"description":421},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":423,"to":424,"description":425},"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":427,"to":428,"description":429},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":431,"to":432,"description":433},"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":435,"updated_at":436},"2016-06-07T08:05:00.000Z","2026-09-13T13:02:39.000Z"]