[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002F500px\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":42,"showcases":341,"links":342,"dates":400},"\u002Fexamples\u002Fapps\u002F500px\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"500px product screens examples - Nicelydone","Browse 500px screen design examples. Preview the interface screenshots and explore related UI patterns. The premier photography community","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_sign-in_494ba3b9_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},"500px design examples","\u002Fexamples\u002Fapps\u002F500px",{"label":23,"to":4},"500px product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":29,"description":30,"logo":31,"url":32,"categories":33},"500px","The premier photography community","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F500px-5f7e3460.png","https:\u002F\u002F500px.com",[34,38],{"id":35,"title":36,"slug":37},1,"Communities","communities",{"id":39,"title":40,"slug":41},31,"Photography","photography",[43,75,93,118,148,156,182,212,235,270,293,312],{"uuid":44,"title":45,"description":46,"canonical_path":4,"image":11,"width":47,"height":48,"image_alt":49,"kind":50,"patterns":51,"component_categories":60,"app":73},"a768ca41-ef0c-4783-aae1-7af8785085e8","Sign in","Sign-in screen where the user authenticates with an email and password or via Facebook, Twitter, or Google.",2800,1544,"Sign in from 500px","screen",[52],{"id":53,"label":54,"slug":55,"rank":56,"group":57},4,"Sign In","sign-in",0,{"id":35,"label":58,"slug":59},"Access & Account","access-and-account",[61,65,69],{"id":62,"title":63,"slug":64},174,"Card","card",{"id":66,"title":67,"slug":68},240,"Horizontal navigation","horizontal-navigation",{"id":70,"title":71,"slug":72},175,"Button","button",{"slug":29,"title":29,"logo":31,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":47,"height":48,"image_alt":80,"kind":50,"patterns":81,"component_categories":87,"app":91},"e246b55b-8a67-4444-9cdb-b9af929906db","Password reset","Password recovery screen where the user enters their username or email to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_password-reset_01f0f074_nicelydone.jpg","Password reset from 500px",[82],{"id":83,"label":84,"slug":85,"rank":56,"group":86},2,"Forgot Password","forgot-password",{"id":35,"label":58,"slug":59},[88,89,90],{"id":62,"title":63,"slug":64},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":47,"height":48,"image_alt":98,"kind":50,"patterns":99,"component_categories":113,"app":116},"cd3fdd1d-9575-4888-8d49-0ccd1b6b8634","Onboarding","Onboarding step where the user is prompted to start building their personalized home feed by selecting preferred photography types.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_onboarding_2a3e02dd_nicelydone.jpg","Onboarding from 500px",[100,108],{"id":101,"label":102,"slug":103,"rank":56,"group":104},72,"Getting Started","getting-started",{"id":105,"label":106,"slug":107},7,"Onboarding & Education","onboarding-and-education",{"id":109,"label":110,"slug":111,"rank":35,"group":112},77,"Welcome","welcome",{"id":105,"label":106,"slug":107},[114,115],{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":117},[],{"uuid":119,"title":95,"description":120,"canonical_path":4,"image":121,"width":47,"height":48,"image_alt":98,"kind":50,"patterns":122,"component_categories":143,"app":146},"ce62a2b8-a164-4f81-904f-7d4687de2b8c","Detail page for a photo collection displaying a masonry grid of images alongside collection metadata and a favorite action in a split-screen layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_onboarding-5_0533593c_nicelydone.jpg",[123,131,138],{"id":124,"label":125,"slug":126,"rank":56,"group":127},82,"Media Detail","media-detail",{"id":128,"label":129,"slug":130},8,"Pages & Content","pages-and-content",{"id":132,"label":133,"slug":134,"rank":35,"group":135},12,"Favorite","favorite",{"id":83,"label":136,"slug":137},"Actions","actions",{"id":139,"label":140,"slug":141,"rank":83,"group":142},79,"Browse","browse",{"id":128,"label":129,"slug":130},[144,145],{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":147},[],{"uuid":149,"title":95,"description":150,"canonical_path":4,"image":151,"width":47,"height":48,"image_alt":98,"kind":50,"patterns":152,"component_categories":153,"app":154},"f41b411b-8464-40fa-9b66-59f2bb8d2d7e","Image gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_onboarding-4_28e110f2_nicelydone.jpg",[],[],{"slug":29,"title":29,"logo":31,"categories":155},[],{"uuid":157,"title":95,"description":158,"canonical_path":4,"image":159,"width":47,"height":48,"image_alt":98,"kind":50,"patterns":160,"component_categories":173,"app":180},"687ca1f2-0d90-40c1-a52c-5831b3efee67","Photo gallery view where the user reviews a masonry grid of architecture images and can either dismiss or favorite the collection using large circular action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_onboarding-3_a0362289_nicelydone.jpg",[161,163,165,167],{"id":139,"label":140,"slug":141,"rank":56,"group":162},{"id":128,"label":129,"slug":130},{"id":124,"label":125,"slug":126,"rank":35,"group":164},{"id":128,"label":129,"slug":130},{"id":132,"label":133,"slug":134,"rank":83,"group":166},{"id":83,"label":136,"slug":137},{"id":168,"label":169,"slug":170,"rank":171,"group":172},81,"Home","home",3,{"id":128,"label":129,"slug":130},[174,178,179],{"id":175,"title":176,"slug":177},211,"Pagination","pagination",{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":181},[],{"uuid":183,"title":95,"description":184,"canonical_path":4,"image":185,"width":47,"height":186,"image_alt":98,"kind":50,"patterns":187,"component_categories":203,"app":210},"e7c36f68-0028-4712-a3e9-76c40bd03d1a","Onboarding step where the user selects photographers to follow from a suggested grid before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_onboarding-2_c20ab7fd_nicelydone.jpg",5846,[188,193,198],{"id":189,"label":190,"slug":191,"rank":56,"group":192},74,"Onboarding Checklist","onboarding-checklist",{"id":105,"label":106,"slug":107},{"id":194,"label":195,"slug":196,"rank":35,"group":197},14,"Follow","follow",{"id":83,"label":136,"slug":137},{"id":199,"label":200,"slug":201,"rank":83,"group":202},23,"Select","select",{"id":83,"label":136,"slug":137},[204,205,209],{"id":62,"title":63,"slug":64},{"id":206,"title":207,"slug":208},169,"Avatar","avatar",{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":4,"image":216,"width":47,"height":48,"image_alt":217,"kind":50,"patterns":218,"component_categories":231,"app":233},"c02ac288-9d95-408c-85a2-899af030b9d2","Progress","App screen where the system displays a loading message while searching for photographers for the user to follow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_progress_486383f6_nicelydone.jpg","Progress from 500px",[219,226],{"id":220,"label":221,"slug":222,"rank":56,"group":223},120,"Loading","loading",{"id":132,"label":224,"slug":225},"States & Feedback","states-and-feedback",{"id":227,"label":228,"slug":229,"rank":35,"group":230},115,"Empty State","empty-state",{"id":132,"label":224,"slug":225},[232],{"id":66,"title":67,"slug":68},{"slug":29,"title":29,"logo":31,"categories":234},[],{"uuid":236,"title":169,"description":237,"canonical_path":4,"image":238,"width":47,"height":239,"image_alt":240,"kind":50,"patterns":241,"component_categories":259,"app":268},"70d3b3e2-871a-4268-8ce1-d4b273514539","Social feed where the user browses recent photos from people they follow, discovers new photographers to follow, and views their own profile stats.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_home_291a5bb8_nicelydone.jpg",13604,"Home from 500px",[242,250,252,257],{"id":243,"label":244,"slug":245,"rank":56,"group":246},113,"Social Feed","social-feed",{"id":247,"label":248,"slug":249},11,"Social & Collaboration","social-and-collaboration",{"id":168,"label":169,"slug":170,"rank":35,"group":251},{"id":128,"label":129,"slug":130},{"id":253,"label":254,"slug":255,"rank":83,"group":256},25,"Upload & Download","upload-and-download",{"id":83,"label":136,"slug":137},{"id":194,"label":195,"slug":196,"rank":171,"group":258},{"id":83,"label":136,"slug":137},[260,264,265,266,267],{"id":261,"title":262,"slug":263},233,"Tabs","tabs",{"id":62,"title":63,"slug":64},{"id":206,"title":207,"slug":208},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":4,"image":274,"width":47,"height":275,"image_alt":276,"kind":50,"patterns":277,"component_categories":282,"app":291},"d7a8b0be-9379-46de-851f-834b9086fa2a","Activity feed","Activity feed where the user views recent actions from followed accounts, such as liked photos and new gallery additions, presented in masonry grids.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_activity-feed_47f3e467_nicelydone.jpg",10578,"Activity feed from 500px",[278,280],{"id":243,"label":244,"slug":245,"rank":56,"group":279},{"id":247,"label":248,"slug":249},{"id":139,"label":140,"slug":141,"rank":35,"group":281},{"id":128,"label":129,"slug":130},[283,287,288,289,290],{"id":284,"title":285,"slug":286},260,"Badge","badge",{"id":261,"title":262,"slug":263},{"id":206,"title":207,"slug":208},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":292},[],{"uuid":294,"title":295,"description":296,"canonical_path":4,"image":297,"width":47,"height":48,"image_alt":298,"kind":50,"patterns":299,"component_categories":304,"app":310},"18c9418e-87c5-4fad-bc69-2395287c2045","Dropdown","Activity feed where the user views recent photos from photographers they follow, with options to like, comment, and discover new creators.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_dropdown_ac113f93_nicelydone.jpg","Dropdown from 500px",[300,302],{"id":243,"label":244,"slug":245,"rank":56,"group":301},{"id":247,"label":248,"slug":249},{"id":194,"label":195,"slug":196,"rank":35,"group":303},{"id":83,"label":136,"slug":137},[305,306,307,308,309],{"id":261,"title":262,"slug":263},{"id":62,"title":63,"slug":64},{"id":206,"title":207,"slug":208},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":311},[],{"uuid":313,"title":314,"description":315,"canonical_path":4,"image":316,"width":47,"height":317,"image_alt":318,"kind":50,"patterns":319,"component_categories":326,"app":339},"60309a35-5657-4796-9b92-3d0735a5564f","Popover","Onboarding modal welcoming the user to the new Groups feature, appearing over an empty groups feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F500px_popover-2_2d1567ce_nicelydone.jpg",2508,"Popover from 500px",[320,322,324],{"id":109,"label":110,"slug":111,"rank":56,"group":321},{"id":105,"label":106,"slug":107},{"id":227,"label":228,"slug":229,"rank":35,"group":323},{"id":132,"label":224,"slug":225},{"id":243,"label":244,"slug":245,"rank":83,"group":325},{"id":247,"label":248,"slug":249},[327,331,335,336,337,338],{"id":328,"title":329,"slug":330},284,"Modal","modal",{"id":332,"title":333,"slug":334},227,"Stepper","stepper",{"id":284,"title":285,"slug":286},{"id":206,"title":207,"slug":208},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":29,"title":29,"logo":31,"categories":340},[],[],[343,345,347,349,351,353,355,357,359,361,363,365,367,370,373,376,379,382,384,388,392,396],{"label":244,"to":344},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":140,"to":346},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":195,"to":348},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":228,"to":350},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":133,"to":352},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":169,"to":354},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":125,"to":356},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":110,"to":358},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":84,"to":360},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":102,"to":362},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":221,"to":364},"\u002Fexamples\u002Fscreens\u002Floading",{"label":190,"to":366},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":368,"to":369},"500px marketing pages","\u002Fexamples\u002Fapps\u002F500px\u002Fmarketing",{"label":371,"to":372},"500px user flows","\u002Fexamples\u002Fapps\u002F500px\u002Fflows",{"label":374,"to":375},"500px UI components","\u002Fexamples\u002Fapps\u002F500px\u002Fcomponents",{"label":377,"to":378},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":380,"to":381},"Photography app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fphotography",{"label":383,"to":18},"All SaaS app examples",{"label":385,"to":386,"description":387},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":389,"to":390,"description":391},"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":393,"to":394,"description":395},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":397,"to":398,"description":399},"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":401,"updated_at":402},"2016-07-21T08:00:00.000Z","2026-09-13T13:02:39.000Z"]