[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fflyout-menu":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":320,"links":321,"dates":364},"\u002Fexamples\u002Fcomponents\u002Fflyout-menu","collection","components",true,{"example_count":9,"app_count":10},245,110,{"id":12,"title":13,"description":14},290,"Flyout menu","Explore how interfaces reveal navigation or actions beside a trigger. Look at how flyout panels group destinations and connect their content with the surrounding menu.",{"title":16,"description":17,"og_image":18},"Flyout menu UI examples - Nicelydone","Flyout menu UI design examples from SaaS apps. Explore how interfaces reveal navigation or actions beside a trigger. Look at how flyout panels group…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4febfed3-29bd-42bf-a03a-b26b47eff675.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Flyout menu UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Flyout menu UI design examples from SaaS apps. Explore how interfaces reveal navigation or actions beside a trigger. Look at how flyout panels group destinations and connect their content with the…",[32],{"title":33,"description":14,"links":34},"About Flyout menu",[],[36],"245 UI components",[38,60,93,122,140,165,188,215,233,252,273,300],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"9b792c52-0034-4206-848a-730925d38129","Riverside UI component","A mega menu displaying resources, community, and support links, along with visual cards showcasing product features and content.","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents",2228,889,"UI component from Riverside","component",[48],{"id":12,"title":13,"slug":49},"flyout-menu",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[56],{"id":57,"title":58,"slug":59},100,"Video","video",{"uuid":61,"title":62,"description":63,"canonical_path":64,"image":65,"width":66,"height":67,"image_alt":68,"kind":46,"categories":69,"app":71},"61079288-aedc-4d35-8dd2-e244e223e308","Axiom UI component","A dark mode dropdown menu displaying various product use cases with icons and descriptions.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16ab59ab-fbe3-43da-b12b-6bb3123114be.png",1228,732,"UI component from Axiom",[70],{"id":12,"title":13,"slug":49},{"slug":72,"title":73,"logo":74,"baseline":75,"categories":76},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[77,81,85,89],{"id":78,"title":79,"slug":80},46,"Analytics","analytics",{"id":82,"title":83,"slug":84},57,"Big data","big-data",{"id":86,"title":87,"slug":88},16,"Monitoring","monitoring",{"id":90,"title":91,"slug":92},48,"Developer Tools","developer-tools",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"kind":46,"categories":102,"app":104},"624a16fa-d714-4bbf-8b47-6a6717e8bd9d","Lithic UI component","A dropdown navigation menu displaying developer resources and guides.","\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1f9eb77d-d9f1-483b-8df7-ec266e0b53ac.png",2388,1113,"UI component from Lithic",[103],{"id":12,"title":13,"slug":49},{"slug":105,"title":106,"logo":107,"baseline":108,"categories":109},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[110,114,118],{"id":111,"title":112,"slug":113},36,"Finance","finance",{"id":115,"title":116,"slug":117},39,"Payments","payments",{"id":119,"title":120,"slug":121},37,"Developer APIs","developer-apis",{"uuid":123,"title":124,"description":125,"canonical_path":126,"image":127,"width":128,"height":129,"image_alt":130,"kind":46,"categories":131,"app":133},"dda293ee-698f-4e07-a7c9-4820b7c8f2bc","Visitors UI component","A dropdown menu displaying various features of a web analytics or business intelligence platform, with navigation links at the top.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0120dc94-f378-47df-a3b8-354cc50ee64f.png",1180,841,"UI component from Visitors",[132],{"id":12,"title":13,"slug":49},{"slug":134,"title":135,"logo":136,"baseline":137,"categories":138},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[139],{"id":78,"title":79,"slug":80},{"uuid":141,"title":142,"description":143,"canonical_path":144,"image":145,"width":146,"height":147,"image_alt":148,"kind":46,"categories":149,"app":151},"227c7e5a-219c-41af-a0e8-37869e36a47a","Dock UI component","A dropdown menu displaying product features categorized under collaboration, content, learning, and AI & integrations.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fede525f1-005f-4d02-bf80-1749ea0cbad1.png",2226,702,"UI component from Dock",[150],{"id":12,"title":13,"slug":49},{"slug":152,"title":153,"logo":154,"baseline":155,"categories":156},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[157,161],{"id":158,"title":159,"slug":160},23,"Collaboration","collaboration",{"id":162,"title":163,"slug":164},29,"Task Management","task-management",{"uuid":166,"title":167,"description":168,"canonical_path":169,"image":170,"width":171,"height":172,"image_alt":173,"kind":46,"categories":174,"app":176},"e2361859-d0b3-4f8b-a222-f625efcd0b79","Appwrite UI component","A mega menu displaying product categories, customer stories, and product comparisons for a development platform.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43c06de5-5b74-45b5-8e3f-0838b77496a7.png",3024,978,"UI component from Appwrite",[175],{"id":12,"title":13,"slug":49},{"slug":177,"title":178,"logo":179,"baseline":180,"categories":181},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[182,183,184],{"id":90,"title":91,"slug":92},{"id":119,"title":120,"slug":121},{"id":185,"title":186,"slug":187},45,"Open Source","open-source",{"uuid":189,"title":190,"canonical_path":191,"image":192,"width":171,"height":193,"image_alt":194,"kind":46,"categories":195,"app":197},"c9dfba3c-12e9-4a5f-9ecf-56b200e2e891","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55f13fd3-0835-4575-8234-60ad74cbadb3.png",1235,"UI component from Voiceflow",[196],{"id":12,"title":13,"slug":49},{"slug":198,"title":199,"logo":200,"baseline":201,"categories":202},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[203,207,211],{"id":204,"title":205,"slug":206},80,"Artificial Intelligence","artificial-intelligence",{"id":208,"title":209,"slug":210},47,"Customer Service","customer-service",{"id":212,"title":213,"slug":214},96,"No code","no-code",{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":171,"height":221,"image_alt":222,"kind":46,"categories":223,"app":225},"46e6fe6d-f1a0-480b-acbc-e01ef01b3932","Resources Mega Menu","Displays categorized navigation links split into LEARN and ABOUT US sections with descriptions.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae2aa3b0-3ea9-48c2-beab-2e12d231856d.png",1304,"Resources Mega Menu from HeyGen",[224],{"id":12,"title":13,"slug":49},{"slug":226,"title":227,"logo":228,"baseline":229,"categories":230},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[231,232],{"id":57,"title":58,"slug":59},{"id":204,"title":205,"slug":206},{"uuid":234,"title":235,"description":236,"canonical_path":237,"image":238,"width":239,"height":240,"image_alt":241,"kind":46,"categories":242,"app":244},"ae440e03-8c9d-43d3-9396-ef01192a5b2d","Elevenlabs UI component","A dropdown menu displaying product features, industries, and use cases for AI agents.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc1a0d3c3-0600-48b3-94cc-f48f9b3a95e4.png",2064,997,"UI component from Elevenlabs",[243],{"id":12,"title":13,"slug":49},{"slug":245,"title":246,"logo":247,"baseline":248,"categories":249},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[250,251],{"id":204,"title":205,"slug":206},{"id":119,"title":120,"slug":121},{"uuid":253,"title":254,"description":255,"canonical_path":256,"image":257,"width":258,"height":259,"image_alt":260,"kind":46,"categories":261,"app":263},"173f4dea-2c59-40c1-855a-a5bd0540d96d","Aboard UI component","A dropdown menu displaying resource options like 'What's new' and 'Help center' triggered by a 'Resources' button.","\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe742004e-090c-417c-a83e-39f3ab6a4f88.png",527,404,"UI component from Aboard",[262],{"id":12,"title":13,"slug":49},{"slug":264,"title":265,"logo":266,"baseline":267,"categories":268},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[269],{"id":270,"title":271,"slug":272},10,"Human resources","human-resources",{"uuid":274,"title":275,"description":276,"canonical_path":277,"image":278,"width":279,"height":280,"image_alt":281,"kind":46,"categories":282,"app":284},"561b2d9f-7c2c-48d6-ab97-eb01f65c0475","Navattic UI component","A mega menu displaying categorized resources for a company website, including company information, discovery content, and tools.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef30368c-c22c-4e48-af34-04e2462713dd.png",2176,794,"UI component from Navattic",[283],{"id":12,"title":13,"slug":49},{"slug":285,"title":286,"logo":287,"baseline":288,"categories":289},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[290,294,295,296],{"id":291,"title":292,"slug":293},25,"Marketing","marketing",{"id":204,"title":205,"slug":206},{"id":212,"title":213,"slug":214},{"id":297,"title":298,"slug":299},103,"Demo Automation","demo-automation",{"uuid":301,"title":302,"description":303,"canonical_path":304,"image":305,"width":306,"height":307,"image_alt":308,"kind":46,"categories":309,"app":311},"22cd6754-de36-47c0-b64e-25ec79f5a8d6","Liveblocks UI component","A dropdown menu displaying resources and company information, part of a global navigation bar.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55963fd5-4dbe-481b-8baa-e2373c57fe32.png",1498,1244,"UI component from Liveblocks",[310],{"id":12,"title":13,"slug":49},{"slug":312,"title":313,"logo":314,"baseline":315,"categories":316},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[317,318,319],{"id":90,"title":91,"slug":92},{"id":158,"title":159,"slug":160},{"id":119,"title":120,"slug":121},[],[322,325,328,331,334,337,340,343,346,349,352,355,358,361],{"label":323,"to":324},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":326,"to":327},"Developer Portal","\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":329,"to":330},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":332,"to":333},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":335,"to":336},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":338,"to":339},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":341,"to":342},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":344,"to":345},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":347,"to":348},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":350,"to":351},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":353,"to":354},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":356,"to":357},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":359,"to":360},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":362,"to":363},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"published_at":365,"updated_at":366},"2023-03-13T08:11:14.000Z","2026-09-17T10:44:16.000Z"]