[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flatitude\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":213,"links":214,"dates":248},"\u002Fexamples\u002Fapps\u002Flatitude\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Latitude UI components examples - Nicelydone","Browse Latitude UI component design examples. Preview individual interface elements and explore related component categories. The data workspace for startups","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F814df62b-52d8-4649-b508-96d3289b0477.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 design examples","\u002Fexamples\u002Fapps\u002Flatitude",{"label":23,"to":4},"Latitude 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},"Latitude","latitude","The data workspace for startups","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flatitude-15bbdedd.png","https:\u002F\u002Flatitude.so","trylatitude",[36,40],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},46,"Analytics","analytics",[45,60,75,90,105,120,132,144,159,174,188,203],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"a068f933-4217-4f51-b60d-f40f5f15db5c","App gallery card","A card displaying a preview thumbnail of an app along with its title, an icon, and the last modified timestamp.",660,558,"App gallery card from Latitude","component",[54],{"id":55,"title":56,"slug":57},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"b3ec05e6-f8b5-4ecc-9a84-674caeb702e8","Sidebar Navigation","A vertical sidebar navigation menu featuring a logo, primary navigation links, a trial status banner, and secondary utility links at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4063de9e-1a7c-448e-b724-36466624b982.png",624,1722,"Sidebar Navigation from Latitude",[69],{"id":70,"title":71,"slug":72},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"6e230f18-27d7-46e0-acd6-1a8766878a61","Categorized FAQ Accordion","A frequently asked questions section organized into categories (Usage, Product, Plans). The first question under Usage is expanded, showing its answer, while the rest are collapsed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc1c4a89f-6715-4429-9859-2cda2d7b0503.png",2064,1724,"Categorized FAQ Accordion from Latitude",[84],{"id":85,"title":86,"slug":87},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":103},"f1c8f641-df9d-48a6-84f7-e3bc5ce36c05","Bento grid feature section","A feature section using a bento grid layout to highlight product benefits. It includes a section title and description, followed by a grid of five cards. Each card features a custom illustration, a bold title, and a brief description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fce9ae11f-88b2-433f-a45d-dc8306135f8b.png",2656,2393,"Bento grid feature section from Latitude",[99],{"id":100,"title":101,"slug":102},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":52,"categories":113,"app":118},"e589fcdb-6f31-4e2c-8e08-889008f97e53","Department segmented control","A horizontal segmented control with four options: Marketing, Finance, Product, and Operations. The 'Marketing' option is currently selected, indicated by a white pill background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F29374bc5-3b50-46c4-8911-b15c088b596b.png",1472,392,"Department segmented control from Latitude",[114],{"id":115,"title":116,"slug":117},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":52,"categories":128,"app":130},"f50f8653-ee99-45b3-8bad-ed0a29a49aa2","FAQ Accordion","A frequently asked questions section featuring a list of collapsible items. Each item has a plus icon indicating it can be expanded to reveal more information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc88ec914-2f70-41a4-8268-670b4a45139e.png",2256,1084,"FAQ Accordion from Latitude",[129],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":139,"kind":52,"categories":140,"app":142},"ed5d8810-1891-492c-8c1d-e2b99c4e27ab","Template card","A card displaying a template title, a short description, and the author's avatar and name.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd2f79085-bae3-42cc-906b-b23bbe283338.png",739,616,"Template card from Latitude",[141],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":151,"kind":52,"categories":152,"app":157},"687d2357-6ca5-4025-83ce-3e4865c70089","CTA Section and Footer","A dark-themed section combining a prominent call-to-action with a standard website footer. The CTA area features a headline, description, a 'Get started' button, and a 3D illustration of a chart with collaborative cursors. Below it, the footer includes a logo, social icons, navigation links organized by category, and legal links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1adc37ce-1cdd-4151-a7e7-e1ffb06bd828.png",3024,1299,"CTA Section and Footer from Latitude",[153],{"id":154,"title":155,"slug":156},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":161,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":166,"kind":52,"categories":167,"app":172},"16175228-fd2a-46f9-9911-a3defdbb3950","Website Header","A standard website header featuring a logo on the left, a central navigation menu, and authentication buttons on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F99cad602-e013-42b1-912f-5743c6e927c8.png",2975,329,"Website Header from Latitude",[168],{"id":169,"title":170,"slug":171},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":181,"kind":52,"categories":182,"app":186},"3ef8caf9-74ef-4c5c-a4ca-ca3823223bfa","Hero CTA buttons","A pair of call-to-action buttons, one primary filled button and one secondary outlined button, set against a subtle dotted grid background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fccc29b1d-9d91-4c0b-aad4-f67f809fcb50.png",949,277,"Hero CTA buttons from Latitude",[183],{"id":180,"title":184,"slug":185},"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":195,"kind":52,"categories":196,"app":201},"646928d3-f8d1-4b2b-9a53-83002d4b5df9","Dashboard grid illustration","A stylized illustration of a dashboard grid featuring KPI cards, a donut chart, a line chart, and a filter panel, set against a dark background with glowing accents.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec9ee422-4898-40fc-b82d-c770c15ebb6d.png",1496,1771,"Dashboard grid illustration from Latitude",[197],{"id":198,"title":199,"slug":200},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":193,"height":194,"image_alt":208,"kind":52,"categories":209,"app":211},"56ae7d31-d56d-46fa-8758-1ebe40397024","Collaborative SQL Editor Mockup","A stylized mockup of a collaborative SQL editor interface. It features a dotted background, a database selector dropdown at the top, user avatars indicating presence, and a central code editor window displaying a SQL query. Two custom cursors with user names ('Kevin' and 'Mike') demonstrate real-time collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F38a62589-6ac2-44ab-aac2-b6041c8ad54e.png","Collaborative SQL Editor Mockup from Latitude",[210],{"id":198,"title":199,"slug":200},{"slug":30,"title":29,"logo":32,"categories":212},[],[],[215,218,221,224,227,230,232,236,240,244],{"label":216,"to":217},"Latitude product screens","\u002Fexamples\u002Fapps\u002Flatitude\u002Fscreens",{"label":219,"to":220},"Latitude marketing pages","\u002Fexamples\u002Fapps\u002Flatitude\u002Fmarketing",{"label":222,"to":223},"Latitude user flows","\u002Fexamples\u002Fapps\u002Flatitude\u002Fflows",{"label":225,"to":226},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":228,"to":229},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":231,"to":18},"All SaaS app examples",{"label":233,"to":234,"description":235},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":237,"to":238,"description":239},"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":241,"to":242,"description":243},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":245,"to":246,"description":247},"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":249,"updated_at":250},"2023-08-14T19:30:56.000Z","2026-09-16T12:10:09.000Z"]