[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgemini\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":213,"links":214,"dates":230},"\u002Fexamples\u002Fapps\u002Fgemini\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Gemini UI components examples - Nicelydone","Browse Gemini UI component design examples. Preview individual interface elements and explore related component categories. Supercharge your creativity and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fab0e33c5-1ea6-4572-9913-49e43c036dd7.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},"Gemini design examples","\u002Fexamples\u002Fapps\u002Fgemini",{"label":23,"to":4},"Gemini UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Gemini UI component design examples. Preview individual interface elements and explore related component categories. Supercharge your creativity and productivity",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Gemini","gemini","Supercharge your creativity and productivity","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgemini-drsocrbw.png","https:\u002F\u002Fgemini.google.com",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",[45,60,75,90,105,120,135,150,165,180,193,203],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"f41ec3ab-bf86-4386-bc6b-034d2553ee7e","Landing page hero","A split-layout hero section featuring a large logo, headline, description, and primary call-to-action button on the left, paired with a large lifestyle image on the right. A top navigation bar includes secondary links and another sign-in button.",3207,1535,"Landing page hero from Gemini","component",[54],{"id":55,"title":56,"slug":57},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"8589f8e3-4d83-4fff-935e-fa46d92017cc","Gemini UI component","A settings modal with toggle switches.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd115c50-a980-46a3-8916-bc3380cb10f4.png",799,600,"UI component from Gemini",[69],{"id":70,"title":71,"slug":72},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"d9ffc6f9-ed61-44aa-a772-7e7804ccadd2","Extension card","A card displaying an extension for Google Flights, including an icon, title, handle, description, a toggle switch to enable\u002Fdisable it, and a list of suggested prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17a5be02-a097-418f-ba96-6ea0299101b2.png",656,905,"Extension card from Gemini",[84],{"id":85,"title":86,"slug":87},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":103},"e08209a2-2ae1-46e4-9f25-a48461995e79","Share link modal","A modal confirming the creation of a public page, displaying the generated URL with a copy button, and a privacy disclaimer.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F642e0212-aa12-4509-9ff5-831e277eaec6.png",1264,535,"Share link modal from Gemini",[99],{"id":100,"title":101,"slug":102},241,"Click to copy","click-to-copy",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":52,"categories":113,"app":118},"d881ea52-6247-43f0-8507-d180d453bca4","AI Code Block","A code block component displaying generated SQL code with syntax highlighting, a language label, a horizontal scrollbar, and a footer containing a disclaimer and a copy button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa01dacb7-8417-4d55-9da6-3f64d7f63e42.png",1488,1042,"AI Code Block from Gemini",[114],{"id":115,"title":116,"slug":117},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":52,"categories":128,"app":133},"5b2456a1-7276-48f7-a89e-1f32de707b37","Chat Sidebar","A vertical sidebar navigation menu for an AI chat application. It includes a hamburger menu icon, a 'New chat' button, a list of recent chats, utility links for Help, Activity, and Settings, and a location indicator at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F799450e0-d013-4bd4-aae0-9255a63dd434.png",533,1722,"Chat Sidebar from Gemini",[129],{"id":130,"title":131,"slug":132},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":52,"categories":143,"app":148},"3db473b1-6854-48a3-885f-a4ff3c0c6bae","AI Composer with File Upload","A chat composer input field showing a loading state for an uploaded file. It includes placeholder text and icons for image upload and voice input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8d40a6db-aa79-41a0-9937-7221fdf9d1e5.png",1916,488,"AI Composer with File Upload from Gemini",[144],{"id":145,"title":146,"slug":147},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":157,"kind":52,"categories":158,"app":163},"eaa5cdb6-4ed3-4ea4-afeb-f2b2ca263c16","Copied to clipboard toast","A dark, rectangular toast notification confirming that content has been copied to the clipboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F181eadee-6ba8-4b11-acf4-8a10a7532954.png",774,165,"Copied to clipboard toast from Gemini",[159],{"id":160,"title":161,"slug":162},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":4,"image":169,"width":170,"height":171,"image_alt":172,"kind":52,"categories":173,"app":178},"a4ade54d-6046-4703-9655-81a49986255a","Fact check feedback popover","A popover asking for feedback on a fact-check highlight within an AI-generated response. It offers 'Helpful' and 'Not helpful' options with thumbs up and thumbs down icons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F99a0067c-05ea-4113-861e-51e08d3d3fb4.png",1778,1008,"Fact check feedback popover from Gemini",[174],{"id":175,"title":176,"slug":177},296,"Feedback","feedback",{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":62,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":67,"kind":52,"categories":186,"app":191},"a2c6a797-bdaa-4c6d-aa3f-6a8377fdd2c7","A text editor modal with a text selection and a modify button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcdfca2f3-1a18-4dd1-b456-e7b951f4c75b.png",1587,709,[187],{"id":188,"title":189,"slug":190},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":192},[],{"uuid":194,"title":62,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":67,"kind":52,"categories":199,"app":201},"0ca1df04-c715-4090-abdd-68ed80f63e66","A modal with text modification options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12544e78-78b8-44ac-be7d-dfaa5e4dae10.png",1588,1021,[200],{"id":188,"title":189,"slug":190},{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":62,"description":205,"canonical_path":4,"image":206,"width":207,"height":208,"image_alt":67,"kind":52,"categories":209,"app":211},"e94ca073-5d20-4421-b40f-f3ad9aba65a7","A list of park descriptions with draft options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fffcc6a98-7993-4532-a069-050bef682196.png",1668,1512,[210],{"id":188,"title":189,"slug":190},{"slug":31,"title":30,"logo":33,"categories":212},[],[],[215,218,221,224,227],{"label":216,"to":217},"Gemini product screens","\u002Fexamples\u002Fapps\u002Fgemini\u002Fscreens",{"label":219,"to":220},"Gemini marketing pages","\u002Fexamples\u002Fapps\u002Fgemini\u002Fmarketing",{"label":222,"to":223},"Gemini user flows","\u002Fexamples\u002Fapps\u002Fgemini\u002Fflows",{"label":225,"to":226},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":228,"to":229},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":231,"updated_at":232},"2024-03-18T14:18:10.000Z","2026-09-26T00:10:35.000Z"]