[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkit-co\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":383,"links":384,"dates":439},"\u002Fexamples\u002Fapps\u002Fkit-co\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Kit product screens examples - Nicelydone","Browse Kit screen design examples. Preview the interface screenshots and explore related UI patterns. Talk about the things worth getting","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_sign-in_bf22cb17_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},"Kit design examples","\u002Fexamples\u002Fapps\u002Fkit-co",{"label":23,"to":4},"Kit 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,"categories":34},"Kit","kit-co","Talk about the things worth getting","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkit-aa12db88.png","https:\u002F\u002Fkit.co",[35],{"id":36,"title":37,"slug":38},27,"Email Newsletters","email-newsletters",[40,77,96,130,176,192,215,241,279,303,328,358],{"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":75},"00d69020-9915-44d6-bb47-8a3d6216215b","Sign in","Sign-in modal where the user can authenticate using their Twitter or Facebook account to add products and make kits.",2800,1544,"Sign in from Kit","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,67,71],{"id":60,"title":61,"slug":62},284,"Modal","modal",{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":44,"height":45,"image_alt":82,"kind":47,"patterns":83,"component_categories":89,"app":94},"4f88e799-6116-4ccf-8740-83e4a95cdb32","Sign up","Signup screen where the user provides their username and email address to finalize account creation over a dimmed feed background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_sign-up_789992c3_nicelydone.jpg","Sign up from Kit",[84],{"id":85,"label":86,"slug":87,"rank":53,"group":88},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[90,91,92,93],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":4,"image":100,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":102,"component_categories":119,"app":128},"baf1617f-2827-41b4-822a-f10fea9f0f52","Onboarding","Home screen with an onboarding modal prompting the user to share a story about a favorite product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_onboarding-2_df4d5071_nicelydone.jpg","Onboarding from Kit",[103,111],{"id":104,"label":105,"slug":106,"rank":53,"group":107},77,"Welcome","welcome",{"id":108,"label":109,"slug":110},7,"Onboarding & Education","onboarding-and-education",{"id":112,"label":113,"slug":114,"rank":55,"group":115},114,"Confirmation","confirmation",{"id":116,"label":117,"slug":118},12,"States & Feedback","states-and-feedback",[120,121,122,126,127],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},240,"Horizontal navigation","horizontal-navigation",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":98,"description":132,"canonical_path":4,"image":133,"width":44,"height":45,"image_alt":101,"kind":47,"patterns":134,"component_categories":165,"app":174},"0b858eda-f748-435c-be80-ab1600958287","Home feed where the user can discover travel kits, follow creators like @STYLESALUTE and @naveen, and is prompted to add their first product via a coach mark.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_onboarding_68cf012f_nicelydone.jpg",[135,143,151,159],{"id":136,"label":137,"slug":138,"rank":53,"group":139},81,"Home","home",{"id":140,"label":141,"slug":142},8,"Pages & Content","pages-and-content",{"id":144,"label":145,"slug":146,"rank":55,"group":147},113,"Social Feed","social-feed",{"id":148,"label":149,"slug":150},11,"Social & Collaboration","social-and-collaboration",{"id":152,"label":153,"slug":154,"rank":155,"group":156},14,"Follow","follow",2,{"id":155,"label":157,"slug":158},"Actions","actions",{"id":160,"label":161,"slug":162,"rank":163,"group":164},79,"Browse","browse",3,{"id":140,"label":141,"slug":142},[166,170,171,172,173],{"id":167,"title":168,"slug":169},214,"Popover","popover",{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":44,"height":45,"image_alt":181,"kind":47,"patterns":182,"component_categories":187,"app":190},"ae011ea3-cdb2-4856-8ca5-a5e1ceccae4f","Create","Creation drawer where the user enters a name and description to start building a new kit.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_create_a91fa89d_nicelydone.jpg","Create from Kit",[183],{"id":108,"label":184,"slug":185,"rank":53,"group":186},"Add & Create","add-and-create",{"id":155,"label":157,"slug":158},[188,189],{"id":123,"title":124,"slug":125},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":191},[],{"uuid":193,"title":137,"description":194,"canonical_path":4,"image":195,"width":44,"height":196,"image_alt":197,"kind":47,"patterns":198,"component_categories":208,"app":213},"b5d41c93-0e10-46e1-bbbf-acb8772e6fba","Home feed where the user discovers curated product kits, featured creators, and trending categories like tech, gaming, and skincare.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_home_fbc2ecb3_nicelydone.jpg",10038,"Home from Kit",[199,201,203],{"id":136,"label":137,"slug":138,"rank":53,"group":200},{"id":140,"label":141,"slug":142},{"id":160,"label":161,"slug":162,"rank":55,"group":202},{"id":140,"label":141,"slug":142},{"id":204,"label":205,"slug":206,"rank":155,"group":207},22,"Search","search",{"id":155,"label":157,"slug":158},[209,210,211,212],{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":4,"image":219,"width":44,"height":220,"image_alt":221,"kind":47,"patterns":222,"component_categories":230,"app":239},"ca4ea883-ed93-4a41-86ad-491b9c137b2f","Profile","Profile page where a user showcases their curated collections of products, organized into themed kits like books, travel, and mornings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_profile_a3bdadc5_nicelydone.jpg",7794,"Profile from Kit",[223,226,228],{"id":163,"label":217,"slug":224,"rank":53,"group":225},"profile",{"id":148,"label":149,"slug":150},{"id":160,"label":161,"slug":162,"rank":55,"group":227},{"id":140,"label":141,"slug":142},{"id":152,"label":153,"slug":154,"rank":155,"group":229},{"id":155,"label":157,"slug":158},[231,235,236,237,238],{"id":232,"title":233,"slug":234},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":243,"description":244,"canonical_path":4,"image":245,"width":44,"height":246,"image_alt":247,"kind":47,"patterns":248,"component_categories":268,"app":277},"bbdce26f-252f-4538-bf11-a1e9688497d2","Single","Detail page where a user views a creator's kit of morning routine products, complete with purchase links and comment threads.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_single_22008cd0_nicelydone.jpg",7888,"Single from Kit",[249,254,259,261,266],{"id":250,"label":251,"slug":252,"rank":53,"group":253},82,"Media Detail","media-detail",{"id":140,"label":141,"slug":142},{"id":255,"label":256,"slug":257,"rank":55,"group":258},106,"Comments","comments",{"id":148,"label":149,"slug":150},{"id":144,"label":145,"slug":146,"rank":155,"group":260},{"id":148,"label":149,"slug":150},{"id":262,"label":263,"slug":264,"rank":163,"group":265},24,"Share","share",{"id":155,"label":157,"slug":158},{"id":160,"label":161,"slug":162,"rank":50,"group":267},{"id":140,"label":141,"slug":142},[269,273,274,275,276],{"id":270,"title":271,"slug":272},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":278},[],{"uuid":280,"title":205,"description":281,"canonical_path":4,"image":282,"width":44,"height":283,"image_alt":284,"kind":47,"patterns":285,"component_categories":295,"app":301},"9ba0c455-ece6-4c90-9d23-e2f66410d134","Search results page displaying a grid of product recommendations matching a query, with tabs to filter by products, kits, or people.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_search-3_d46c49fb_nicelydone.jpg",4538,"Search from Kit",[286,291,293],{"id":287,"label":288,"slug":289,"rank":53,"group":290},84,"Search Results","search-results",{"id":140,"label":141,"slug":142},{"id":160,"label":161,"slug":162,"rank":55,"group":292},{"id":140,"label":141,"slug":142},{"id":204,"label":205,"slug":206,"rank":155,"group":294},{"id":155,"label":157,"slug":158},[296,297,298,299,300],{"id":232,"title":233,"slug":234},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":302},[],{"uuid":304,"title":205,"description":305,"canonical_path":4,"image":306,"width":44,"height":307,"image_alt":284,"kind":47,"patterns":308,"component_categories":320,"app":326},"bdca8f1f-686a-4ec1-9990-dc5b949977aa","Search results page where the user browses a grid of people profiles matching the query 'kevin'.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_search_ecbab11c_nicelydone.jpg",3146,[309,311,313,315],{"id":287,"label":288,"slug":289,"rank":53,"group":310},{"id":140,"label":141,"slug":142},{"id":160,"label":161,"slug":162,"rank":55,"group":312},{"id":140,"label":141,"slug":142},{"id":204,"label":205,"slug":206,"rank":155,"group":314},{"id":155,"label":157,"slug":158},{"id":316,"label":317,"slug":318,"rank":163,"group":319},133,"Invite Teammates","invite-teammates",{"id":155,"label":157,"slug":158},[321,322,323,324,325],{"id":232,"title":233,"slug":234},{"id":64,"title":65,"slug":66},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":327},[],{"uuid":329,"title":330,"description":331,"canonical_path":4,"image":332,"width":44,"height":333,"image_alt":334,"kind":47,"patterns":335,"component_categories":344,"app":356},"e89fe443-5b76-4cc7-bd3d-e3498aadb620","Collection","Community directory where the user browses kit categories like audio, boardgames, and camping to discover curated product lists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_collection-2_f6dbce0b_nicelydone.jpg",6650,"Collection from Kit",[336],{"id":337,"label":338,"slug":339,"rank":53,"group":340},164,"Community Page","community-page",{"id":341,"label":342,"slug":343},15,"Marketing Page Types","marketing-page-types",[345,349,353,354,355],{"id":346,"title":347,"slug":348},258,"Header","header",{"id":350,"title":351,"slug":352},202,"Footer","footer",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":357},[],{"uuid":359,"title":360,"description":361,"canonical_path":4,"image":362,"width":44,"height":45,"image_alt":363,"kind":47,"patterns":364,"component_categories":375,"app":381},"bd16a066-a60e-4d0a-957d-918f7fddaeed","Invite friends","Feed page where the user is prompted to find and invite their Twitter contacts via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fkit_invite-friends-2_50bb7246_nicelydone.jpg","Invite friends from Kit",[365,367,373],{"id":316,"label":317,"slug":318,"rank":53,"group":366},{"id":155,"label":157,"slug":158},{"id":368,"label":233,"slug":234,"rank":55,"group":369},69,{"id":370,"label":371,"slug":372},6,"Navigation & Commands","navigation-and-commands",{"id":204,"label":205,"slug":206,"rank":155,"group":374},{"id":155,"label":157,"slug":158},[376,377,378,379,380],{"id":60,"title":61,"slug":62},{"id":232,"title":233,"slug":234},{"id":123,"title":124,"slug":125},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":382},[],[],[385,387,389,391,393,395,397,399,401,403,405,407,409,412,415,418,421,423,427,431,435],{"label":161,"to":386},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":205,"to":388},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":153,"to":390},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":137,"to":392},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":317,"to":394},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":288,"to":396},"\u002Fexamples\u002Fscreens\u002Fsearch-results",{"label":145,"to":398},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":184,"to":400},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":256,"to":402},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":113,"to":404},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":251,"to":406},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":217,"to":408},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":410,"to":411},"Kit marketing pages","\u002Fexamples\u002Fapps\u002Fkit-co\u002Fmarketing",{"label":413,"to":414},"Kit user flows","\u002Fexamples\u002Fapps\u002Fkit-co\u002Fflows",{"label":416,"to":417},"Kit UI components","\u002Fexamples\u002Fapps\u002Fkit-co\u002Fcomponents",{"label":419,"to":420},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":422,"to":18},"All SaaS app examples",{"label":424,"to":425,"description":426},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":428,"to":429,"description":430},"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":432,"to":433,"description":434},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":436,"to":437,"description":438},"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":440,"updated_at":441},"2016-07-01T08:00:00.000Z","2026-09-13T13:02:39.000Z"]