[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhypermode\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":186,"links":187,"dates":203},"\u002Fexamples\u002Fapps\u002Fhypermode\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Hypermode UI components examples - Nicelydone","Browse Hypermode UI component design examples. Preview individual interface elements and explore related component categories. The platform for agentic flows","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d0bd474-96fa-4fc4-aeb2-80980c4db980.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},"Hypermode design examples","\u002Fexamples\u002Fapps\u002Fhypermode",{"label":23,"to":4},"Hypermode 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},"Hypermode","hypermode","The platform for agentic flows","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5aad555b-6b06-4919-947c-e79a9e24ebaf.png","https:\u002F\u002Fhypermode.com","hypermodeinc",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",[45,60,70,80,93,103,113,126,139,152,165,178],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"dccd3f00-999b-46ee-9633-ec8d20963cf9","Hypermode UI component","The screenshot shows a modal with options to manage a workspace.",649,455,"UI component from Hypermode","component",[54],{"id":55,"title":56,"slug":57},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":68},"e8e5b36c-6bd4-4614-9ddc-3903d8072058","A modal to add a connection to a workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F14fdf3c4-fc44-489c-a513-537068beba1f.png",1000,1134,[67],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":47,"description":72,"canonical_path":4,"image":73,"width":74,"height":75,"image_alt":51,"kind":52,"categories":76,"app":78},"6dd2372a-274b-4711-a75d-28adc512df9f","A dropdown menu with options to update or disconnect a connection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ab7540e-470b-439a-905a-33cf8cec24a3.png",490,296,[77],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":47,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":51,"kind":52,"categories":86,"app":91},"365cb61a-7c57-4b58-9b4d-09cf621e7b5b","A modal window asking to resend an invitation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc9815478-cc71-4dba-8005-a0fbf5509952.png",1160,586,[87],{"id":88,"title":89,"slug":90},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":47,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":51,"kind":52,"categories":99,"app":101},"857f1cc9-c57b-4fb2-b6a7-1c73bf4a28c9","A modal to cancel an invitation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdf3d8277-63b2-487b-b260-ae1ced47f2a8.png",1282,591,[100],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":47,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":51,"kind":52,"categories":109,"app":111},"d61082c4-4bcb-46dd-b076-3bfa8da56333","This screenshot displays a modal with user profile options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa5957c3f-cdb4-4046-85c1-266a5b311a55.png",528,597,[110],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":47,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":51,"kind":52,"categories":119,"app":124},"5b0cf217-537e-42c2-8467-486bbb623c97","A screen displaying API keys management with a button to generate a new key.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3e54c504-91f2-4a72-bd2b-7686bc7c4ec1.png",2547,1064,[120],{"id":121,"title":122,"slug":123},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":47,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":51,"kind":52,"categories":132,"app":137},"a46d0166-ebb7-402f-9056-e6404bcc0cf3","A snippet of a user interface showing a copied confirmation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffb65ba4b-8d08-4c5e-907c-abfa5a597172.png",483,225,[133],{"id":134,"title":135,"slug":136},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":47,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":51,"kind":52,"categories":145,"app":150},"2e5250c1-7fb0-48c7-8ec9-b967060d2184","A toggle to enable sleep mode after 5 minutes of inactivity.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F21361646-9b9b-4bde-a46f-ded9d5f9c7c9.png",2409,339,[146],{"id":147,"title":148,"slug":149},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":47,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":51,"kind":52,"categories":158,"app":163},"96a8a6e3-525e-44d9-8e71-e3c6bc97e8b6","A slider to adjust compute units.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3216c8e9-0f53-498c-af60-6f914247bf7d.png",2403,454,[159],{"id":160,"title":161,"slug":162},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":164},[],{"uuid":166,"title":47,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":51,"kind":52,"categories":171,"app":176},"d8c09352-8a66-4478-9a80-94c838726647","A memory usage chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb2db18e7-bedc-4cf4-b1a2-6fab2495dcd6.png",2404,1150,[172],{"id":173,"title":174,"slug":175},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":47,"description":180,"canonical_path":4,"image":181,"width":169,"height":170,"image_alt":51,"kind":52,"categories":182,"app":184},"1b6b3698-9545-4c5c-a59e-58fb3a127807","The screenshot displays a line chart visualizing compute metrics, with a focus on 'Zero' and 'Alpha' values over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6c88bd73-1f73-4923-9a1a-89d1bd60a29c.png",[183],{"id":173,"title":174,"slug":175},{"slug":30,"title":29,"logo":32,"categories":185},[],[],[188,191,194,197,200],{"label":189,"to":190},"Hypermode product screens","\u002Fexamples\u002Fapps\u002Fhypermode\u002Fscreens",{"label":192,"to":193},"Hypermode marketing pages","\u002Fexamples\u002Fapps\u002Fhypermode\u002Fmarketing",{"label":195,"to":196},"Hypermode user flows","\u002Fexamples\u002Fapps\u002Fhypermode\u002Fflows",{"label":198,"to":199},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":201,"to":202},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":204,"updated_at":205},"2025-06-30T10:13:00.000Z","2026-09-13T13:02:39.000Z"]