[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffancy":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":385,"dates":423},"\u002Fexamples\u002Fapps\u002Ffancy","detail","apps",true,{"title":9,"description":10,"og_image":11},"Fancy design examples - Nicelydone","Explore Fancy UI design examples. Discover and buy amazing things","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffancy_sign-up_a4fe201d_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Fancy design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Fancy",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffancy\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Ffancy\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Fancy","fancy","Discover and buy amazing things","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffancy-812372a4.png","https:\u002F\u002Ffancy.com",[41,45,49],{"id":42,"title":43,"slug":44},1,"Communities","communities",{"id":46,"title":47,"slug":48},3,"Shopping","shopping",{"id":50,"title":51,"slug":52},14,"Social","social",[],[55,382],{"family":56,"examples":57},"screens",[58,98,108,160,195,234,261,284,311,332,359],{"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":96},"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",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},5,"Sign Up","sign-up",0,{"id":42,"label":73,"slug":74},"Access & Account","access-and-account",[76,80,84,88,92],{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},233,"Tabs","tabs",{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},174,"Card","card",{"id":93,"title":94,"slug":95},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":29,"image":102,"width":62,"height":63,"image_alt":103,"kind":65,"patterns":104,"component_categories":105,"app":106},"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":36,"title":35,"logo":38,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":29,"image":112,"width":62,"height":113,"image_alt":114,"kind":65,"patterns":115,"component_categories":153,"app":158},"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",[116,123,128,136,144],{"id":117,"label":110,"slug":118,"rank":71,"group":119},81,"home",{"id":120,"label":121,"slug":122},8,"Pages & Content","pages-and-content",{"id":124,"label":125,"slug":126,"rank":42,"group":127},79,"Browse","browse",{"id":120,"label":121,"slug":122},{"id":129,"label":130,"slug":131,"rank":132,"group":133},22,"Search","search",2,{"id":132,"label":134,"slug":135},"Actions","actions",{"id":137,"label":138,"slug":139,"rank":46,"group":140},113,"Social Feed","social-feed",{"id":141,"label":142,"slug":143},11,"Social & Collaboration","social-and-collaboration",{"id":145,"label":146,"slug":147,"rank":148,"group":149},114,"Confirmation","confirmation",4,{"id":150,"label":151,"slug":152},12,"States & Feedback","states-and-feedback",[154,155,156,157],{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":29,"image":164,"width":62,"height":63,"image_alt":165,"kind":65,"patterns":166,"component_categories":185,"app":193},"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",[167,172,177],{"id":168,"label":169,"slug":170,"rank":71,"group":171},133,"Invite Teammates","invite-teammates",{"id":132,"label":134,"slug":135},{"id":173,"label":174,"slug":175,"rank":42,"group":176},24,"Share","share",{"id":132,"label":134,"slug":135},{"id":178,"label":179,"slug":180,"rank":132,"group":181},102,"Settings","settings",{"id":182,"label":183,"slug":184},10,"Settings & Admin","settings-and-admin",[186,190,191,192],{"id":187,"title":188,"slug":189},277,"Button group","button-group",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":194},[],{"uuid":196,"title":197,"description":198,"canonical_path":29,"image":199,"width":62,"height":200,"image_alt":201,"kind":65,"patterns":202,"component_categories":224,"app":232},"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",[203,205,210,214,219],{"id":137,"label":138,"slug":139,"rank":71,"group":204},{"id":141,"label":142,"slug":143},{"id":206,"label":207,"slug":208,"rank":42,"group":209},115,"Empty State","empty-state",{"id":150,"label":151,"slug":152},{"id":50,"label":211,"slug":212,"rank":132,"group":213},"Follow","follow",{"id":132,"label":134,"slug":135},{"id":215,"label":216,"slug":217,"rank":46,"group":218},110,"Notifications","notifications",{"id":141,"label":142,"slug":143},{"id":220,"label":221,"slug":222,"rank":148,"group":223},6,"Verification","verification",{"id":42,"label":73,"slug":74},[225,229,230,231],{"id":226,"title":227,"slug":228},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":233},[],{"uuid":235,"title":236,"description":237,"canonical_path":29,"image":238,"width":62,"height":239,"image_alt":240,"kind":65,"patterns":241,"component_categories":256,"app":259},"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",[242,247,252,254],{"id":243,"label":244,"slug":245,"rank":71,"group":246},7,"Add & Create","add-and-create",{"id":132,"label":134,"slug":135},{"id":248,"label":249,"slug":250,"rank":42,"group":251},109,"Messages","messages",{"id":141,"label":142,"slug":143},{"id":206,"label":207,"slug":208,"rank":132,"group":253},{"id":150,"label":151,"slug":152},{"id":129,"label":130,"slug":131,"rank":46,"group":255},{"id":132,"label":134,"slug":135},[257,258],{"id":85,"title":86,"slug":87},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":260},[],{"uuid":262,"title":263,"description":264,"canonical_path":29,"image":265,"width":62,"height":266,"image_alt":267,"kind":65,"patterns":268,"component_categories":278,"app":282},"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",[269,271],{"id":206,"label":207,"slug":208,"rank":71,"group":270},{"id":150,"label":151,"slug":152},{"id":272,"label":273,"slug":274,"rank":42,"group":275},130,"Checkout","checkout",{"id":50,"label":276,"slug":277},"Payments & Checkout","payments-and-checkout",[279,280,281],{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":29,"image":288,"width":62,"height":289,"image_alt":290,"kind":65,"patterns":291,"component_categories":300,"app":309},"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",[292,294,296,298],{"id":117,"label":110,"slug":118,"rank":71,"group":293},{"id":120,"label":121,"slug":122},{"id":124,"label":125,"slug":126,"rank":42,"group":295},{"id":120,"label":121,"slug":122},{"id":129,"label":130,"slug":131,"rank":132,"group":297},{"id":132,"label":134,"slug":135},{"id":145,"label":146,"slug":147,"rank":46,"group":299},{"id":150,"label":151,"slug":152},[301,305,306,307,308],{"id":302,"title":303,"slug":304},211,"Pagination","pagination",{"id":226,"title":227,"slug":228},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":310},[],{"uuid":312,"title":313,"description":314,"canonical_path":29,"image":315,"width":62,"height":316,"image_alt":317,"kind":65,"patterns":318,"component_categories":324,"app":330},"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",[319,322],{"id":46,"label":313,"slug":320,"rank":71,"group":321},"profile",{"id":141,"label":142,"slug":143},{"id":50,"label":211,"slug":212,"rank":42,"group":323},{"id":132,"label":134,"slug":135},[325,326,327,328,329],{"id":226,"title":227,"slug":228},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":331},[],{"uuid":333,"title":334,"description":335,"canonical_path":29,"image":336,"width":62,"height":63,"image_alt":337,"kind":65,"patterns":338,"component_categories":349,"app":357},"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",[339,344],{"id":340,"label":341,"slug":342,"rank":71,"group":343},82,"Media Detail","media-detail",{"id":120,"label":121,"slug":122},{"id":345,"label":346,"slug":347,"rank":42,"group":348},23,"Select","select",{"id":132,"label":134,"slug":135},[350,354,355,356],{"id":351,"title":352,"slug":353},257,"Input number","input-number",{"id":77,"title":78,"slug":79},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":358},[],{"uuid":360,"title":263,"description":361,"canonical_path":29,"image":362,"width":62,"height":363,"image_alt":267,"kind":65,"patterns":364,"component_categories":372,"app":380},"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,[365,367],{"id":272,"label":273,"slug":274,"rank":71,"group":366},{"id":50,"label":276,"slug":277},{"id":368,"label":369,"slug":370,"rank":42,"group":371},131,"Payment Form","payment-form",{"id":50,"label":276,"slug":277},[373,377,378,379],{"id":374,"title":375,"slug":376},260,"Badge","badge",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":36,"title":35,"logo":38,"categories":381},[],{"family":383,"examples":384},"pages",[],[386,388,390,393,396,399,402,405,407,411,415,419],{"label":387,"to":29},"Fancy product screens",{"label":389,"to":32},"Fancy marketing pages",{"label":391,"to":392},"Fancy user flows","\u002Fexamples\u002Fapps\u002Ffancy\u002Fflows",{"label":394,"to":395},"Fancy UI components","\u002Fexamples\u002Fapps\u002Ffancy\u002Fcomponents",{"label":397,"to":398},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":400,"to":401},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":403,"to":404},"Social app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial",{"label":406,"to":18},"All SaaS app examples",{"label":408,"to":409,"description":410},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":412,"to":413,"description":414},"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":416,"to":417,"description":418},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":420,"to":421,"description":422},"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":424,"updated_at":425},"2016-06-07T08:05:00.000Z","2026-09-13T13:02:39.000Z"]