[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkinsta\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":177,"links":178,"dates":194},"\u002Fexamples\u002Fapps\u002Fkinsta\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Kinsta UI components examples - Nicelydone","Browse Kinsta UI component design examples. Preview individual interface elements and explore related component categories. Simply better hosting for WordPress","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6f542683-e9d5-4ae3-9d2a-32278ed34226.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},"Kinsta design examples","\u002Fexamples\u002Fapps\u002Fkinsta",{"label":23,"to":4},"Kinsta 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,"categories":34},"Kinsta","kinsta","Simply better hosting for WordPress","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1206afb6-473b-4871-9c3a-5ae09d868502.png","https:\u002F\u002Fkinsta.com",[35,39],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},48,"Developer Tools","developer-tools",[44,59,69,77,86,95,104,113,125,138,151,164],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"bd85fc9e-0202-4bb6-8892-65db13abc1fc","Kinsta UI component","The screenshot displays a bar chart comparing desktop, tablet, and mobile usage over a 24-hour period.",2890,1334,"UI component from Kinsta","component",[53],{"id":54,"title":55,"slug":56},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":67},"e36a9ceb-9d9b-4383-a14a-9e861dcc4823","The screenshot displays analytics for storage, memory, and CPU usage over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac3cba90-af74-44b6-8c8d-4cc2868ea739.png",2608,2240,[66],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":46,"canonical_path":4,"image":71,"width":63,"height":72,"image_alt":50,"kind":51,"categories":73,"app":75},"2b900527-5cc4-412c-976e-484fe0819f1b","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ac36dc3-5db6-4ceb-ae44-f29cb1a46298.png",1612,[74],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":46,"description":79,"canonical_path":4,"image":80,"width":63,"height":81,"image_alt":50,"kind":51,"categories":82,"app":84},"e4166c7a-91be-49b8-a4ea-5409b81d232d","The screenshot displays a dashboard with cache component statistics, including a stacked bar chart and a pie chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2acec6c3-93c2-4399-bb13-e3ca2cbc6978.png",1942,[83],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":46,"description":88,"canonical_path":4,"image":89,"width":63,"height":90,"image_alt":50,"kind":51,"categories":91,"app":93},"c6f41ec9-b9d1-4fbf-aa1c-2ac831e783b1","A dashboard displaying response code breakdowns and statistics.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4d399d7-119f-49e1-92d1-1c18a78baba3.png",3488,[92],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":46,"description":97,"canonical_path":4,"image":98,"width":63,"height":99,"image_alt":50,"kind":51,"categories":100,"app":102},"eb98c926-f949-478c-be4c-803ebe17610e","The screenshot shows two line charts displaying CDN and edge cache bandwidth.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F94e994d0-a82d-4b60-9dc6-ce8d6bb5a9d7.png",1904,[101],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":46,"description":106,"canonical_path":4,"image":107,"width":63,"height":108,"image_alt":50,"kind":51,"categories":109,"app":111},"a1f51f0c-ef6a-4f5d-bfcd-e7a0569064e8","The screenshot displays a dashboard with charts showing website visits, server bandwidth, and disk space usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43e0f837-e6cc-46d1-b3ec-ef7c870684af.png",2801,[110],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":46,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":50,"kind":51,"categories":118,"app":123},"706d7679-0bf1-4fe1-a8d7-82ea1fd33b2d","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4412bf9d-3fa8-4f2f-8acb-7183b566e389.png",1841,958,[119],{"id":120,"title":121,"slug":122},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":46,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":50,"kind":51,"categories":131,"app":136},"50279129-3e3e-4175-8571-000aabd74561","The image shows a quantity selector with increment and decrement buttons, a text field displaying the quantity, and a description of the item being quantified.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F59e462aa-86bf-45a0-8638-229f1a6fae02.png",970,271,[132],{"id":133,"title":134,"slug":135},257,"Input number","input-number",{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":46,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":50,"kind":51,"categories":144,"app":149},"ed6152dd-3e88-4804-bf00-8435a88c4ee1","The screenshot shows a dropdown menu for selecting the total memory pool size, with options ranging from 512 MB to 4 GB, and corresponding monthly costs for each option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee0c3843-5719-412f-bcbb-14615f585f23.png",1654,844,[145],{"id":146,"title":147,"slug":148},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":46,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":50,"kind":51,"categories":157,"app":162},"67bcf041-1825-4474-ab23-38ed234ca03a","The modal shows a success message indicating that password authentication has been disabled.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F87ec549e-f9f8-4c3b-843d-f70c5d7e1307.png",630,387,[158],{"id":159,"title":160,"slug":161},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":46,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":50,"kind":51,"categories":170,"app":175},"7870f794-2d52-4c7b-a06b-236f07caf2a2","A list of settings options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fca232476-5542-4e9c-8160-4da956810800.png",592,1153,[171],{"id":172,"title":173,"slug":174},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":176},[],[],[179,182,185,188,191],{"label":180,"to":181},"Kinsta product screens","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fscreens",{"label":183,"to":184},"Kinsta marketing pages","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fmarketing",{"label":186,"to":187},"Kinsta user flows","\u002Fexamples\u002Fapps\u002Fkinsta\u002Fflows",{"label":189,"to":190},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":192,"to":193},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":195,"updated_at":196},"2025-11-02T20:26:50.000Z","2026-09-13T13:02:39.000Z"]