[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Ffeedback":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":317,"links":318,"dates":366},"\u002Fexamples\u002Fcomponents\u002Ffeedback","collection","components",true,{"example_count":9,"app_count":10},36,22,{"id":12,"title":13,"description":14},296,"Feedback","Explore how interfaces collect a response at the point of use. Look at how rating choices, text entry, and submission controls fit into a compact feedback component.",{"title":16,"description":17,"og_image":18},"Feedback UI examples - Nicelydone","Feedback UI design examples from SaaS apps. Explore how interfaces collect a response at the point of use. Look at how rating choices, text entry, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4438337a-23f9-4f6f-96af-690fe35dda4c.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Feedback UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Feedback UI design examples from SaaS apps. Explore how interfaces collect a response at the point of use. Look at how rating choices, text entry, and submission controls fit into a compact feedback…",[32],{"title":33,"description":14,"links":34},"About Feedback",[],[36],"36 UI components",[38,64,90,120,143,162,189,207,225,255,278,298],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"2e83cda2-889d-4924-90a0-a27fcbc146e3","Feedback bar","Prompts user to provide thumbs up\u002Fdown rating on the AI-generated video with dismiss option","\u002Fexamples\u002Fapps\u002Fheygen\u002Fcomponents",640,167,"Feedback bar from HeyGen","component",[48],{"id":12,"title":13,"slug":49},"feedback",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[56,60],{"id":57,"title":58,"slug":59},100,"Video","video",{"id":61,"title":62,"slug":63},80,"Artificial Intelligence","artificial-intelligence",{"uuid":65,"title":66,"description":67,"canonical_path":68,"image":69,"width":70,"height":71,"image_alt":72,"kind":46,"categories":73,"app":75},"fe45bfa1-900f-4a7e-8344-17d4dd79a42e","Success toast","Displays confirmation feedback that a session was saved with a primary action and dismiss control","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff74a5653-7ae7-44e5-b87b-c96b8eb2d125.jpg",808,224,"Success toast from Browserbase",[74],{"id":12,"title":13,"slug":49},{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"browserbase","Browserbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3a57506b-6fe4-4f0c-85bc-b70ea12d0216.png","Give your agents access to the whole web.",[81,85,86],{"id":82,"title":83,"slug":84},48,"Developer Tools","developer-tools",{"id":61,"title":62,"slug":63},{"id":87,"title":88,"slug":89},37,"Developer APIs","developer-apis",{"uuid":91,"title":92,"description":93,"canonical_path":94,"image":95,"width":96,"height":97,"image_alt":98,"kind":46,"categories":99,"app":101},"a5240a63-74b1-42bf-ad08-37c9b3904b2f","Dovetail UI component","A modal window displaying an AI-generated text response with options for feedback and further interaction.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F83dc09cc-b2d4-49eb-be59-7a0d46ed202a.png",926,1122,"UI component from Dovetail",[100],{"id":12,"title":13,"slug":49},{"slug":102,"title":103,"logo":104,"baseline":105,"categories":106},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[107,111,114,116],{"id":108,"title":109,"slug":110},8,"Design","design",{"id":10,"title":112,"slug":113},"Knowledge Management","knowledge-management",{"id":115,"title":13,"slug":49},35,{"id":117,"title":118,"slug":119},104,"User Research","user-research",{"uuid":121,"title":122,"description":123,"canonical_path":124,"image":125,"width":126,"height":127,"image_alt":128,"kind":46,"categories":129,"app":131},"deae2372-dcc4-4f48-afae-c67f001a4a9e","Anara UI component","The screenshot shows a user interface with text and icons.","\u002Fexamples\u002Fapps\u002Fanara\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F238bf8bf-2c1b-449f-9c91-2278ef90ae6a.png",1588,300,"UI component from Anara",[130],{"id":12,"title":13,"slug":49},{"slug":132,"title":133,"logo":134,"baseline":135,"categories":136},"anara","Anara","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6bbe68b1-4052-4186-ad87-deafc4bab562.png","AI workspace for scientists, students, and research teams",[137,138,139],{"id":61,"title":62,"slug":63},{"id":10,"title":112,"slug":113},{"id":140,"title":141,"slug":142},59,"Writing tools","writing-tools",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":149,"height":150,"image_alt":151,"kind":46,"categories":152,"app":154},"0c52a0f1-c8a7-4637-b5bc-beb579189e08","Grammarly UI component","The screenshot shows a feedback form asking users how they like Grammarly, with options to select an emoji and provide written feedback.","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef51db89-9b60-47e0-9a43-053dc3194281.png",948,1047,"UI component from Grammarly",[153],{"id":12,"title":13,"slug":49},{"slug":155,"title":156,"logo":157,"baseline":158,"categories":159},"grammarly","Grammarly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","Free online writing assistant",[160,161],{"id":140,"title":141,"slug":142},{"id":61,"title":62,"slug":63},{"uuid":163,"title":164,"description":165,"canonical_path":166,"image":167,"width":168,"height":169,"image_alt":170,"kind":46,"categories":171,"app":173},"e2004afe-a262-47fb-b238-2b1d94bd099e","Gamma UI component","A feedback modal asking users how the product is doing.","\u002Fexamples\u002Fapps\u002Fgamma\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F695dbc50-5e36-40e8-9903-dfad1ca6be2c.png",779,455,"UI component from Gamma",[172],{"id":12,"title":13,"slug":49},{"slug":174,"title":175,"logo":176,"baseline":177,"categories":178},"gamma","Gamma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgama-mza32mut.png","Presentations, websites, and socials at the speed of thought",[179,180,181,185],{"id":108,"title":109,"slug":110},{"id":61,"title":62,"slug":63},{"id":182,"title":183,"slug":184},7,"Web Development","web-development",{"id":186,"title":187,"slug":188},85,"Presentation software","presentation-software",{"uuid":190,"title":191,"description":192,"canonical_path":193,"image":194,"width":195,"height":196,"image_alt":197,"kind":46,"categories":198,"app":200},"760d1f3c-4051-47e8-a9e4-efdacbf9142f","Copilot UI component","The modal asks for feedback on a voice chat with a thumbs up and thumbs down option.","\u002Fexamples\u002Fapps\u002Fcopilot\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F678976d9-47a6-414b-b2bd-85fb97d1fbfb.png",919,364,"UI component from Copilot",[199],{"id":12,"title":13,"slug":49},{"slug":201,"title":202,"logo":203,"baseline":204,"categories":205},"copilot","Copilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcopilot-rnbvo0y1.png","Your AI companion",[206],{"id":61,"title":62,"slug":63},{"uuid":208,"title":209,"description":210,"canonical_path":211,"image":212,"width":213,"height":214,"image_alt":215,"kind":46,"categories":216,"app":218},"d44702eb-9bf0-46ba-9c44-783b77c72e5b","Grok UI component","The screenshot displays a feedback modal with a list of options.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F202f380b-e15b-4f06-9605-ffdcb4cfc5ac.png",484,629,"UI component from Grok",[217],{"id":12,"title":13,"slug":49},{"slug":219,"title":220,"logo":221,"baseline":222,"categories":223},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[224],{"id":61,"title":62,"slug":63},{"uuid":226,"title":227,"description":228,"canonical_path":229,"image":230,"width":231,"height":232,"image_alt":233,"kind":46,"categories":234,"app":236},"a7f1cca7-7669-4d35-9c46-22a8269757e4","Tines UI component","A modal with a call to action to import a story and a feedback section.","\u002Fexamples\u002Fapps\u002Ftines\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F844fc854-2905-4886-807f-a4816d06cd7a.png",662,564,"UI component from Tines",[235],{"id":12,"title":13,"slug":49},{"slug":237,"title":238,"logo":239,"baseline":240,"categories":241},"tines","Tines","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftines-1ce70211.png","No-code automation for security teams",[242,246,250,251],{"id":243,"title":244,"slug":245},78,"Security","security",{"id":247,"title":248,"slug":249},96,"No code","no-code",{"id":61,"title":62,"slug":63},{"id":252,"title":253,"slug":254},105,"Workflow Automation","workflow-automation",{"uuid":256,"title":257,"description":258,"canonical_path":259,"image":260,"width":261,"height":262,"image_alt":263,"kind":46,"categories":264,"app":266},"5dc0e2b2-f154-43da-b546-79873aabd526","Star rating widget","A simple five-star rating component prompting the user to rate transcript quality.","\u002Fexamples\u002Fapps\u002Fotter\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbb7965bd-c432-4d01-a1b0-85f24f4fa024.png",648,314,"Star rating widget from Otter",[265],{"id":12,"title":13,"slug":49},{"slug":267,"title":268,"logo":269,"baseline":270,"categories":271},"otter","Otter","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fotter-995b0fae.png","Voice meeting notes",[272,273,274],{"id":61,"title":62,"slug":63},{"id":10,"title":112,"slug":113},{"id":275,"title":276,"slug":277},30,"Productivity","productivity",{"uuid":279,"title":280,"description":281,"canonical_path":282,"image":283,"width":284,"height":285,"image_alt":286,"kind":46,"categories":287,"app":289},"0195b5c2-5e1f-47ff-9db7-b1be491e0cad","ChatGPT UI component","A modal for rating a GPT with star rating and submit button.","\u002Fexamples\u002Fapps\u002Fchatgpt\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac1f09a8-dc3b-4b74-b03b-36edad3e7b72.png",1448,832,"UI component from ChatGPT",[288],{"id":12,"title":13,"slug":49},{"slug":290,"title":291,"logo":292,"baseline":293,"categories":294},"chatgpt","ChatGPT","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchatgpt-3q2thjqu.png","Get answers. Find inspiration. Be more productive",[295,296,297],{"id":61,"title":62,"slug":63},{"id":275,"title":276,"slug":277},{"id":140,"title":141,"slug":142},{"uuid":299,"title":300,"description":301,"canonical_path":302,"image":303,"width":304,"height":305,"image_alt":306,"kind":46,"categories":307,"app":309},"516b6fc0-7f47-4016-b89f-cbae0a79d8c4","Claude UI component","A feedback modal with a text input and submit\u002Fcancel buttons.","\u002Fexamples\u002Fapps\u002Fclaude\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3e0149b-abee-4bee-99f0-e4fb0329fe68.png",1079,922,"UI component from Claude",[308],{"id":12,"title":13,"slug":49},{"slug":310,"title":311,"logo":312,"baseline":313,"categories":314},"claude","Claude","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclaudeai-uayp3ffk.png","Claude is a next generation AI assistant built for work and trained to be safe, accurate, and secure",[315,316],{"id":61,"title":62,"slug":63},{"id":275,"title":276,"slug":277},[],[319,322,324,327,330,333,336,339,342,345,348,351,354,357,360,363],{"label":320,"to":321},"AI Chat","\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":13,"to":323},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":325,"to":326},"AI Editing","\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":328,"to":329},"Media Editor","\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":331,"to":332},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":334,"to":335},"Browserbase design examples","\u002Fexamples\u002Fapps\u002Fbrowserbase",{"label":337,"to":338},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":340,"to":341},"Anara design examples","\u002Fexamples\u002Fapps\u002Fanara",{"label":343,"to":344},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":346,"to":347},"Gamma design examples","\u002Fexamples\u002Fapps\u002Fgamma",{"label":349,"to":350},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot",{"label":352,"to":353},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":355,"to":356},"Tines design examples","\u002Fexamples\u002Fapps\u002Ftines",{"label":358,"to":359},"Otter design examples","\u002Fexamples\u002Fapps\u002Fotter",{"label":361,"to":362},"ChatGPT design examples","\u002Fexamples\u002Fapps\u002Fchatgpt",{"label":364,"to":365},"Claude design examples","\u002Fexamples\u002Fapps\u002Fclaude",{"published_at":367,"updated_at":368},"2023-05-15T10:54:16.000Z","2026-09-17T10:44:16.000Z"]