[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":176,"links":177,"dates":208},"\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Latitude.sh UI components examples - Nicelydone","Browse Latitude.sh UI component design examples. Preview individual interface elements and explore related component categories. Deploy and manage fully…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d41ac28-74c4-4d64-bbba-f1feb3ce0b19.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},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":23,"to":4},"Latitude.sh UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Latitude.sh UI component design examples. Preview individual interface elements and explore related component categories. Deploy and manage fully automated bare metal servers globally",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Latitude.sh","latitude-2","Deploy and manage fully automated bare metal servers globally","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","https:\u002F\u002Fwww.latitude.sh\u002F",[36],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",[41,56,69,82,95,104,117,130,139,152,164],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"b0f12aab-4a9b-4682-bd1d-243f38c47105","Latitude.sh UI component","A notification modal displaying an empty state message with a filter dropdown.",1073,1019,"UI component from Latitude.sh","component",[50],{"id":51,"title":52,"slug":53},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":43,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":47,"kind":48,"categories":62,"app":67},"39fcf47a-3d76-4188-af0d-bf88284cf523","Application interface with sidebar navigation and a promotional card","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdc0e0028-9125-419d-96f0-b8ba2f6cc892.png",509,1758,[63],{"id":64,"title":65,"slug":66},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":43,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":47,"kind":48,"categories":75,"app":80},"0a27827f-8c89-49a0-a183-8b96eddc7062","A customer testimonial card featuring a quote, a company logo, and a call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F01c914f0-e091-4920-8685-d96a4e17f547.png",3012,1196,[76],{"id":77,"title":78,"slug":79},224,"Social proof","social-proof",{"slug":31,"title":30,"logo":33,"categories":81},[],{"uuid":83,"title":43,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":47,"kind":48,"categories":88,"app":93},"e0b49ffd-f9e1-48b0-93d6-411cfc38a276","A website header with a dark theme, featuring a global navigation bar and an open dropdown menu for developer resources, documentation, and guides.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0e4dedfd-d9cf-42c5-8c55-32d2411fb01c.png",3024,831,[89],{"id":90,"title":91,"slug":92},290,"Flyout menu","flyout-menu",{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":43,"description":97,"canonical_path":4,"image":98,"width":86,"height":99,"image_alt":47,"kind":48,"categories":100,"app":102},"0693976c-2896-4ec5-a7bc-4df3455d8ef1","A website header with a global navigation bar and an open mega menu displaying solutions categorized by industry, use case, and stage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1d6d3e1f-b794-49c7-917c-a31b4c5f1ed6.png",843,[101],{"id":90,"title":91,"slug":92},{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":43,"description":106,"canonical_path":4,"image":107,"width":108,"height":109,"image_alt":47,"kind":48,"categories":110,"app":115},"3b42f3f8-c9a8-410e-99e2-ebd244063b92","A dark mode website section showcasing a company's value proposition and performance metrics, featuring a brand logo and a call to action, all within a grid layout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d3ff306-59d5-41d8-a7bf-e0711f4f63a6.png",2814,1470,[111],{"id":112,"title":113,"slug":114},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":43,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":47,"kind":48,"categories":123,"app":128},"08192c5b-fdf2-431b-8806-0d8b96304cfa","A website footer displaying navigation links, social media icons, a newsletter signup form, and copyright information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F268a61ac-4901-4950-86dd-8866ecf1d1d2.png",3268,1817,[124],{"id":125,"title":126,"slug":127},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":129},[],{"uuid":131,"title":43,"description":132,"canonical_path":4,"image":133,"width":86,"height":134,"image_alt":47,"kind":48,"categories":135,"app":137},"88f4167d-e111-4ce6-9a78-6b5d66f18a9a","A multi-column dropdown menu displaying cloud computing products and services.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fadd04219-e7e4-4bb0-9611-50cf1939d17d.png",943,[136],{"id":90,"title":91,"slug":92},{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":43,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":47,"kind":48,"categories":145,"app":150},"ae91c20c-071b-41c2-a7e0-2e69d429976f","Website header with global navigation and call to action buttons","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce650687-ddee-4b51-bcec-6d35e72300f4.png",2816,336,[146],{"id":147,"title":148,"slug":149},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":43,"description":154,"canonical_path":4,"image":155,"width":73,"height":156,"image_alt":47,"kind":48,"categories":157,"app":162},"0a80cf57-74bb-4cc2-b507-b07e2ff6dbf4","A landing page for an AI enabler cloud platform, featuring a hero section with a main headline, descriptive text, call-to-action buttons, and a display of client logos.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F72d45908-989e-46a0-978e-839725aff04c.png",1728,[158],{"id":159,"title":160,"slug":161},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":43,"description":166,"canonical_path":4,"image":167,"width":143,"height":168,"image_alt":47,"kind":48,"categories":169,"app":174},"75c165d5-2511-489a-903a-6036519fdde9","A product overview page showcasing various infrastructure services like bare metal, GPU, Kubernetes, storage, virtual machines, cloud gateway, managed databases, and firewall, with configuration snippets.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3fe1fb82-cd02-4321-8b6f-47253638d593.png",2572,[170],{"id":171,"title":172,"slug":173},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":175},[],[],[178,181,184,187,190,192,196,200,204],{"label":179,"to":180},"Latitude.sh product screens","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens",{"label":182,"to":183},"Latitude.sh marketing pages","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fmarketing",{"label":185,"to":186},"Latitude.sh user flows","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fflows",{"label":188,"to":189},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":191,"to":18},"All SaaS app examples",{"label":193,"to":194,"description":195},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":197,"to":198,"description":199},"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":201,"to":202,"description":203},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":205,"to":206,"description":207},"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":209,"updated_at":210},"2026-06-22T13:17:47.000Z","2026-09-14T11:09:31.000Z"]