[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fona\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":193,"links":194,"dates":210},"\u002Fexamples\u002Fapps\u002Fona\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Ona UI components examples - Nicelydone","Browse Ona UI component design examples. Preview individual interface elements and explore related component categories. The AI software engineer you can…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3dae000b-107b-4dce-9a13-ded591bc99de.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},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":23,"to":4},"Ona UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Ona UI component design examples. Preview individual interface elements and explore related component categories. The AI software engineer you can rely on",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Ona","ona","The AI software engineer you can rely on","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","https:\u002F\u002Fona.com",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,60,73,86,99,112,122,132,142,155,168,181],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"c31aff66-af68-4ce1-b920-82a1399580aa","Ona UI component","A user account menu displaying personal information, organization selection, and navigation links.",702,841,"UI component from Ona","component",[54],{"id":55,"title":56,"slug":57},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"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":71},"cf4ed3ad-c792-42ca-9621-9b60d24ad076","A card displaying compute unit usage with a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b47bae6-2123-4db2-8fba-41e5400c9191.png",1896,722,[67],{"id":68,"title":69,"slug":70},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"4a0696e1-b2cc-4433-9858-54691713dae2","A dashboard displaying a list of environments with filtering options and status indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa9cd1364-ba09-465e-a785-a8cf4f725cbc.png",2544,672,[80],{"id":81,"title":82,"slug":83},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":97},"567da0c7-55fb-4be0-89f2-f6bd44a18edb","A dropdown menu displaying appearance settings with options for system, dark, and light themes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe892bfb3-77d3-43d8-880c-304af033fa21.png",1436,583,[93],{"id":94,"title":95,"slug":96},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"52337fb3-3c09-4d63-8176-85eb70ba84d9","A sidebar navigation menu displaying account and organization settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F665b968f-bf43-4714-b3cf-2696b3132576.png",694,1809,[106],{"id":107,"title":108,"slug":109},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":120},"a523829d-40d0-4d52-aa3d-dd367dd4dc59","A context menu is displayed over a list of items, showing various actions for a selected item.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F37d91bca-4272-42fc-926d-bbbe9c6dda95.png",785,705,[119],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":47,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":51,"kind":52,"categories":128,"app":130},"64da9e1a-bb8d-470c-ab34-f768b425d231","A project card displaying details and an open context menu with various actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58648e1f-df10-4fbc-96e0-ddf349dbecac.png",869,697,[129],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":47,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":51,"kind":52,"categories":138,"app":140},"23ddc7ff-ca2d-4aee-8128-c9c35a214000","A contextual dropdown menu providing actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae67017e-9ae1-42b0-bbcf-74653afafad4.png",753,427,[139],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":47,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":51,"kind":52,"categories":148,"app":153},"988f95a1-660d-4a6f-be7b-943cf8eb9d29","A modal window presenting different feature tiers with options to upgrade or compare features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F63869de8-9d92-4e40-925d-f78164722a02.png",1168,1218,[149],{"id":150,"title":151,"slug":152},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":47,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":51,"kind":52,"categories":161,"app":166},"20d40969-30df-4f76-9da1-455c49cf3be1","An informational message box indicating that a current value is hidden for security reasons and suggesting to create a new secret to change file path or secret type.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa7fc9cd5-27d6-4a37-af32-abf7bca0af83.png",1340,356,[162],{"id":163,"title":164,"slug":165},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":47,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":51,"kind":52,"categories":174,"app":179},"33829491-3bed-4c9b-80b6-0386f1532a2c","A success message card indicating a secret has been created.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F669a3c2c-2acc-4992-8b43-a6292186d0d6.png",937,384,[175],{"id":176,"title":177,"slug":178},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":47,"description":183,"canonical_path":4,"image":184,"width":146,"height":185,"image_alt":51,"kind":52,"categories":186,"app":191},"e6ae97f9-31db-405b-ac82-008cf35a00a8","A card component featuring a toggle switch for 'Prebuild Environments' with a descriptive text explaining its function.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ee5ba0a-a6aa-45c6-862f-591a2edcbb7f.png",436,[187],{"id":188,"title":189,"slug":190},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":192},[],[],[195,198,201,204,207],{"label":196,"to":197},"Ona product screens","\u002Fexamples\u002Fapps\u002Fona\u002Fscreens",{"label":199,"to":200},"Ona marketing pages","\u002Fexamples\u002Fapps\u002Fona\u002Fmarketing",{"label":202,"to":203},"Ona user flows","\u002Fexamples\u002Fapps\u002Fona\u002Fflows",{"label":205,"to":206},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":208,"to":209},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":211,"updated_at":212},"2026-01-25T20:46:16.000Z","2026-09-13T13:02:39.000Z"]