[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdesignspiration":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":334,"dates":366},"\u002Fexamples\u002Fapps\u002Fdesignspiration","detail","apps",true,{"title":9,"description":10,"og_image":11},"Designspiration design examples - Nicelydone","Explore Designspiration UI design examples. The best creative inspiration from around the world","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_sign-in_481e8526_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Designspiration design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Designspiration",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":35,"categories":40},"Designspiration","designspiration","The best creative inspiration from around the world","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdesignspiration-1a6f268b.png","http:\u002F\u002Fdesignspiration.net",[41],{"id":42,"title":43,"slug":44},1,"Communities","communities",[],[47,331],{"family":48,"examples":49},"screens",[50,74,98,137,161,179,208,218,235,273,293,317],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":67,"app":72},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},2,"Forgot Password","forgot-password",0,{"id":42,"label":65,"slug":66},"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":29,"image":78,"width":54,"height":55,"image_alt":79,"kind":57,"patterns":80,"component_categories":94,"app":96},"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",[81,86],{"id":82,"label":83,"slug":84,"rank":63,"group":85},5,"Sign Up","sign-up",{"id":42,"label":65,"slug":66},{"id":87,"label":88,"slug":89,"rank":42,"group":90},3,"Profile","profile",{"id":91,"label":92,"slug":93},11,"Social & Collaboration","social-and-collaboration",[95],{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":29,"image":102,"width":54,"height":55,"image_alt":103,"kind":57,"patterns":104,"component_categories":125,"app":135},"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",[105,113,120],{"id":106,"label":107,"slug":108,"rank":63,"group":109},74,"Onboarding Checklist","onboarding-checklist",{"id":110,"label":111,"slug":112},7,"Onboarding & Education","onboarding-and-education",{"id":114,"label":115,"slug":116,"rank":42,"group":117},23,"Select","select",{"id":60,"label":118,"slug":119},"Actions","actions",{"id":121,"label":122,"slug":123,"rank":60,"group":124},77,"Welcome","welcome",{"id":110,"label":111,"slug":112},[126,130,134],{"id":127,"title":128,"slug":129},174,"Card","card",{"id":131,"title":132,"slug":133},284,"Modal","modal",{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":29,"image":141,"width":54,"height":55,"image_alt":142,"kind":57,"patterns":143,"component_categories":155,"app":159},"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",[144,146,148,150],{"id":106,"label":107,"slug":108,"rank":63,"group":145},{"id":110,"label":111,"slug":112},{"id":114,"label":115,"slug":116,"rank":42,"group":147},{"id":60,"label":118,"slug":119},{"id":121,"label":122,"slug":123,"rank":60,"group":149},{"id":110,"label":111,"slug":112},{"id":151,"label":152,"slug":153,"rank":87,"group":154},13,"Filter & Sort","filter-and-sort",{"id":60,"label":118,"slug":119},[156,157,158],{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":160},[],{"uuid":162,"title":100,"description":163,"canonical_path":29,"image":164,"width":54,"height":55,"image_alt":103,"kind":57,"patterns":165,"component_categories":173,"app":177},"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",[166,168],{"id":114,"label":115,"slug":116,"rank":63,"group":167},{"id":60,"label":118,"slug":119},{"id":169,"label":170,"slug":171,"rank":42,"group":172},14,"Follow","follow",{"id":60,"label":118,"slug":119},[174,175,176],{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":29,"image":183,"width":54,"height":184,"image_alt":185,"kind":57,"patterns":186,"component_categories":200,"app":206},"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",[187,195],{"id":188,"label":189,"slug":190,"rank":63,"group":191},79,"Browse","browse",{"id":192,"label":193,"slug":194},8,"Pages & Content","pages-and-content",{"id":196,"label":197,"slug":198,"rank":42,"group":199},22,"Search","search",{"id":60,"label":118,"slug":119},[201,205],{"id":202,"title":203,"slug":204},240,"Horizontal navigation","horizontal-navigation",{"id":127,"title":128,"slug":129},{"slug":36,"title":35,"logo":38,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":29,"image":212,"width":54,"height":55,"image_alt":213,"kind":57,"patterns":214,"component_categories":215,"app":216},"89a48515-a347-42c7-8fdd-653c9c949c06","Dropdown","Design Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdesignspiration_dropdown_331a5f7c_nicelydone.jpg","Dropdown from Designspiration",[],[],{"slug":36,"title":35,"logo":38,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":29,"image":222,"width":54,"height":55,"image_alt":223,"kind":57,"patterns":224,"component_categories":229,"app":233},"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",[225],{"id":110,"label":226,"slug":227,"rank":63,"group":228},"Add & Create","add-and-create",{"id":60,"label":118,"slug":119},[230,231,232],{"id":202,"title":203,"slug":204},{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":234},[],{"uuid":236,"title":237,"description":238,"canonical_path":29,"image":239,"width":54,"height":55,"image_alt":240,"kind":57,"patterns":241,"component_categories":259,"app":271},"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",[242,247,252,257],{"id":243,"label":244,"slug":245,"rank":63,"group":246},82,"Media Detail","media-detail",{"id":192,"label":193,"slug":194},{"id":248,"label":249,"slug":250,"rank":42,"group":251},12,"Favorite","favorite",{"id":60,"label":118,"slug":119},{"id":253,"label":254,"slug":255,"rank":60,"group":256},24,"Share","share",{"id":60,"label":118,"slug":119},{"id":169,"label":170,"slug":171,"rank":87,"group":258},{"id":60,"label":118,"slug":119},[260,264,268,269,270],{"id":261,"title":262,"slug":263},277,"Button group","button-group",{"id":265,"title":266,"slug":267},169,"Avatar","avatar",{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":272},[],{"uuid":274,"title":254,"description":275,"canonical_path":29,"image":276,"width":54,"height":55,"image_alt":277,"kind":57,"patterns":278,"component_categories":285,"app":291},"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",[279,281,283],{"id":243,"label":244,"slug":245,"rank":63,"group":280},{"id":192,"label":193,"slug":194},{"id":253,"label":254,"slug":255,"rank":42,"group":282},{"id":60,"label":118,"slug":119},{"id":169,"label":170,"slug":171,"rank":60,"group":284},{"id":60,"label":118,"slug":119},[286,287,288,289,290],{"id":261,"title":262,"slug":263},{"id":265,"title":266,"slug":267},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":292},[],{"uuid":294,"title":295,"description":296,"canonical_path":29,"image":297,"width":54,"height":298,"image_alt":299,"kind":57,"patterns":300,"component_categories":311,"app":315},"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",[301,309],{"id":302,"label":303,"slug":304,"rank":63,"group":305},94,"Account Settings","account-settings",{"id":306,"label":307,"slug":308},10,"Settings & Admin","settings-and-admin",{"id":87,"label":88,"slug":89,"rank":42,"group":310},{"id":91,"label":92,"slug":93},[312,313,314],{"id":202,"title":203,"slug":204},{"id":265,"title":266,"slug":267},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":316},[],{"uuid":318,"title":139,"description":319,"canonical_path":29,"image":320,"width":54,"height":55,"image_alt":142,"kind":57,"patterns":321,"component_categories":326,"app":329},"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",[322,324],{"id":110,"label":226,"slug":227,"rank":63,"group":323},{"id":60,"label":118,"slug":119},{"id":114,"label":115,"slug":116,"rank":42,"group":325},{"id":60,"label":118,"slug":119},[327,328],{"id":131,"title":132,"slug":133},{"id":69,"title":70,"slug":71},{"slug":36,"title":35,"logo":38,"categories":330},[],{"family":332,"examples":333},"pages",[],[335,337,339,342,345,348,350,354,358,362],{"label":336,"to":29},"Designspiration product screens",{"label":338,"to":32},"Designspiration marketing pages",{"label":340,"to":341},"Designspiration user flows","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fflows",{"label":343,"to":344},"Designspiration UI components","\u002Fexamples\u002Fapps\u002Fdesignspiration\u002Fcomponents",{"label":346,"to":347},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":349,"to":18},"All SaaS app examples",{"label":351,"to":352,"description":353},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":355,"to":356,"description":357},"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":359,"to":360,"description":361},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":363,"to":364,"description":365},"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":367,"updated_at":368},"2016-06-23T15:00:00.000Z","2026-09-13T13:02:39.000Z"]