[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fjukely\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":327,"links":328,"dates":383},"\u002Fexamples\u002Fapps\u002Fjukely\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Jukely product screens examples - Nicelydone","Browse Jukely screen design examples. Preview the interface screenshots and explore related UI patterns. Go out with us, every night","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_sign-in_66a16201_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},"Jukely design examples","\u002Fexamples\u002Fapps\u002Fjukely",{"label":23,"to":4},"Jukely 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,"twitter_username":30,"categories":34},"Jukely","jukely","Go out with us, every night","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjukely-cf399a1f.png","https:\u002F\u002Fwww.jukely.com",[35],{"id":36,"title":37,"slug":38},20,"Music","music",[40,69,90,123,144,200,225,255,276,293,302],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"d568d0b5-742d-4f3a-bb79-635d30af10d6","Sign in","Sign-in screen where the user authenticates with Facebook or their email and password to access concert shows.",2780,1544,"Sign in from Jukely","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":44,"height":45,"image_alt":74,"kind":47,"patterns":75,"component_categories":85,"app":88},"8845056b-f99c-44a2-b94e-a6709262fb83","Sign up","Signup screen where the user can join the club via Facebook or by providing an email, password, and city.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_sign-up_386f2907_nicelydone.jpg","Sign up from Jukely",[76,81],{"id":77,"label":78,"slug":79,"rank":53,"group":80},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},{"id":55,"label":82,"slug":83,"rank":55,"group":84},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[86,87],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":44,"height":45,"image_alt":95,"kind":47,"patterns":96,"component_categories":118,"app":121},"a27cbb1e-f375-4676-bfa6-589b8ab9159c","Checkout","Checkout screen where the user enters their credit card details to start a 14-day preview subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_checkout_3b086879_nicelydone.jpg","Checkout from Jukely",[97,104,109],{"id":98,"label":92,"slug":99,"rank":53,"group":100},130,"checkout",{"id":101,"label":102,"slug":103},14,"Payments & Checkout","payments-and-checkout",{"id":105,"label":106,"slug":107,"rank":55,"group":108},131,"Payment Form","payment-form",{"id":101,"label":102,"slug":103},{"id":110,"label":111,"slug":112,"rank":113,"group":114},91,"Trial","trial",2,{"id":115,"label":116,"slug":117},9,"Plans & Limits","plans-and-limits",[119,120],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":71,"description":125,"canonical_path":4,"image":126,"width":44,"height":45,"image_alt":74,"kind":47,"patterns":127,"component_categories":140,"app":142},"66f76d22-5e4b-4102-af83-e95a057ea3e8","Signup step where the user enters their full name and mobile number to complete their pass registration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_sign-up-2_bebdb8ed_nicelydone.jpg",[128,130,132],{"id":77,"label":78,"slug":79,"rank":53,"group":129},{"id":55,"label":56,"slug":57},{"id":55,"label":82,"slug":83,"rank":55,"group":131},{"id":55,"label":56,"slug":57},{"id":133,"label":134,"slug":135,"rank":113,"group":136},77,"Welcome","welcome",{"id":137,"label":138,"slug":139},7,"Onboarding & Education","onboarding-and-education",[141],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":44,"height":45,"image_alt":149,"kind":47,"patterns":150,"component_categories":176,"app":198},"3907f001-c758-46fb-a95a-a26d82850ad3","Single","Detail page for a concert featuring artist information, date, a location map, and a timeline slider to navigate between upcoming events.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_single_11383a33_nicelydone.jpg","Single from Jukely",[151,159,166,173],{"id":152,"label":153,"slug":154,"rank":53,"group":155},82,"Media Detail","media-detail",{"id":156,"label":157,"slug":158},8,"Pages & Content","pages-and-content",{"id":160,"label":161,"slug":162,"rank":55,"group":163},57,"Map","map",{"id":77,"label":164,"slug":165},"Media & Tools","media-and-tools",{"id":167,"label":168,"slug":169,"rank":113,"group":170},48,"Timeline","timeline",{"id":50,"label":171,"slug":172},"Data & Analysis","data-and-analysis",{"id":98,"label":92,"slug":99,"rank":174,"group":175},3,{"id":101,"label":102,"slug":103},[177,181,185,189,193,197],{"id":178,"title":179,"slug":180},211,"Pagination","pagination",{"id":182,"title":183,"slug":184},240,"Horizontal navigation","horizontal-navigation",{"id":186,"title":187,"slug":188},260,"Badge","badge",{"id":190,"title":191,"slug":192},223,"Slider","slider",{"id":194,"title":195,"slug":196},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":44,"height":45,"image_alt":205,"kind":47,"patterns":206,"component_categories":219,"app":223},"3e917b0e-282e-4522-a5cf-ca2324db7758","Popover","Detail page for a live music event where the user views artist and venue information and opens a drawer to join the standby list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_popover-2_cf7ce929_nicelydone.jpg","Popover from Jukely",[207,209,217],{"id":152,"label":153,"slug":154,"rank":53,"group":208},{"id":156,"label":157,"slug":158},{"id":210,"label":211,"slug":212,"rank":55,"group":213},121,"Request Access","request-access",{"id":214,"label":215,"slug":216},12,"States & Feedback","states-and-feedback",{"id":160,"label":161,"slug":162,"rank":113,"group":218},{"id":77,"label":164,"slug":165},[220,221,222],{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":224},[],{"uuid":226,"title":202,"description":227,"canonical_path":4,"image":228,"width":44,"height":45,"image_alt":205,"kind":47,"patterns":229,"component_categories":247,"app":253},"96fb19a8-e20c-460c-8a37-6adc42df093a","Event detail page for a jazz trio showing venue location and a map, with a user drawer open on the right displaying empty spots and standby lists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_popover-3_0dee7e99_nicelydone.jpg",[230,232,234,242],{"id":152,"label":153,"slug":154,"rank":53,"group":231},{"id":156,"label":157,"slug":158},{"id":160,"label":161,"slug":162,"rank":55,"group":233},{"id":77,"label":164,"slug":165},{"id":235,"label":236,"slug":237,"rank":113,"group":238},94,"Account Settings","account-settings",{"id":239,"label":240,"slug":241},10,"Settings & Admin","settings-and-admin",{"id":243,"label":244,"slug":245,"rank":174,"group":246},115,"Empty State","empty-state",{"id":214,"label":215,"slug":216},[248,249,250,251,252],{"id":190,"title":191,"slug":192},{"id":186,"title":187,"slug":188},{"id":194,"title":195,"slug":196},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":257,"description":258,"canonical_path":4,"image":259,"width":44,"height":45,"image_alt":260,"kind":47,"patterns":261,"component_categories":268,"app":274},"a866bf1f-a4f5-46bd-8f32-c166b0a95bb6","Dropdown","Detail page for a music event featuring band information, venue location with a map, and a floating action button to proceed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_dropdown_1fec510f_nicelydone.jpg","Dropdown from Jukely",[262,264,266],{"id":160,"label":161,"slug":162,"rank":53,"group":263},{"id":77,"label":164,"slug":165},{"id":152,"label":153,"slug":154,"rank":55,"group":265},{"id":156,"label":157,"slug":158},{"id":98,"label":92,"slug":99,"rank":113,"group":267},{"id":101,"label":102,"slug":103},[269,270,271,272,273],{"id":182,"title":183,"slug":184},{"id":186,"title":187,"slug":188},{"id":190,"title":191,"slug":192},{"id":194,"title":195,"slug":196},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":275},[],{"uuid":277,"title":278,"description":279,"canonical_path":4,"image":280,"width":44,"height":281,"image_alt":282,"kind":47,"patterns":283,"component_categories":286,"app":291},"6e94ec31-60e7-4d9d-8f55-529e0fa60d55","Settings","Settings page where the user manages their subscription pass, connects music services, updates personal details, and configures notification preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_settings-2_8c461b84_nicelydone.jpg",6878,"Settings from Jukely",[284],{"id":235,"label":236,"slug":237,"rank":53,"group":285},{"id":239,"label":240,"slug":241},[287,288,289,290],{"id":182,"title":183,"slug":184},{"id":194,"title":195,"slug":196},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":292},[],{"uuid":294,"title":278,"description":295,"canonical_path":4,"image":296,"width":44,"height":297,"image_alt":282,"kind":47,"patterns":298,"component_categories":299,"app":300},"98e28be5-aaca-4e45-a6f2-3cecbbbfff14","Settings Account management Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_settings_cdef47a4_nicelydone.jpg",2098,[],[],{"slug":30,"title":29,"logo":32,"categories":301},[],{"uuid":303,"title":202,"description":304,"canonical_path":4,"image":305,"width":44,"height":306,"image_alt":205,"kind":47,"patterns":307,"component_categories":320,"app":325},"aefd8c67-567f-4d48-a881-2ebf565d631d","Settings page where the user is prompted to confirm cancelling their subscription after being presented with a retention survey.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fjukely_popover_84dc8a93_nicelydone.jpg",2112,[308,313,315],{"id":309,"label":310,"slug":311,"rank":53,"group":312},114,"Confirmation","confirmation",{"id":214,"label":215,"slug":216},{"id":235,"label":236,"slug":237,"rank":55,"group":314},{"id":239,"label":240,"slug":241},{"id":316,"label":317,"slug":318,"rank":113,"group":319},134,"Warning","warning",{"id":214,"label":215,"slug":216},[321,322,323,324],{"id":182,"title":183,"slug":184},{"id":194,"title":195,"slug":196},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":326},[],[],[329,331,333,335,337,339,341,343,345,347,349,351,353,356,359,362,365,367,371,375,379],{"label":161,"to":330},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":153,"to":332},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":236,"to":334},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":92,"to":336},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":82,"to":338},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":78,"to":340},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":310,"to":342},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":244,"to":344},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":106,"to":346},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":211,"to":348},"\u002Fexamples\u002Fscreens\u002Frequest-access",{"label":51,"to":350},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":168,"to":352},"\u002Fexamples\u002Fscreens\u002Ftimeline",{"label":354,"to":355},"Jukely marketing pages","\u002Fexamples\u002Fapps\u002Fjukely\u002Fmarketing",{"label":357,"to":358},"Jukely user flows","\u002Fexamples\u002Fapps\u002Fjukely\u002Fflows",{"label":360,"to":361},"Jukely UI components","\u002Fexamples\u002Fapps\u002Fjukely\u002Fcomponents",{"label":363,"to":364},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"label":366,"to":18},"All SaaS app examples",{"label":368,"to":369,"description":370},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":372,"to":373,"description":374},"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":376,"to":377,"description":378},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":380,"to":381,"description":382},"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":384,"updated_at":385},"2016-06-18T10:45:00.000Z","2026-09-13T13:02:39.000Z"]