[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":322,"links":323,"dates":378},"\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Designspiration product screens examples - Nicelydone","Browse Designspiration screen design examples. Preview the interface screenshots and explore related UI patterns. The best creative inspiration from around…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_sign-in_481e8526_nicelydone.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Designspiration design examples","\u002Fexamples\u002Fapps\u002Fdesignspiration",{"label":23,"to":4},"Designspiration product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Designspiration screen design examples. Preview the interface screenshots and explore related UI patterns. The best creative inspiration from around the world",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":30,"categories":35},"Designspiration","designspiration","The best creative inspiration from around the world","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdesignspiration-1a6f268b.png","http:\u002F\u002Fdesignspiration.net",[36],{"id":37,"title":38,"slug":39},1,"Communities","communities",[41,65,89,128,152,170,199,209,226,264,284,308],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":58,"app":63},"132cb692-673a-4fe5-a224-000493a4b010","Sign in","Sign-in screen where the user authenticates with an email or username and password, with links to recover their password or create a new account.",2800,1544,"Sign in from Designspiration","screen",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},2,"Forgot Password","forgot-password",0,{"id":37,"label":56,"slug":57},"Access & Account","access-and-account",[59],{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":67,"description":68,"canonical_path":4,"image":69,"width":45,"height":46,"image_alt":70,"kind":48,"patterns":71,"component_categories":85,"app":87},"2757f43c-09e4-4045-a29a-e397deb4dc1d","Sign up","Signup page where the user creates their profile by uploading an avatar photo and entering their name, email, username, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_sign-up_e4d51101_nicelydone.png","Sign up from Designspiration",[72,77],{"id":73,"label":74,"slug":75,"rank":54,"group":76},5,"Sign Up","sign-up",{"id":37,"label":56,"slug":57},{"id":78,"label":79,"slug":80,"rank":37,"group":81},3,"Profile","profile",{"id":82,"label":83,"slug":84},11,"Social & Collaboration","social-and-collaboration",[86],{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":4,"image":93,"width":45,"height":46,"image_alt":94,"kind":48,"patterns":95,"component_categories":116,"app":126},"ef007551-d590-4706-8f64-d1db1635f8af","Onboarding","Onboarding step where the user selects at least five design collections like typography and logotypes to follow before finishing setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_onboarding-2_63bfd2fa_nicelydone.png","Onboarding from Designspiration",[96,104,111],{"id":97,"label":98,"slug":99,"rank":54,"group":100},74,"Onboarding Checklist","onboarding-checklist",{"id":101,"label":102,"slug":103},7,"Onboarding & Education","onboarding-and-education",{"id":105,"label":106,"slug":107,"rank":37,"group":108},23,"Select","select",{"id":51,"label":109,"slug":110},"Actions","actions",{"id":112,"label":113,"slug":114,"rank":51,"group":115},77,"Welcome","welcome",{"id":101,"label":102,"slug":103},[117,121,125],{"id":118,"title":119,"slug":120},174,"Card","card",{"id":122,"title":123,"slug":124},284,"Modal","modal",{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":45,"height":46,"image_alt":133,"kind":48,"patterns":134,"component_categories":146,"app":150},"85917063-83f2-4bc4-826c-572cc5b14efe","List","Onboarding step where the user selects their initial interests by following at least 5 collections from categories like Art, Typography, and Architecture.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_list_753e1b12_nicelydone.png","List from Designspiration",[135,137,139,141],{"id":97,"label":98,"slug":99,"rank":54,"group":136},{"id":101,"label":102,"slug":103},{"id":105,"label":106,"slug":107,"rank":37,"group":138},{"id":51,"label":109,"slug":110},{"id":112,"label":113,"slug":114,"rank":51,"group":140},{"id":101,"label":102,"slug":103},{"id":142,"label":143,"slug":144,"rank":78,"group":145},13,"Filter & Sort","filter-and-sort",{"id":51,"label":109,"slug":110},[147,148,149],{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":91,"description":154,"canonical_path":4,"image":155,"width":45,"height":46,"image_alt":94,"kind":48,"patterns":156,"component_categories":164,"app":168},"e3668fe8-a3b7-4717-91be-cc12e9ff44d7","Onboarding step where the user personalizes their feed by following at least five design and layout collections from a grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_onboarding_532128fb_nicelydone.jpg",[157,159],{"id":105,"label":106,"slug":107,"rank":54,"group":158},{"id":51,"label":109,"slug":110},{"id":160,"label":161,"slug":162,"rank":37,"group":163},14,"Follow","follow",{"id":51,"label":109,"slug":110},[165,166,167],{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":169},[],{"uuid":171,"title":172,"description":173,"canonical_path":4,"image":174,"width":45,"height":175,"image_alt":176,"kind":48,"patterns":177,"component_categories":191,"app":197},"47a50879-3cce-4caa-9f36-2a5f08118772","Home","Discovery feed where a logged-in user browses a masonry grid of design inspiration images, with a left sidebar for account navigation and an ad placement.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_home_f12b2fba_nicelydone.jpg",8736,"Home from Designspiration",[178,186],{"id":179,"label":180,"slug":181,"rank":54,"group":182},79,"Browse","browse",{"id":183,"label":184,"slug":185},8,"Pages & Content","pages-and-content",{"id":187,"label":188,"slug":189,"rank":37,"group":190},22,"Search","search",{"id":51,"label":109,"slug":110},[192,196],{"id":193,"title":194,"slug":195},240,"Horizontal navigation","horizontal-navigation",{"id":118,"title":119,"slug":120},{"slug":31,"title":30,"logo":33,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":45,"height":46,"image_alt":204,"kind":48,"patterns":205,"component_categories":206,"app":207},"89a48515-a347-42c7-8fdd-653c9c949c06","Dropdown","Design Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_dropdown_331a5f7c_nicelydone.jpg","Dropdown from Designspiration",[],[],{"slug":31,"title":30,"logo":33,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":45,"height":46,"image_alt":214,"kind":48,"patterns":215,"component_categories":220,"app":224},"e0ee3bfe-fa2d-4d9f-8e3d-25f070d552fd","Create","Modal where the user creates a new collection by providing a name, description, category, and privacy setting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_create_e7693cbe_nicelydone.jpg","Create from Designspiration",[216],{"id":101,"label":217,"slug":218,"rank":54,"group":219},"Add & Create","add-and-create",{"id":51,"label":109,"slug":110},[221,222,223],{"id":193,"title":194,"slug":195},{"id":122,"title":123,"slug":124},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":225},[],{"uuid":227,"title":228,"description":229,"canonical_path":4,"image":230,"width":45,"height":46,"image_alt":231,"kind":48,"patterns":232,"component_categories":250,"app":262},"3c0b0972-e824-49e9-8cff-42500483ab97","Single","Detail modal where the user views a saved design inspiration post, its extracted color palette, and options to save, share, or follow related collections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_single_95304640_nicelydone.jpg","Single from Designspiration",[233,238,243,248],{"id":234,"label":235,"slug":236,"rank":54,"group":237},82,"Media Detail","media-detail",{"id":183,"label":184,"slug":185},{"id":239,"label":240,"slug":241,"rank":37,"group":242},12,"Favorite","favorite",{"id":51,"label":109,"slug":110},{"id":244,"label":245,"slug":246,"rank":51,"group":247},24,"Share","share",{"id":51,"label":109,"slug":110},{"id":160,"label":161,"slug":162,"rank":78,"group":249},{"id":51,"label":109,"slug":110},[251,255,259,260,261],{"id":252,"title":253,"slug":254},277,"Button group","button-group",{"id":256,"title":257,"slug":258},169,"Avatar","avatar",{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":263},[],{"uuid":265,"title":245,"description":266,"canonical_path":4,"image":267,"width":45,"height":46,"image_alt":268,"kind":48,"patterns":269,"component_categories":276,"app":282},"0071195f-efe6-4fbf-8ffb-d00d7017618f","Detail modal showing an inspiration image with its description, tags, and an open share menu, alongside related saved collections.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_share_b6c018ef_nicelydone.jpg","Share from Designspiration",[270,272,274],{"id":234,"label":235,"slug":236,"rank":54,"group":271},{"id":183,"label":184,"slug":185},{"id":244,"label":245,"slug":246,"rank":37,"group":273},{"id":51,"label":109,"slug":110},{"id":160,"label":161,"slug":162,"rank":51,"group":275},{"id":51,"label":109,"slug":110},[277,278,279,280,281],{"id":252,"title":253,"slug":254},{"id":256,"title":257,"slug":258},{"id":118,"title":119,"slug":120},{"id":122,"title":123,"slug":124},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":283},[],{"uuid":285,"title":286,"description":287,"canonical_path":4,"image":288,"width":45,"height":289,"image_alt":290,"kind":48,"patterns":291,"component_categories":302,"app":306},"b56d7b1b-45b8-4ca8-a2ac-969ca1fefd30","Settings","Settings page where the user updates their profile information, privacy toggles, and account credentials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_settings_2016ce29_nicelydone.jpg",3388,"Settings from Designspiration",[292,300],{"id":293,"label":294,"slug":295,"rank":54,"group":296},94,"Account Settings","account-settings",{"id":297,"label":298,"slug":299},10,"Settings & Admin","settings-and-admin",{"id":78,"label":79,"slug":80,"rank":37,"group":301},{"id":82,"label":83,"slug":84},[303,304,305],{"id":193,"title":194,"slug":195},{"id":256,"title":257,"slug":258},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":307},[],{"uuid":309,"title":130,"description":310,"canonical_path":4,"image":311,"width":45,"height":46,"image_alt":133,"kind":48,"patterns":312,"component_categories":317,"app":320},"e4bfb75f-7c99-403d-af56-e337e9e30189","Modal overlay where the user can create a new collection or select an existing one like Corporate Webdesign to save an item.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_list-2_6691e07f_nicelydone.jpg",[313,315],{"id":101,"label":217,"slug":218,"rank":54,"group":314},{"id":51,"label":109,"slug":110},{"id":105,"label":106,"slug":107,"rank":37,"group":316},{"id":51,"label":109,"slug":110},[318,319],{"id":122,"title":123,"slug":124},{"id":60,"title":61,"slug":62},{"slug":31,"title":30,"logo":33,"categories":321},[],[],[324,326,328,330,332,334,336,338,340,342,344,346,348,351,354,357,360,362,366,370,374],{"label":106,"to":325},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":161,"to":327},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":217,"to":329},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":235,"to":331},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":98,"to":333},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":79,"to":335},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":245,"to":337},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":113,"to":339},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":294,"to":341},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":180,"to":343},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":240,"to":345},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":143,"to":347},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":349,"to":350},"Designspiration marketing pages","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fmarketing",{"label":352,"to":353},"Designspiration user flows","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fflows",{"label":355,"to":356},"Designspiration UI components","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fcomponents",{"label":358,"to":359},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":361,"to":18},"All SaaS app examples",{"label":363,"to":364,"description":365},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":367,"to":368,"description":369},"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":371,"to":372,"description":373},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":375,"to":376,"description":377},"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":379,"updated_at":380},"2016-06-23T15:00:00.000Z","2026-09-13T13:02:39.000Z"]