[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foptimal\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":194,"links":195,"dates":211},"\u002Fexamples\u002Fapps\u002Foptimal\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Optimal UI components examples - Nicelydone","Browse Optimal UI component design examples. Preview individual interface elements and explore related component categories. UX Research & Design Testing…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff978ef0d-a560-468d-ac5d-de39aeb49910.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},"Optimal design examples","\u002Fexamples\u002Fapps\u002Foptimal",{"label":23,"to":4},"Optimal UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Optimal UI component design examples. Preview individual interface elements and explore related component categories. UX Research & Design Testing Platform",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Optimal","optimal","UX Research & Design Testing Platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2c9101f5-68a3-436e-aa6b-75f25822a183.png","https:\u002F\u002Fwww.optimalworkshop.com",[36,40],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},104,"User Research","user-research",[45,60,73,86,99,111,124,137,150,163,176,186],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"630e312f-5569-4d1e-a494-b30bdfbd6237","Optimal UI component","The screenshot shows a section related to study members and subscription upgrade options.",1888,608,"UI component from Optimal","component",[54],{"id":55,"title":56,"slug":57},255,"Upgrade your plan","upgrade-your-plan",{"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},"924ac0ad-a9bd-4c09-b0d3-0b9684723ea2","The screenshot shows a UI element for selecting devices, with options for desktop\u002Flaptop, phone, and tablet already selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4aee726-cc90-48cf-ac55-1b46c9ec1b94.png",1718,404,[67],{"id":68,"title":69,"slug":70},252,"Input tag","input-tag",{"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},"fea48214-e8b6-41fd-8019-630950cf54f9","A modal asking the user to help improve the website.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F33837a05-5284-4a28-b697-9358d51102d0.png",669,366,[80],{"id":81,"title":82,"slug":83},247,"Notification Toast","notification-element",{"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},"d299ff06-52ce-4cfa-93db-a07210f4666d","A welcome message modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F03fb73f9-5e1a-4dec-9e3d-e179cb60c121.png",1246,432,[93],{"id":94,"title":95,"slug":96},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":51,"kind":52,"categories":104,"app":109},"08207c61-1c15-4c42-b388-5262f99096b6","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F025386d5-78bf-4991-b0e7-e6df477aa778.png",1833,745,[105],{"id":106,"title":107,"slug":108},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":47,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":51,"kind":52,"categories":117,"app":122},"4482a369-1a7d-4bba-9e04-d9fd64138dc0","The screenshot shows a user interface for a study setup, with navigation tabs and action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe8682024-a71e-4e17-ae34-fdcb1ce53af4.png",3024,225,[118],{"id":119,"title":120,"slug":121},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":47,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":51,"kind":52,"categories":130,"app":135},"b3dcec88-17ce-44f3-b10e-5e54b2914600","The screenshot displays a set of training resources related to UX design methodologies.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F73c868a9-81c2-424b-9644-e2468b21413a.png",2763,1054,[131],{"id":132,"title":133,"slug":134},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":47,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":51,"kind":52,"categories":143,"app":148},"0464c5f7-ffaa-4ca3-8e8c-cca57330b39e","A card displaying qualitative insights and options to create new, view intro, and see examples.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F96ea616f-58be-431e-9174-dec19a523d22.png",916,732,[144],{"id":145,"title":146,"slug":147},290,"Flyout menu","flyout-menu",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":47,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":51,"kind":52,"categories":156,"app":161},"dc4d0cd4-6700-41e7-b8d6-20d8bc73bdb4","The screenshot displays a navigation menu and user profile section.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9fbbe801-edb9-4b5f-99af-769e74784bac.png",441,1779,[157],{"id":158,"title":159,"slug":160},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":47,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":51,"kind":52,"categories":169,"app":174},"38abdd62-6cd2-4e0b-bea3-f5f003a9453d","FAQ section about pricing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d839d25-c51b-40df-97f4-94ae774381fc.png",1792,933,[170],{"id":171,"title":172,"slug":173},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":47,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":51,"kind":52,"categories":182,"app":184},"4a41e369-c7f6-49b5-b0d6-559e17c05350","Optimal Workshop landing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F082bd119-418a-4c8c-a29e-910add01a879.png",2800,1263,[183],{"id":145,"title":146,"slug":147},{"slug":31,"title":30,"logo":33,"categories":185},[],{"uuid":187,"title":47,"description":188,"canonical_path":4,"image":189,"width":180,"height":181,"image_alt":51,"kind":52,"categories":190,"app":192},"58755dde-898a-4d59-a806-0ceb0458a4a0","This screenshot showcases a website navigation menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F047915d4-fd73-4c38-8aaa-52f537a0c3b1.png",[191],{"id":145,"title":146,"slug":147},{"slug":31,"title":30,"logo":33,"categories":193},[],[],[196,199,202,205,208],{"label":197,"to":198},"Optimal product screens","\u002Fexamples\u002Fapps\u002Foptimal\u002Fscreens",{"label":200,"to":201},"Optimal marketing pages","\u002Fexamples\u002Fapps\u002Foptimal\u002Fmarketing",{"label":203,"to":204},"Optimal user flows","\u002Fexamples\u002Fapps\u002Foptimal\u002Fflows",{"label":206,"to":207},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":209,"to":210},"User Research app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fuser-research",{"published_at":212,"updated_at":213},"2025-11-09T19:01:07.000Z","2026-09-13T13:02:39.000Z"]