[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":304,"links":305,"dates":366},"\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Kitemaker product screens examples - Nicelydone","Browse Kitemaker screen design examples. Preview the interface screenshots and explore related UI patterns. Build better software. Together.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf264ad3-fa82-4a66-b204-368f0aa31f71.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},"Kitemaker design examples","\u002Fexamples\u002Fapps\u002Fkitemaker",{"label":23,"to":4},"Kitemaker 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":34,"categories":35},"Kitemaker","kitemaker","Build better software. Together.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkitemaker-cfea7794.png","https:\u002F\u002Fkitemaker.co\u002F","KitemakerHQ",[36,40,44],{"id":37,"title":38,"slug":39},86,"Product management","product-management",{"id":41,"title":42,"slug":43},29,"Task Management","task-management",{"id":45,"title":46,"slug":47},35,"Feedback","feedback",[49,74,90,100,120,141,154,164,194,209,233,251],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":72},"af264ad3-fa82-4a66-b204-368f0aa31f71","Kitemaker · Log in","Sign-in screen where the user authenticates with Google, WorkOS SSO, or email and password.",3024,1718,"Kitemaker · Log in from Kitemaker","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":76,"description":77,"canonical_path":4,"image":78,"width":53,"height":54,"image_alt":79,"kind":56,"patterns":80,"component_categories":86,"app":88},"e61b7347-a4ca-4d95-a9d3-abf54d1c1d99","Kitemaker · Forgot password","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe61b7347-a4ca-4d95-a9d3-abf54d1c1d99.png","Kitemaker · Forgot password from Kitemaker",[81],{"id":82,"label":83,"slug":84,"rank":62,"group":85},2,"Forgot Password","forgot-password",{"id":64,"label":65,"slug":66},[87],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":76,"description":77,"canonical_path":4,"image":92,"width":53,"height":54,"image_alt":79,"kind":56,"patterns":93,"component_categories":96,"app":98},"e374ba46-a639-45db-aa91-85f5018e0100","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe374ba46-a639-45db-aa91-85f5018e0100.png",[94],{"id":82,"label":83,"slug":84,"rank":62,"group":95},{"id":64,"label":65,"slug":66},[97],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":4,"image":104,"width":53,"height":54,"image_alt":105,"kind":56,"patterns":106,"component_categories":116,"app":118},"858d6cd2-b6dc-4db0-9bc6-7b3754d54aac","Kitemaker · Sign up","Signup screen where the user creates a Kitemaker account using Google OAuth or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F858d6cd2-b6dc-4db0-9bc6-7b3754d54aac.png","Kitemaker · Sign up from Kitemaker",[107,112],{"id":108,"label":109,"slug":110,"rank":62,"group":111},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},{"id":64,"label":113,"slug":114,"rank":64,"group":115},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[117],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":53,"height":54,"image_alt":125,"kind":56,"patterns":126,"component_categories":137,"app":139},"07682c61-826b-4dba-bd56-caf9415784f5","Kitemaker · Terms | privacy policy","Legal gate where the user must agree to the Terms of Service and Privacy Policy to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F07682c61-826b-4dba-bd56-caf9415784f5.png","Kitemaker · Terms | privacy policy from Kitemaker",[127,135],{"id":128,"label":129,"slug":130,"rank":62,"group":131},114,"Confirmation","confirmation",{"id":132,"label":133,"slug":134},12,"States & Feedback","states-and-feedback",{"id":64,"label":113,"slug":114,"rank":64,"group":136},{"id":64,"label":65,"slug":66},[138],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":4,"image":145,"width":53,"height":54,"image_alt":146,"kind":56,"patterns":147,"component_categories":150,"app":152},"9ec4c1af-8700-427b-bbd8-c95a8fdb40d4","Kitemaker · Create organization","Onboarding step where the user names and creates a new Kitemaker organization for their team.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ec4c1af-8700-427b-bbd8-c95a8fdb40d4.png","Kitemaker · Create organization from Kitemaker",[148],{"id":64,"label":113,"slug":114,"rank":62,"group":149},{"id":64,"label":65,"slug":66},[151],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":143,"description":156,"canonical_path":4,"image":157,"width":53,"height":54,"image_alt":146,"kind":56,"patterns":158,"component_categories":161,"app":162},"3fe704d1-a535-4956-9564-153a29ab1d88","Onboarding step where the user names their new organization to continue setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fe704d1-a535-4956-9564-153a29ab1d88.png",[159],{"id":64,"label":113,"slug":114,"rank":62,"group":160},{"id":64,"label":65,"slug":66},[],{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":143,"description":166,"canonical_path":4,"image":167,"width":53,"height":54,"image_alt":146,"kind":56,"patterns":168,"component_categories":190,"app":192},"8b532011-50ce-43a4-b2c9-7930ccc5db77","Onboarding step where the user learns the keyboard shortcut to open the command menu before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b532011-50ce-43a4-b2c9-7930ccc5db77.png",[169,177,185],{"id":170,"label":171,"slug":172,"rank":62,"group":173},63,"Command Palette","command-palette",{"id":174,"label":175,"slug":176},6,"Navigation & Commands","navigation-and-commands",{"id":178,"label":179,"slug":180,"rank":64,"group":181},72,"Getting Started","getting-started",{"id":182,"label":183,"slug":184},7,"Onboarding & Education","onboarding-and-education",{"id":186,"label":187,"slug":188,"rank":82,"group":189},73,"Guided Tour","guided-tour",{"id":182,"label":183,"slug":184},[191],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":143,"description":196,"canonical_path":4,"image":197,"width":53,"height":54,"image_alt":146,"kind":56,"patterns":198,"component_categories":205,"app":207},"46238afd-5306-4c9f-a15e-89f55595a5d8","Onboarding step where the user is prompted to interact with the open command menu to learn how to navigate the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F46238afd-5306-4c9f-a15e-89f55595a5d8.png",[199,201,203],{"id":170,"label":171,"slug":172,"rank":62,"group":200},{"id":174,"label":175,"slug":176},{"id":186,"label":187,"slug":188,"rank":64,"group":202},{"id":182,"label":183,"slug":184},{"id":178,"label":179,"slug":180,"rank":82,"group":204},{"id":182,"label":183,"slug":184},[206],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":208},[],{"uuid":210,"title":143,"description":211,"canonical_path":4,"image":212,"width":53,"height":54,"image_alt":146,"kind":56,"patterns":213,"component_categories":229,"app":231},"90384d2f-ac29-4af5-8faa-aeb89cd7cd18","Onboarding step where the user invites teammates by entering their email addresses or chooses to skip for now.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90384d2f-ac29-4af5-8faa-aeb89cd7cd18.png",[214,221],{"id":215,"label":216,"slug":217,"rank":62,"group":218},133,"Invite Teammates","invite-teammates",{"id":82,"label":219,"slug":220},"Actions","actions",{"id":222,"label":223,"slug":224,"rank":64,"group":225},104,"Team Management","team-management",{"id":226,"label":227,"slug":228},10,"Settings & Admin","settings-and-admin",[230],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":143,"description":235,"canonical_path":4,"image":236,"width":53,"height":54,"image_alt":146,"kind":56,"patterns":237,"component_categories":247,"app":249},"b8aafdc5-feda-409a-a225-60183e2971e6","Onboarding step where the user invites teammates by entering their email addresses before proceeding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8aafdc5-feda-409a-a225-60183e2971e6.png",[238,240,245],{"id":215,"label":216,"slug":217,"rank":62,"group":239},{"id":82,"label":219,"slug":220},{"id":241,"label":242,"slug":243,"rank":64,"group":244},74,"Onboarding Checklist","onboarding-checklist",{"id":182,"label":183,"slug":184},{"id":222,"label":223,"slug":224,"rank":82,"group":246},{"id":226,"label":227,"slug":228},[248],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":253,"description":254,"canonical_path":4,"image":255,"width":53,"height":54,"image_alt":256,"kind":56,"patterns":257,"component_categories":285,"app":302},"340ccaee-bf40-44fe-b335-d3be7937a101","Nicelydone · Nicelydone","List view where the user manages current work items across Todo, In progress, and Done columns on a kanban board.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F340ccaee-bf40-44fe-b335-d3be7937a101.png","Nicelydone · Nicelydone from Kitemaker",[258,265,270,274,280],{"id":259,"label":260,"slug":261,"rank":62,"group":262},41,"Dashboard","dashboard",{"id":59,"label":263,"slug":264},"Data & Analysis","data-and-analysis",{"id":266,"label":267,"slug":268,"rank":64,"group":269},47,"Table","table",{"id":59,"label":263,"slug":264},{"id":182,"label":271,"slug":272,"rank":82,"group":273},"Add & Create","add-and-create",{"id":82,"label":219,"slug":220},{"id":275,"label":276,"slug":277,"rank":278,"group":279},13,"Filter & Sort","filter-and-sort",3,{"id":82,"label":219,"slug":220},{"id":281,"label":282,"slug":283,"rank":59,"group":284},70,"View Switcher","view-switcher",{"id":174,"label":175,"slug":176},[286,290,294,298],{"id":287,"title":288,"slug":289},177,"Breadcrumb","breadcrumb",{"id":291,"title":292,"slug":293},277,"Button group","button-group",{"id":295,"title":296,"slug":297},260,"Badge","badge",{"id":299,"title":300,"slug":301},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":303},[],[],[306,308,310,312,314,316,318,320,322,324,326,328,330,333,336,339,342,345,348,350,354,358,362],{"label":113,"to":307},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":171,"to":309},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":83,"to":311},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":179,"to":313},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":187,"to":315},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":216,"to":317},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":223,"to":319},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":271,"to":321},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":129,"to":323},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":260,"to":325},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":276,"to":327},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":242,"to":329},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":331,"to":332},"Kitemaker marketing pages","\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fmarketing",{"label":334,"to":335},"Kitemaker user flows","\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fflows",{"label":337,"to":338},"Kitemaker UI components","\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fcomponents",{"label":340,"to":341},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":343,"to":344},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":346,"to":347},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"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},"2023-10-10T13:36:08.000Z","2026-09-13T13:02:39.000Z"]