[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fkit\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":212,"links":213,"dates":247},"\u002Fexamples\u002Fapps\u002Fkit\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Kit UI components examples - Nicelydone","Browse Kit UI component design examples. Preview individual interface elements and explore related component categories. For creators who mean business","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a516cfe-398c-4396-9fd0-9000e2ef1dd9.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},"Kit design examples","\u002Fexamples\u002Fapps\u002Fkit",{"label":23,"to":4},"Kit 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":30,"categories":34},"Kit","kit","For creators who mean business","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkit-4aa63ae6.png","https:\u002F\u002Fkit.com",[35,39],{"id":36,"title":37,"slug":38},27,"Email Newsletters","email-newsletters",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",[44,59,73,88,103,115,128,141,154,167,182,197],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"2950ebde-252c-49f3-b1dd-60e489215dcf","Upgrade prompt alert","An inline alert banner prompting the user to upgrade their plan to add more team members, with a call-to-action button.",2168,347,"Upgrade prompt alert from Kit","component",[53],{"id":54,"title":55,"slug":56},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":61,"description":62,"canonical_path":4,"image":63,"width":48,"height":64,"image_alt":65,"kind":51,"categories":66,"app":71},"223ae184-503b-4db3-9c5e-19c864bcbaee","Informational Alert with CTA","A prominent informational alert box with a light blue background, an icon, a title, descriptive text, and a primary call-to-action button to set up a verified sending domain.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45537f0e-e449-4bf6-b272-cf30a5770a1e.png",626,"Informational Alert with CTA from Kit",[67],{"id":68,"title":69,"slug":70},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":80,"kind":51,"categories":81,"app":86},"e41da09d-7aca-4a2e-af0c-88036d08140d","Kit UI component","A success alert modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2d80f38c-8b58-40dd-87ed-4836b208d72b.png",1134,494,"UI component from Kit",[82],{"id":83,"title":84,"slug":85},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":95,"kind":51,"categories":96,"app":101},"a3bd58e6-5ed3-4b80-bc28-8c38f4106d72","Settings Sidebar Navigation","A vertical sidebar navigation menu for a settings page, divided into 'My Profile' and 'Settings' sections. Each navigation item includes an icon, a title, and a brief description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1759a6bf-9f87-4f08-89d6-2ba5de81876f.png",748,2314,"Settings Sidebar Navigation from Kit",[97],{"id":98,"title":99,"slug":100},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":4,"image":107,"width":108,"height":109,"image_alt":110,"kind":51,"categories":111,"app":113},"927e7efd-090f-447c-9cd0-e2fd19ee1202","User Menu with Upgrade Prompt","A dropdown menu triggered by a user profile button. It features a prominent upgrade prompt for a free trial at the top, followed by standard account options like Settings, Help, and Log Out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc1dab51b-9985-4f0a-a7fb-df90fd037a08.png",757,878,"User Menu with Upgrade Prompt from Kit",[112],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":75,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":80,"kind":51,"categories":121,"app":126},"8bd3737d-6403-4e15-b19e-6d94ea064bd7","This is a screenshot of a visual automation page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02088078-f1d5-44e4-80ce-eea894ce4f50.png",3024,435,[122],{"id":123,"title":124,"slug":125},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":75,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":80,"kind":51,"categories":134,"app":139},"8074c3fe-7f7c-44ab-bd33-04b1c8688b5f","A dropdown menu with bulk actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61671fb3-d4b8-40cf-a643-1b06e2d906c7.png",603,783,[135],{"id":136,"title":137,"slug":138},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":75,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":80,"kind":51,"categories":147,"app":152},"81d143b8-a28e-4c76-b66b-0d465fa7f529","A\u002FB test results table","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0c5219e0-bda3-42fd-91c3-265aba9a4d7d.png",3008,646,[148],{"id":149,"title":150,"slug":151},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":75,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":80,"kind":51,"categories":160,"app":165},"b1877698-22fc-417a-883b-5b3468febccd","This is a modal with a list of options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa96bbbd1-60c4-48fd-adf3-4c7f6654a18d.png",1774,728,[161],{"id":162,"title":163,"slug":164},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":174,"kind":51,"categories":175,"app":180},"ad75d8ce-5bbc-4f56-9ac4-dce6ebd0a588","Line Height Slider","A slider control with an accompanying number input field used to adjust heading line height.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ba8d95f-96a1-4aac-a951-bba361b6d6de.png",784,237,"Line Height Slider from Kit",[176],{"id":177,"title":178,"slug":179},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":189,"kind":51,"categories":190,"app":195},"ddffc533-9801-41e8-9cc4-8fb0f46278ce","Settings Navigation Menu","A vertical navigation menu divided into three sections: Customize, Pages, and Configure. Each section contains a list of items with an icon and a text label.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faa2c7dc0-614e-48d8-9328-09d30731c56b.png",848,1299,"Settings Navigation Menu from Kit",[191],{"id":192,"title":193,"slug":194},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":199,"description":200,"canonical_path":4,"image":201,"width":202,"height":203,"image_alt":204,"kind":51,"categories":205,"app":210},"eec23b7f-910f-46ca-861f-401422828071","Subscriber Growth Chart and KPIs","A line and area chart showing subscriber growth over a 30-day period, with a single data point on the final day. Below the chart is a row of KPI tiles displaying lifetime totals, 90-day averages, and today's metrics.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2b9480cf-9adb-4817-a1d7-64496487d543.png",2908,1183,"Subscriber Growth Chart and KPIs from Kit",[206],{"id":207,"title":208,"slug":209},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":211},[],[],[214,217,220,223,226,229,231,235,239,243],{"label":215,"to":216},"Kit product screens","\u002Fexamples\u002Fapps\u002Fkit\u002Fscreens",{"label":218,"to":219},"Kit marketing pages","\u002Fexamples\u002Fapps\u002Fkit\u002Fmarketing",{"label":221,"to":222},"Kit user flows","\u002Fexamples\u002Fapps\u002Fkit\u002Fflows",{"label":224,"to":225},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":227,"to":228},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":230,"to":18},"All SaaS app examples",{"label":232,"to":233,"description":234},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":236,"to":237,"description":238},"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":240,"to":241,"description":242},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":244,"to":245,"description":246},"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":248,"updated_at":249},"2024-10-24T13:15:44.000Z","2026-09-13T13:02:39.000Z"]