[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgrok\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":38,"showcases":170,"links":171,"dates":184},"\u002Fexamples\u002Fapps\u002Fgrok\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Grok UI components examples - Nicelydone","Browse Grok UI component design examples. Preview individual interface elements and explore related component categories.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6be9da77-e013-4c88-b4c3-34f1f103594b.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},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":23,"to":4},"Grok UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"logo":31,"url":32,"categories":33},"Grok","grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png","https:\u002F\u002Fgrok.com",[34],{"id":35,"title":36,"slug":37},80,"Artificial Intelligence","artificial-intelligence",[39,54,67,80,89,102,112,125,134,144,153,162],{"uuid":40,"title":41,"description":42,"canonical_path":4,"image":11,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":52},"87fdede6-4425-4028-b75a-8199f0fc583d","Grok UI component","A one-time password entry interface.",1044,303,"UI component from Grok","component",[48],{"id":49,"title":50,"slug":51},288,"Input code","input-code",{"slug":30,"title":29,"logo":31,"categories":53},[],{"uuid":55,"title":41,"description":56,"canonical_path":4,"image":57,"width":58,"height":59,"image_alt":45,"kind":46,"categories":60,"app":65},"ea35f812-2c0b-42b4-8117-22eb80d9ac38","A modal to select the theme","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec3da3b2-c18f-4c61-bb39-c6f9b7ce6c09.png",1368,395,[61],{"id":62,"title":63,"slug":64},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":31,"categories":66},[],{"uuid":68,"title":41,"description":69,"canonical_path":4,"image":70,"width":71,"height":72,"image_alt":45,"kind":46,"categories":73,"app":78},"0f6be9b7-b143-41a0-b357-05112ad8e1f0","A toggle switch with a label.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb20c74c7-bfea-46a0-b2dc-56c26e2515a8.png",1336,308,[74],{"id":75,"title":76,"slug":77},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":31,"categories":79},[],{"uuid":81,"title":41,"description":82,"canonical_path":4,"image":83,"width":58,"height":84,"image_alt":45,"kind":46,"categories":85,"app":87},"3fe4352d-8921-47eb-9958-3352ba6e8eb4","A UI showing options for light, dark, and system theme preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb30575c7-106d-417d-a8c7-f36014eb5cfc.png",394,[86],{"id":62,"title":63,"slug":64},{"slug":30,"title":29,"logo":31,"categories":88},[],{"uuid":90,"title":41,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":45,"kind":46,"categories":95,"app":100},"d44702eb-9bf0-46ba-9c44-783b77c72e5b","The screenshot displays a feedback modal with a list of options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F202f380b-e15b-4f06-9605-ffdcb4cfc5ac.png",484,629,[96],{"id":97,"title":98,"slug":99},296,"Feedback","feedback",{"slug":30,"title":29,"logo":31,"categories":101},[],{"uuid":103,"title":41,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":45,"kind":46,"categories":108,"app":110},"c615fc92-c3fb-4c40-bbe9-e0d090c2ef11","A set of icons with a label.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb874ef5b-f0d7-4090-9ccb-643d6b7eb245.png",560,267,[109],{"id":97,"title":98,"slug":99},{"slug":30,"title":29,"logo":31,"categories":111},[],{"uuid":113,"title":41,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":45,"kind":46,"categories":118,"app":123},"53ce3d35-f8c1-410a-b43b-c4f46c4394cd","The screenshot displays a modal with a text-heavy interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6ef8b0b3-eb40-4c73-bfb3-9cf2c4e5c9da.png",1792,808,[119],{"id":120,"title":121,"slug":122},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":31,"categories":124},[],{"uuid":126,"title":41,"description":127,"canonical_path":4,"image":128,"width":116,"height":129,"image_alt":45,"kind":46,"categories":130,"app":132},"e6fede6f-75cd-4f74-bbcf-8f0cf80ff1aa","A message bubble with text content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc05393ae-ca96-49c4-b50a-6165a8e83404.png",638,[131],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":31,"categories":133},[],{"uuid":135,"title":41,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":45,"kind":46,"categories":140,"app":142},"a4a1bd10-39c8-455a-a827-6bc7f7908973","A chat interface with input options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F84dd2777-cfff-4c30-9727-dcb194ec0349.png",1896,620,[141],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":31,"categories":143},[],{"uuid":145,"title":41,"description":146,"canonical_path":4,"image":147,"width":148,"height":107,"image_alt":45,"kind":46,"categories":149,"app":151},"f4b9b397-8195-41d4-a88d-a76a6922f518","The screenshot shows a modal with a message about query limits for Grok 3 with DeeperSearch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d5c925c-6ebf-4283-8913-d5d92d3380b9.png",812,[150],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":31,"categories":152},[],{"uuid":154,"title":41,"description":155,"canonical_path":4,"image":156,"width":116,"height":157,"image_alt":45,"kind":46,"categories":158,"app":160},"257dbf3c-bbb0-42dd-884e-66178ec43e74","A task list with completed tasks and article structure planning.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43e348f6-c4b6-4357-95a5-765dc7c7bcaa.png",1357,[159],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":31,"categories":161},[],{"uuid":163,"title":41,"description":164,"canonical_path":4,"image":165,"width":116,"height":157,"image_alt":45,"kind":46,"categories":166,"app":168},"94039eb9-66c0-4d91-88cf-13b9282a56c6","The screenshot displays a modal with a list of tasks being performed by 'DeeperSearch', including 'Thinking', 'Assessing user request', 'Exploring additional sources', 'Evaluating performance data', 'Planning article structure', and 'Analyzing new data'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F69a1d495-290e-4ca8-a76b-7081d89a11c4.png",[167],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":31,"categories":169},[],[],[172,175,178,181],{"label":173,"to":174},"Grok product screens","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens",{"label":176,"to":177},"Grok marketing pages","\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing",{"label":179,"to":180},"Grok user flows","\u002Fexamples\u002Fapps\u002Fgrok\u002Fflows",{"label":182,"to":183},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":185,"updated_at":186},"2025-04-13T12:38:50.000Z","2026-09-13T13:02:39.000Z"]