[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fcheckbox-radio":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":352,"links":353,"dates":402},"\u002Fexamples\u002Fcomponents\u002Fcheckbox-radio","collection","components",true,{"example_count":9,"app_count":10},224,131,{"id":12,"title":13,"description":14},179,"Checkbox & radio","See how forms distinguish choosing several options from choosing one. Explore how checkbox and radio controls present labels, selected states, and groups of related choices.",{"title":16,"description":17,"og_image":18},"Checkbox & radio UI examples - Nicelydone","Checkbox & radio UI design examples from SaaS apps. See how forms distinguish choosing several options from choosing one. Explore how checkbox and radio…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee57472a-c8eb-4a51-95de-d61008e62342.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Checkbox & radio UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Checkbox & radio UI design examples from SaaS apps. See how forms distinguish choosing several options from choosing one. Explore how checkbox and radio controls present labels, selected states, and groups of…",[32],{"title":33,"description":14,"links":34},"About Checkbox & radio",[],[36],"224 UI components",[38,68,101,123,144,171,200,222,253,282,306,332],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"79aeeda4-8053-4fea-ba2a-fe13ef3d8ce9","Flask UI component","A modal presenting options for providing feedback, including uploading an asset, recording, or typing feedback.","\u002Fexamples\u002Fapps\u002Fflask\u002Fcomponents",587,511,"UI component from Flask","component",[48],{"id":12,"title":13,"slug":49},"checkbox-radio",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"flask","Flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[56,60,64],{"id":57,"title":58,"slug":59},100,"Video","video",{"id":61,"title":62,"slug":63},23,"Collaboration","collaboration",{"id":65,"title":66,"slug":67},35,"Feedback","feedback",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"e415da28-dc45-4d5c-a031-929dc1f4c43d","Bloom UI component","A modal dialog presenting a multiple-choice question about types of baseball hats sold, with one option pre-selected and a disabled 'Next' button.","\u002Fexamples\u002Fapps\u002Fbloom\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F956fbc70-1a22-44c4-94a6-caa72c559ebf.png",871,738,"UI component from Bloom",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png","A new way to build commerce",[85,89,93,97],{"id":86,"title":87,"slug":88},80,"Artificial Intelligence","artificial-intelligence",{"id":90,"title":91,"slug":92},3,"Shopping","shopping",{"id":94,"title":95,"slug":96},7,"Web Development","web-development",{"id":98,"title":99,"slug":100},96,"No code","no-code",{"uuid":102,"title":103,"canonical_path":104,"image":105,"width":106,"height":107,"image_alt":108,"kind":46,"categories":109,"app":111},"57850c45-b53b-436d-ba01-02a33455eda0","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F814ef4ec-56af-4036-be9c-e4e2c77f8b3d.png",1080,1100,"UI component from Voiceflow",[110],{"id":12,"title":13,"slug":49},{"slug":112,"title":113,"logo":114,"baseline":115,"categories":116},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[117,118,122],{"id":86,"title":87,"slug":88},{"id":119,"title":120,"slug":121},47,"Customer Service","customer-service",{"id":98,"title":99,"slug":100},{"uuid":124,"title":125,"description":126,"canonical_path":127,"image":128,"width":129,"height":130,"image_alt":131,"kind":46,"categories":132,"app":134},"b567f57a-6b28-4759-b52f-5fea38c3aa00","Aboard UI component","A user interface element for managing notification settings with a toggle switch.","\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5823f92-c7f3-48ea-8b4d-b3dfb8d4e142.png",1720,348,"UI component from Aboard",[133],{"id":12,"title":13,"slug":49},{"slug":135,"title":136,"logo":137,"baseline":138,"categories":139},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[140],{"id":141,"title":142,"slug":143},10,"Human resources","human-resources",{"uuid":145,"title":146,"description":147,"canonical_path":148,"image":149,"width":150,"height":151,"image_alt":152,"kind":46,"categories":153,"app":155},"2092882f-17f9-4e47-bb55-14ee585a1d29","Navattic UI component","A user interface element displaying a setting with a toggle switch.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8b372c07-65af-4bd2-add5-47500ea5edec.png",1388,339,"UI component from Navattic",[154],{"id":12,"title":13,"slug":49},{"slug":156,"title":157,"logo":158,"baseline":159,"categories":160},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[161,165,166,167],{"id":162,"title":163,"slug":164},25,"Marketing","marketing",{"id":86,"title":87,"slug":88},{"id":98,"title":99,"slug":100},{"id":168,"title":169,"slug":170},103,"Demo Automation","demo-automation",{"uuid":172,"title":173,"description":174,"canonical_path":175,"image":176,"width":177,"height":178,"image_alt":179,"kind":46,"categories":180,"app":182},"f4637468-c5fc-4009-9ea5-a8ee95fe920a","Maze UI component","Team discoverability settings with a contextual information popover","\u002Fexamples\u002Fapps\u002Fmaze\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdecc800f-f74e-4400-a83c-051ed0cc0ada.png",2676,723,"UI component from Maze",[181],{"id":12,"title":13,"slug":49},{"slug":183,"title":184,"logo":185,"baseline":186,"categories":187},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[188,192,196],{"id":189,"title":190,"slug":191},8,"Design","design",{"id":193,"title":194,"slug":195},69,"Surveys","surveys",{"id":197,"title":198,"slug":199},104,"User Research","user-research",{"uuid":201,"title":202,"description":203,"canonical_path":204,"image":205,"width":206,"height":207,"image_alt":208,"kind":46,"categories":209,"app":211},"4a64fe17-6de1-461e-b1e6-6ef6f052e6da","Missive UI component","A user interface for connecting an account and configuring message sharing options.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8722f46b-d441-4c53-8c6e-00cc71746663.png",978,916,"UI component from Missive",[210],{"id":12,"title":13,"slug":49},{"slug":212,"title":213,"logo":214,"baseline":215,"categories":216},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[217,218],{"id":61,"title":62,"slug":63},{"id":219,"title":220,"slug":221},92,"Email","email",{"uuid":223,"title":224,"description":225,"canonical_path":226,"image":227,"width":228,"height":229,"image_alt":230,"kind":46,"categories":231,"app":233},"2aa6cb1c-5bda-4c37-ab2b-c738a485ef93","Bird UI component","A modal or card displaying user permissions with checkboxes for various management roles.","\u002Fexamples\u002Fapps\u002Fbird\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F021afd3c-2815-4f4a-a4a9-286b98010dde.png",1456,652,"UI component from Bird",[232],{"id":12,"title":13,"slug":49},{"slug":234,"title":235,"logo":236,"baseline":237,"categories":238},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[239,240,244,248,252],{"id":162,"title":163,"slug":164},{"id":241,"title":242,"slug":243},37,"Developer APIs","developer-apis",{"id":245,"title":246,"slug":247},53,"CRM","crm",{"id":249,"title":250,"slug":251},68,"SMS","sms",{"id":219,"title":220,"slug":221},{"uuid":254,"title":255,"description":256,"canonical_path":257,"image":258,"width":259,"height":260,"image_alt":261,"kind":46,"categories":262,"app":264},"736abaca-28c6-4a34-b5a9-9368e75e0f46","Meetup UI component","A user onboarding screen asking about the user's purpose for using the platform, presenting three selectable options.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbf84e4f-838c-4e8f-90ff-85eaa21818db.png",1216,1090,"UI component from Meetup",[263],{"id":12,"title":13,"slug":49},{"slug":265,"title":266,"logo":267,"baseline":268,"categories":269},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[270,274,278],{"id":271,"title":272,"slug":273},1,"Communities","communities",{"id":275,"title":276,"slug":277},14,"Social","social",{"id":279,"title":280,"slug":281},26,"Events","events",{"uuid":283,"title":284,"description":285,"canonical_path":286,"image":287,"width":288,"height":289,"image_alt":290,"kind":46,"categories":291,"app":293},"b975216e-b053-46a4-81c7-139b9d783b4d","Dovetail UI component","A user interface displaying options to explore projects and channels, featuring AI-powered insights, video call summaries, and customer voice analytics with a bar chart visualization.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F805e3518-d4a7-4eb1-ad26-e27b3f4beff2.png",1635,1242,"UI component from Dovetail",[292],{"id":12,"title":13,"slug":49},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[299,300,304,305],{"id":189,"title":190,"slug":191},{"id":301,"title":302,"slug":303},22,"Knowledge Management","knowledge-management",{"id":65,"title":66,"slug":67},{"id":197,"title":198,"slug":199},{"uuid":307,"title":308,"description":309,"canonical_path":310,"image":311,"width":312,"height":313,"image_alt":314,"kind":46,"categories":315,"app":317},"627c0b9d-7372-4f01-b345-f5c668f5f983","Whop UI component","A modal interface for blocking users by IP address, featuring a search bar for countries and a list of selectable countries with associated user counts.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F13dcddeb-4a30-4d5b-8c77-af43b3ae2bd5.png",1064,1226,"UI component from Whop",[316],{"id":12,"title":13,"slug":49},{"slug":318,"title":319,"logo":320,"baseline":321,"categories":322},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[323,324,328],{"id":271,"title":272,"slug":273},{"id":325,"title":326,"slug":327},18,"Marketplace","marketplace",{"id":329,"title":330,"slug":331},39,"Payments","payments",{"uuid":333,"title":334,"description":335,"canonical_path":336,"image":337,"width":338,"height":339,"image_alt":340,"kind":46,"categories":341,"app":343},"356dd40a-e45a-4aa4-be14-561bbd90e172","Chatbase UI component","A user interface for selecting an embed type, offering 'Chat widget' or 'Iframe' options with descriptions and a documentation link.","\u002Fexamples\u002Fapps\u002Fchatbase\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbb3556e0-04c2-49aa-acf9-c7b773cf6e98.png",998,569,"UI component from Chatbase",[342],{"id":12,"title":13,"slug":49},{"slug":344,"title":345,"logo":346,"baseline":347,"categories":348},"chatbase","Chatbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f20904a-e719-4d66-8569-3859ea3fbf78.png","AI agents for magical customer experiences",[349,350,351],{"id":119,"title":120,"slug":121},{"id":86,"title":87,"slug":88},{"id":98,"title":99,"slug":100},[],[354,357,360,363,366,369,372,375,378,381,384,387,390,393,396,399],{"label":355,"to":356},"Onboarding Checklist","\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":358,"to":359},"Setup Wizard","\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":361,"to":362},"AI Settings","\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":364,"to":365},"Roles & Permissions","\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":367,"to":368},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":370,"to":371},"Bloom design examples","\u002Fexamples\u002Fapps\u002Fbloom",{"label":373,"to":374},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":376,"to":377},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":379,"to":380},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":382,"to":383},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":385,"to":386},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":388,"to":389},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":391,"to":392},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":394,"to":395},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":397,"to":398},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":400,"to":401},"Chatbase design examples","\u002Fexamples\u002Fapps\u002Fchatbase",{"published_at":403,"updated_at":404},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]