[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens":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":328,"links":329,"dates":357},"\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Grok product screens examples - Nicelydone","Browse Grok screen design examples. Preview the interface screenshots and explore related UI patterns.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee97c483-12b3-40ef-9af8-b5d0bb4263da.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 product screens 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,80,117,137,161,185,203,221,239,269,291,311],{"uuid":40,"title":29,"description":41,"canonical_path":4,"image":11,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":46,"component_categories":65,"app":78},"ee97c483-12b3-40ef-9af8-b5d0bb4263da","AI chat interface where the user can select the Grok 3 model, toggle DeepSearch or Think modes, and start a conversation or choose from suggested prompts like Research and Create images.",3024,1714,"Grok from Grok","screen",[47,56],{"id":48,"label":49,"slug":50,"rank":51,"group":52},77,"Welcome","welcome",0,{"id":53,"label":54,"slug":55},7,"Onboarding & Education","onboarding-and-education",{"id":57,"label":58,"slug":59,"rank":60,"group":61},27,"AI Assistant","ai-assistant",1,{"id":62,"label":63,"slug":64},3,"AI","ai",[66,70,74],{"id":67,"title":68,"slug":69},214,"Popover","popover",{"id":71,"title":72,"slug":73},240,"Horizontal navigation","horizontal-navigation",{"id":75,"title":76,"slug":77},175,"Button","button",{"slug":30,"title":29,"logo":31,"categories":79},[],{"uuid":81,"title":29,"description":82,"canonical_path":4,"image":83,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":84,"component_categories":111,"app":115},"b8dec706-af0a-4099-8ead-3de6443f9054","AI chat start screen where the user can enter a prompt, select a model, or choose from suggested topics before signing in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb8dec706-af0a-4099-8ead-3de6443f9054.png",[85,90,97,103],{"id":86,"label":87,"slug":88,"rank":51,"group":89},28,"AI Chat","ai-chat",{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":60,"group":94},5,"Sign Up","sign-up",{"id":60,"label":95,"slug":96},"Access & Account","access-and-account",{"id":98,"label":99,"slug":100,"rank":101,"group":102},36,"Model Selection","model-selection",2,{"id":62,"label":63,"slug":64},{"id":104,"label":105,"slug":106,"rank":62,"group":107},115,"Empty State","empty-state",{"id":108,"label":109,"slug":110},12,"States & Feedback","states-and-feedback",[112,113,114],{"id":67,"title":68,"slug":69},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":116},[],{"uuid":118,"title":29,"description":119,"canonical_path":4,"image":120,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":121,"component_categories":132,"app":135},"65d3d961-70e6-42f6-b066-5a335341c086","Search overlay where the user can execute actions like signing in, featuring an empty state prompt to authenticate to view history.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65d3d961-70e6-42f6-b066-5a335341c086.png",[122,130],{"id":123,"label":124,"slug":125,"rank":51,"group":126},63,"Command Palette","command-palette",{"id":127,"label":128,"slug":129},6,"Navigation & Commands","navigation-and-commands",{"id":91,"label":92,"slug":93,"rank":60,"group":131},{"id":60,"label":95,"slug":96},[133,134],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":136},[],{"uuid":138,"title":29,"description":139,"canonical_path":4,"image":140,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":141,"component_categories":156,"app":159},"b928322b-b029-4b11-8cf7-5df5bb29a84b","AI chat interface where the user can enter a prompt, select between Grok 3 and Grok 2 models, and toggle web search capabilities.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb928322b-b029-4b11-8cf7-5df5bb29a84b.png",[142,144,146,148,150],{"id":86,"label":87,"slug":88,"rank":51,"group":143},{"id":62,"label":63,"slug":64},{"id":98,"label":99,"slug":100,"rank":60,"group":145},{"id":62,"label":63,"slug":64},{"id":57,"label":58,"slug":59,"rank":101,"group":147},{"id":62,"label":63,"slug":64},{"id":104,"label":105,"slug":106,"rank":62,"group":149},{"id":108,"label":109,"slug":110},{"id":151,"label":152,"slug":153,"rank":154,"group":155},32,"AI Search","ai-search",4,{"id":62,"label":63,"slug":64},[157,158],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":160},[],{"uuid":162,"title":29,"description":163,"canonical_path":4,"image":164,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":165,"component_categories":180,"app":183},"65ac3fe7-12a0-403c-bf5f-75ee47d87c84","AI chat start screen where the user can enter a prompt, select a model like Grok 3 or DeepSearch, or choose from suggested starter actions like research or image creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65ac3fe7-12a0-403c-bf5f-75ee47d87c84.png",[166,168,170,178],{"id":86,"label":87,"slug":88,"rank":51,"group":167},{"id":62,"label":63,"slug":64},{"id":98,"label":99,"slug":100,"rank":60,"group":169},{"id":62,"label":63,"slug":64},{"id":171,"label":172,"slug":173,"rank":101,"group":174},81,"Home","home",{"id":175,"label":176,"slug":177},8,"Pages & Content","pages-and-content",{"id":91,"label":92,"slug":93,"rank":62,"group":179},{"id":60,"label":95,"slug":96},[181,182],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":184},[],{"uuid":186,"title":29,"description":187,"canonical_path":4,"image":188,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":189,"component_categories":198,"app":201},"e8fec4d4-1e5a-44c3-adcb-b6f6bea6e459","AI chat start screen where the user can select search depth, toggle reasoning, choose a model version, and enter a prompt or pick from suggested actions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8fec4d4-1e5a-44c3-adcb-b6f6bea6e459.png",[190,192,194,196],{"id":86,"label":87,"slug":88,"rank":51,"group":191},{"id":62,"label":63,"slug":64},{"id":57,"label":58,"slug":59,"rank":60,"group":193},{"id":62,"label":63,"slug":64},{"id":98,"label":99,"slug":100,"rank":101,"group":195},{"id":62,"label":63,"slug":64},{"id":48,"label":49,"slug":50,"rank":62,"group":197},{"id":53,"label":54,"slug":55},[199,200],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":202},[],{"uuid":204,"title":29,"description":205,"canonical_path":4,"image":206,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":207,"component_categories":216,"app":219},"41881f1f-323d-43ef-8243-4c863c655924","AI chat interface where the user has begun typing a prompt and is presented with autocomplete drawing suggestions, alongside controls for DeepSearch, Think mode, and model selection.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41881f1f-323d-43ef-8243-4c863c655924.png",[208,210,212,214],{"id":86,"label":87,"slug":88,"rank":51,"group":209},{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":60,"group":211},{"id":60,"label":95,"slug":96},{"id":98,"label":99,"slug":100,"rank":101,"group":213},{"id":62,"label":63,"slug":64},{"id":57,"label":58,"slug":59,"rank":62,"group":215},{"id":62,"label":63,"slug":64},[217,218],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":220},[],{"uuid":222,"title":29,"description":223,"canonical_path":4,"image":224,"width":42,"height":43,"image_alt":44,"kind":45,"patterns":225,"component_categories":234,"app":237},"20931679-6ab5-4d91-823d-e7e34ab6c44c","AI chat start screen where the user can enter a prompt, toggle search and reasoning features, select a model, or choose from suggested drawing prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F20931679-6ab5-4d91-823d-e7e34ab6c44c.png",[226,228,230,232],{"id":86,"label":87,"slug":88,"rank":51,"group":227},{"id":62,"label":63,"slug":64},{"id":98,"label":99,"slug":100,"rank":60,"group":229},{"id":62,"label":63,"slug":64},{"id":91,"label":92,"slug":93,"rank":101,"group":231},{"id":60,"label":95,"slug":96},{"id":104,"label":105,"slug":106,"rank":62,"group":233},{"id":108,"label":109,"slug":110},[235,236],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":238},[],{"uuid":240,"title":241,"description":242,"canonical_path":4,"image":243,"width":42,"height":43,"image_alt":244,"kind":45,"patterns":245,"component_categories":260,"app":267},"93146e4c-6161-4fca-b6ae-ffe4600e849e","New conversation - Grok","AI chat interface where an unauthenticated user has submitted a prompt to draw astronauts on the moon and is waiting for the generation to complete.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93146e4c-6161-4fca-b6ae-ffe4600e849e.png","New conversation - Grok from Grok",[246,248,253,255],{"id":86,"label":87,"slug":88,"rank":51,"group":247},{"id":62,"label":63,"slug":64},{"id":249,"label":250,"slug":251,"rank":60,"group":252},120,"Loading","loading",{"id":108,"label":109,"slug":110},{"id":91,"label":92,"slug":93,"rank":101,"group":254},{"id":60,"label":95,"slug":96},{"id":256,"label":257,"slug":258,"rank":62,"group":259},30,"AI Generation","ai-generation",{"id":62,"label":63,"slug":64},[261,265,266],{"id":262,"title":263,"slug":264},174,"Card","card",{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":268},[],{"uuid":270,"title":241,"description":271,"canonical_path":4,"image":272,"width":42,"height":43,"image_alt":244,"kind":45,"patterns":273,"component_categories":283,"app":289},"8fa310ef-c063-4f14-a301-a93ecc578b79","Verification screen where the user must confirm they are 18 or older to access the AI assistant, or choose to sign in.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8fa310ef-c063-4f14-a301-a93ecc578b79.png",[274,278],{"id":127,"label":275,"slug":276,"rank":51,"group":277},"Verification","verification",{"id":60,"label":95,"slug":96},{"id":279,"label":280,"slug":281,"rank":60,"group":282},114,"Confirmation","confirmation",{"id":108,"label":109,"slug":110},[284,288],{"id":285,"title":286,"slug":287},284,"Modal","modal",{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":290},[],{"uuid":292,"title":241,"description":293,"canonical_path":4,"image":294,"width":42,"height":43,"image_alt":244,"kind":45,"patterns":295,"component_categories":302,"app":309},"04a6c01a-cf33-43a3-82bf-4b122aa7867c","AI chat interface where the user has prompted the assistant to draw astronauts on the moon, currently displaying skeleton placeholders while the images generate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04a6c01a-cf33-43a3-82bf-4b122aa7867c.png",[296,298,300],{"id":86,"label":87,"slug":88,"rank":51,"group":297},{"id":62,"label":63,"slug":64},{"id":256,"label":257,"slug":258,"rank":60,"group":299},{"id":62,"label":63,"slug":64},{"id":249,"label":250,"slug":251,"rank":101,"group":301},{"id":108,"label":109,"slug":110},[303,307,308],{"id":304,"title":305,"slug":306},226,"Skeleton","skeleton",{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":310},[],{"uuid":312,"title":241,"description":313,"canonical_path":4,"image":314,"width":42,"height":43,"image_alt":244,"kind":45,"patterns":315,"component_categories":322,"app":326},"8caeb7c5-dda5-4d45-83f7-3fae35c6cf3d","AI chat interface where the user has prompted for an image of astronauts on the moon, displaying loading skeletons while the images generate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8caeb7c5-dda5-4d45-83f7-3fae35c6cf3d.png",[316,318,320],{"id":86,"label":87,"slug":88,"rank":51,"group":317},{"id":62,"label":63,"slug":64},{"id":249,"label":250,"slug":251,"rank":60,"group":319},{"id":108,"label":109,"slug":110},{"id":256,"label":257,"slug":258,"rank":101,"group":321},{"id":62,"label":63,"slug":64},[323,324,325],{"id":304,"title":305,"slug":306},{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"slug":30,"title":29,"logo":31,"categories":327},[],[],[330,332,334,336,338,340,342,344,346,348,350,352,354],{"label":87,"to":331},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":99,"to":333},"\u002Fexamples\u002Fscreens\u002Fmodel-selection",{"label":92,"to":335},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":58,"to":337},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":257,"to":339,"count":62},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":105,"to":341,"count":62},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":250,"to":343,"count":62},"\u002Fexamples\u002Fscreens\u002Floading",{"label":49,"to":345,"count":101},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":152,"to":347,"count":60},"\u002Fexamples\u002Fscreens\u002Fai-search",{"label":124,"to":349,"count":60},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":280,"to":351,"count":60},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":172,"to":353,"count":60},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":355,"to":356},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":358,"updated_at":359},"2025-04-13T12:38:50.000Z","2026-09-13T13:02:39.000Z"]