[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fcomponents":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":202,"links":203,"dates":222},"\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Kitemaker UI components examples - Nicelydone","Browse Kitemaker UI component design examples. Preview individual interface elements and explore related component categories. Build better software. Together.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffbda9e60-da1f-40b1-85e2-f4417c235136.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 UI components 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,64,74,87,100,113,126,139,152,165,178,191],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"f5a3e12a-99e3-4d4d-bbd0-379691ae4aaa","Kitemaker UI component","A settings menu with nested navigation.",640,1845,"UI component from Kitemaker","component",[58],{"id":59,"title":60,"slug":61},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":72},"451551f2-69a6-47f2-ab4a-50e132ab5119","A navigation sidebar with a dark theme.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba6d816c-0f91-43b7-acb4-c1efd3c73c80.png",698,1843,[71],{"id":59,"title":60,"slug":61},{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":55,"kind":56,"categories":80,"app":85},"ea6a0d02-e3c1-4ce9-8f0d-6a38c6f2783f","A text editor toolbar","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F20510fb9-15df-4613-bb1e-ad0c613382f7.png",1312,392,[81],{"id":82,"title":83,"slug":84},196,"Inline editing","inline-editing",{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":51,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":55,"kind":56,"categories":93,"app":98},"ccb3e1e1-f9fc-4f29-8ba3-8947f401afcd","A modal to set impact levels","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff7639427-f3ce-4b7d-8de8-7d09aaeeae95.png",1716,628,[94],{"id":95,"title":96,"slug":97},251,"Reorder","reorder",{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":51,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":55,"kind":56,"categories":106,"app":111},"633ec764-3dae-4ff2-b229-0df6ad36d9a8","A code block with a dropdown","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd5d56b43-e499-4e65-9e1d-26e5de5866f0.png",1664,391,[107],{"id":108,"title":109,"slug":110},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"c8545e2a-9745-4793-a22a-67babecc1ae7","A modal to select the interface appearance","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F03886443-2fe2-4ba9-8801-ac129059f1ea.png",910,250,[120],{"id":121,"title":122,"slug":123},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"d20a226f-6764-4796-a5af-f893f2918267","Email input field","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa157e8af-fb4b-499e-9d66-84e26a61051c.png",1232,373,[133],{"id":134,"title":135,"slug":136},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":150},"0be03abc-1fb6-4d09-9315-f47558885eb3","This is a header navigation bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F726b236b-7407-475e-9900-32d5842710db.png",2679,376,[146],{"id":147,"title":148,"slug":149},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":55,"kind":56,"categories":158,"app":163},"f6bbea8b-b288-4566-9913-df4b45c81c4c","A modal with a toggle to enable or disable shortcut hints.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb95e0589-d96b-424c-a037-2f91c91fd52c.png",1710,347,[159],{"id":160,"title":161,"slug":162},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":51,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":55,"kind":56,"categories":171,"app":176},"aef56470-3380-4ff4-8935-37baffe9c080","A modal displaying a token","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44535f30-0b77-4dc7-9b3c-57aca089bde8.png",1004,297,[172],{"id":173,"title":174,"slug":175},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":51,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":55,"kind":56,"categories":184,"app":189},"764e8b55-1adf-4bf0-b1dd-e616b6d456c5","A modal for upgrading to a standard tier plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F38f3974f-2fe2-40cc-bcce-1d35bfef1aa5.png",834,714,[185],{"id":186,"title":187,"slug":188},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":51,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":55,"kind":56,"categories":197,"app":200},"4f7d8a80-88c7-469c-86c0-ec34d56851ed","A modal alert indicating a work item has been archived with an undo option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84b177c6-a7de-46f1-abc2-f5211963afa6.png",900,333,[198],{"id":199,"title":46,"slug":47},296,{"slug":30,"title":29,"logo":32,"categories":201},[],[],[204,207,210,213,216,219],{"label":205,"to":206},"Kitemaker product screens","\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fscreens",{"label":208,"to":209},"Kitemaker marketing pages","\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fmarketing",{"label":211,"to":212},"Kitemaker user flows","\u002Fexamples\u002Fapps\u002Fkitemaker\u002Fflows",{"label":214,"to":215},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":217,"to":218},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":220,"to":221},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":223,"updated_at":224},"2023-10-10T13:37:40.000Z","2026-09-13T13:02:39.000Z"]