[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcohere\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":201,"links":202,"dates":236},"\u002Fexamples\u002Fapps\u002Fcohere\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Cohere UI components examples - Nicelydone","Browse Cohere UI component design examples. Preview individual interface elements and explore related component categories. Building the Future of AI","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba06ab56-2ee5-44c4-a668-e648762200e0.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},"Cohere design examples","\u002Fexamples\u002Fapps\u002Fcohere",{"label":23,"to":4},"Cohere UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Cohere","cohere","Building the Future of AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcohere-fa335e69.png","https:\u002F\u002Fcohere.com","CohereAI",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},77,"Machine learning","machine-learning",[45,60,70,85,97,109,117,132,146,161,172,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},"1282faca-0f65-4e5e-b9a0-97fbc0a9dcea","Safety compliance radio group","A radio button group asking the user to confirm safety mechanisms, with Yes and No options.",1335,419,"Safety compliance radio group from Cohere","component",[54],{"id":55,"title":56,"slug":57},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":49,"height":50,"image_alt":65,"kind":52,"categories":66,"app":68},"070bd2ee-4dac-4afb-88ee-53690072b35a","Safety agreement radio group","A form section asking the user to confirm safety mechanisms using Yes\u002FNo radio buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F880fdad4-0685-4668-84f2-eac8b184492e.png","Safety agreement radio group from Cohere",[67],{"id":55,"title":56,"slug":57},{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":75,"height":76,"image_alt":77,"kind":52,"categories":78,"app":83},"1dd5ff5c-0c3a-4dd3-8afb-d59a88a0d002","Modal header with stepper","A modal header displaying a four-step progress indicator and a title. Step 1 is active and labeled 'SAFETY & LEGAL'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4448fe76-4fa3-46ff-8b8a-a55428f65349.png",631,268,"Modal header with stepper from Cohere",[79],{"id":80,"title":81,"slug":82},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":92,"kind":52,"categories":93,"app":95},"5f877c4f-4f00-492c-a4bb-fd9c0fee3bc0","Classification Confidence Scores","Displays an input text string alongside a panel showing AI classification results with confidence percentages and visual bar indicators for different categories.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe7b074c1-2c5a-4997-a133-122426430a8b.png",2506,616,"Classification Confidence Scores from Cohere",[94],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":104,"kind":52,"categories":105,"app":107},"90fe6394-4acb-4885-be7e-585e4136e6de","Confidence score bar","A horizontal bar displaying a classification result with a label and a percentage score.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffe6bad0f-7de0-4127-ae00-960b8f2eef47.png",1358,330,"Confidence score bar from Cohere",[106],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":99,"description":111,"canonical_path":4,"image":112,"width":102,"height":103,"image_alt":104,"kind":52,"categories":113,"app":115},"9bc3b72a-b8d8-447e-adbb-68197c2ea2a4","A horizontal bar displaying a classification result with a confidence percentage. The bar is partially filled with a coral color, indicating the score level.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa447ea21-1c50-43b7-a2be-c7d37cb83049.png",[114],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":124,"kind":52,"categories":125,"app":130},"061d7a63-d464-4f41-9e03-fbc73a834758","Code export modal","A modal displaying generated code snippets in various programming languages, with tabs to switch between them and a copy button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4969adf4-792c-43d3-92d6-249b89b21ab2.png",2284,1041,"Code export modal from Cohere",[126],{"id":127,"title":128,"slug":129},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":139,"kind":52,"categories":140,"app":144},"e4f6b61c-ea5d-4b2f-b38e-2cd61e3dc2c3","Tooltip","A dark tooltip displaying descriptive text, positioned above a row of light gray tags or buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2975970-f27a-4595-ae90-86e6336927cc.png",655,217,"Tooltip from Cohere",[141],{"id":142,"title":134,"slug":143},254,"tooltip-element",{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":153,"kind":52,"categories":154,"app":159},"ecbc92aa-f49e-4c61-a294-9e670e63f235","Model Selector Dropdown","An open dropdown menu for selecting an AI model. It shows the currently selected model at the top, followed by a list of available baseline models with the active one highlighted.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faa61d122-8b4d-47ba-baf7-b8381c366289.png",752,955,"Model Selector Dropdown from Cohere",[155],{"id":156,"title":157,"slug":158},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":4,"image":165,"width":151,"height":166,"image_alt":167,"kind":52,"categories":168,"app":170},"020b8e22-a236-46b3-9247-72894ff9c589","Model Select Input","A dropdown select input for choosing an AI model, featuring a label with an info icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8feb6f6c-a21e-4a8c-b1ec-138f3ca5f1f6.png",292,"Model Select Input from Cohere",[169],{"id":156,"title":157,"slug":158},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":151,"height":177,"image_alt":178,"kind":52,"categories":179,"app":184},"90c85d53-eebf-4c79-8998-86e33e6603a8","Number of words slider","A slider control used to set the approximate number of words for text generation. It features a label, an info icon, a numeric value display, and a thick purple slider track with a white handle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0293c54d-fcf7-41d1-805b-f7a13407de95.png",279,"Number of words slider from Cohere",[180],{"id":181,"title":182,"slug":183},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":193,"kind":52,"categories":194,"app":199},"ff5f1c97-df8c-4b01-9122-32905a2e6c26","Sidebar Navigation","A vertical sidebar navigation menu with grouped links for Explore and Settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F11205610-28f3-4f5a-8e21-8299ce9a82d5.png",596,1818,"Sidebar Navigation from Cohere",[195],{"id":196,"title":197,"slug":198},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":200},[],[],[203,206,209,212,215,218,220,224,228,232],{"label":204,"to":205},"Cohere product screens","\u002Fexamples\u002Fapps\u002Fcohere\u002Fscreens",{"label":207,"to":208},"Cohere marketing pages","\u002Fexamples\u002Fapps\u002Fcohere\u002Fmarketing",{"label":210,"to":211},"Cohere user flows","\u002Fexamples\u002Fapps\u002Fcohere\u002Fflows",{"label":213,"to":214},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":216,"to":217},"Machine learning app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmachine-learning",{"label":219,"to":18},"All SaaS app examples",{"label":221,"to":222,"description":223},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":225,"to":226,"description":227},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":229,"to":230,"description":231},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":233,"to":234,"description":235},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":237,"updated_at":238},"2023-04-24T23:07:25.000Z","2026-09-13T13:02:39.000Z"]