[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fradio-button":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":347,"links":348,"dates":397},"\u002Fexamples\u002Fcomponents\u002Fradio-button","collection","components",true,{"example_count":9,"app_count":10},34,29,{"id":12,"title":13,"description":14},216,"Radio button","Explore how forms ask people to make one choice within a group. Look at radio labels, supporting descriptions, and selected states across different option layouts.",{"title":16,"description":17,"og_image":18},"Radio button UI examples - Nicelydone","Radio button UI design examples from SaaS apps. Explore how forms ask people to make one choice within a group. Look at radio labels, supporting…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F659315e7-6b0d-4368-9778-395ef4fd72d8.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Radio button UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Radio button UI design examples from SaaS apps. Explore how forms ask people to make one choice within a group. Look at radio labels, supporting descriptions, and selected states across different option…",[32],{"title":33,"description":14,"links":34},"About Radio button",[],[36],"34 UI components",[38,68,94,118,144,174,197,223,250,271,298,324],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"aeb73e8a-4330-474b-a680-53074e1e13f3","Origin Financial UI component","A form asking a user if they have children, with two radio button options for 'Yes' and 'No'.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fcomponents",1430,675,"UI component from Origin Financial","component",[48],{"id":12,"title":13,"slug":49},"radio-button",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[56,60,64],{"id":57,"title":58,"slug":59},36,"Finance","finance",{"id":61,"title":62,"slug":63},56,"Accounting","accounting",{"id":65,"title":66,"slug":67},80,"Artificial Intelligence","artificial-intelligence",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"a32892c3-e659-439b-bad7-7c9174f0fade","Lithic UI component","A filter setting for merchant category codes with a toggle, radio buttons, and a text input field.","\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa21de92b-0919-424b-97ad-7756f6f648f4.png",828,544,"UI component from Lithic",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[85,86,90],{"id":57,"title":58,"slug":59},{"id":87,"title":88,"slug":89},39,"Payments","payments",{"id":91,"title":92,"slug":93},37,"Developer APIs","developer-apis",{"uuid":95,"title":96,"description":97,"canonical_path":98,"image":99,"width":100,"height":101,"image_alt":102,"kind":46,"categories":103,"app":105},"bfe17641-b598-4aa0-b4c9-3e448eaa6e8d","Dock UI component","A user interface for selecting a template from a list, featuring a title, subtitle, and multiple template options with previews and radio buttons.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b6d2e1e-3c69-41d6-af7c-ca32fce7c53b.png",852,714,"UI component from Dock",[104],{"id":12,"title":13,"slug":49},{"slug":106,"title":107,"logo":108,"baseline":109,"categories":110},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[111,115],{"id":112,"title":113,"slug":114},23,"Collaboration","collaboration",{"id":10,"title":116,"slug":117},"Task Management","task-management",{"uuid":119,"title":120,"description":121,"canonical_path":122,"image":123,"width":124,"height":125,"image_alt":126,"kind":46,"categories":127,"app":129},"789f3da4-4640-4eee-a730-2b39cd600d67","Appwrite UI component","Two selectable cards presenting options for connecting a Git repository or deferring the connection.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F392cd6a8-a915-4ecb-9767-d744097196cc.png",1854,452,"UI component from Appwrite",[128],{"id":12,"title":13,"slug":49},{"slug":130,"title":131,"logo":132,"baseline":133,"categories":134},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[135,139,140],{"id":136,"title":137,"slug":138},48,"Developer Tools","developer-tools",{"id":91,"title":92,"slug":93},{"id":141,"title":142,"slug":143},45,"Open Source","open-source",{"uuid":145,"title":146,"description":147,"canonical_path":148,"image":149,"width":150,"height":151,"image_alt":152,"kind":46,"categories":153,"app":155},"fe0149c7-58f6-4f22-8217-5fc37910eaff","Voice option list","Presents selectable AI voice profiles with language flags, traits, and preview controls for onboarding selection","\u002Fexamples\u002Fapps\u002Fbeside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04b5e1f2-53da-459c-9ecb-2a67d726aac3.png",1152,1412,"Voice option list from Beside",[154],{"id":12,"title":13,"slug":49},{"slug":156,"title":157,"logo":158,"baseline":159,"categories":160},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[161,162,166,170],{"id":65,"title":66,"slug":67},{"id":163,"title":164,"slug":165},47,"Customer Service","customer-service",{"id":167,"title":168,"slug":169},53,"CRM","crm",{"id":171,"title":172,"slug":173},82,"Communication","communication",{"uuid":175,"title":176,"description":177,"canonical_path":178,"image":179,"width":180,"height":181,"image_alt":182,"kind":46,"categories":183,"app":185},"ce54c95a-e634-4ace-aa5a-d04821e7993d","Flora UI component","A user interface for setting access permissions for a technique, offering community, workspace, and private options.","\u002Fexamples\u002Fapps\u002Fflora\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd683de4d-7200-4eec-9bd5-1e8790290e4a.png",690,718,"UI component from Flora",[184],{"id":12,"title":13,"slug":49},{"slug":186,"title":187,"logo":188,"baseline":189,"categories":190},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[191,192,196],{"id":65,"title":66,"slug":67},{"id":193,"title":194,"slug":195},8,"Design","design",{"id":112,"title":113,"slug":114},{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":203,"height":204,"image_alt":205,"kind":46,"categories":206,"app":208},"566eb089-87a5-42ef-a25b-48709495d5a3","Lovable UI component","A user interface section for configuring sound notifications with multiple radio button options.","\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58914f11-7d42-4483-809b-76a8043f3e60.png",2305,465,"UI component from Lovable",[207],{"id":12,"title":13,"slug":49},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[214,215,219],{"id":65,"title":66,"slug":67},{"id":216,"title":217,"slug":218},7,"Web Development","web-development",{"id":220,"title":221,"slug":222},96,"No code","no-code",{"uuid":224,"title":225,"description":226,"canonical_path":227,"image":228,"width":229,"height":230,"image_alt":231,"kind":46,"categories":232,"app":234},"9bb6d282-09ad-4333-a2e7-1b03b216411a","Amie UI component","A settings interface for configuring meeting recording preferences with multiple radio button options.","\u002Fexamples\u002Fapps\u002Famie\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0f073ccf-8d14-4167-9613-fa1027280005.png",1871,949,"UI component from Amie",[233],{"id":12,"title":13,"slug":49},{"slug":235,"title":236,"logo":237,"baseline":238,"categories":239},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[240,244,245,249],{"id":241,"title":242,"slug":243},101,"Calendar","calendar",{"id":10,"title":116,"slug":117},{"id":246,"title":247,"slug":248},30,"Productivity","productivity",{"id":65,"title":66,"slug":67},{"uuid":251,"title":252,"description":253,"canonical_path":254,"image":255,"width":256,"height":257,"image_alt":258,"kind":46,"categories":259,"app":261},"1b6cee9e-3b24-4c9a-9ae7-7298422c4971","Aboard UI component","A user interface displaying various personal settings and preferences with toggle switches.","\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1efaaa8a-4838-44ba-942c-37a098f74ab3.png",1740,1018,"UI component from Aboard",[260],{"id":12,"title":13,"slug":49},{"slug":262,"title":263,"logo":264,"baseline":265,"categories":266},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[267],{"id":268,"title":269,"slug":270},10,"Human resources","human-resources",{"uuid":272,"title":273,"description":274,"canonical_path":275,"image":276,"width":277,"height":278,"image_alt":279,"kind":46,"categories":280,"app":282},"1fa2f7e4-49a7-4d46-b1eb-333d9a0d7e44","Navattic UI component","A user interface for selecting how a product will be used, presented as a list of options with radio buttons.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff27128fe-3925-4660-9065-be02fc39d596.png",1600,1262,"UI component from Navattic",[281],{"id":12,"title":13,"slug":49},{"slug":283,"title":284,"logo":285,"baseline":286,"categories":287},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[288,292,293,294],{"id":289,"title":290,"slug":291},25,"Marketing","marketing",{"id":65,"title":66,"slug":67},{"id":220,"title":221,"slug":222},{"id":295,"title":296,"slug":297},103,"Demo Automation","demo-automation",{"uuid":299,"title":300,"description":301,"canonical_path":302,"image":303,"width":304,"height":305,"image_alt":306,"kind":46,"categories":307,"app":309},"a8acf228-3e79-41ee-ab93-70a37a5e51c3","Mailchimp UI component","A form to choose how to submit contact emails, offering upload or paste options.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6ad8e6d6-59c6-41f0-93c1-06f2d74bbbe4.png",798,356,"UI component from Mailchimp",[308],{"id":12,"title":13,"slug":49},{"slug":310,"title":311,"logo":312,"baseline":313,"categories":314},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[315,316,320],{"id":289,"title":290,"slug":291},{"id":317,"title":318,"slug":319},27,"Email Newsletters","email-newsletters",{"id":321,"title":322,"slug":323},68,"SMS","sms",{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":330,"height":331,"image_alt":332,"kind":46,"categories":333,"app":335},"f75215e4-b4cc-4553-8f91-477a70035976","Chatwoot UI component","User interface for configuring sender name options for business communication.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F51bab8c7-c115-4666-b5b5-b614d2a7574f.png",1604,654,"UI component from Chatwoot",[334],{"id":12,"title":13,"slug":49},{"slug":336,"title":337,"logo":338,"baseline":339,"categories":340},"chatwoot","Chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[341,345,346],{"id":342,"title":343,"slug":344},22,"Knowledge Management","knowledge-management",{"id":141,"title":142,"slug":143},{"id":163,"title":164,"slug":165},[],[349,352,355,358,361,364,367,370,373,376,379,382,385,388,391,394],{"label":350,"to":351},"Onboarding Checklist","\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":353,"to":354},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":356,"to":357},"Form","\u002Fexamples\u002Fscreens\u002Fform",{"label":359,"to":360},"Settings","\u002Fexamples\u002Fscreens\u002Fsettings",{"label":362,"to":363},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":365,"to":366},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":368,"to":369},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":371,"to":372},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":374,"to":375},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":377,"to":378},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":380,"to":381},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":383,"to":384},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":386,"to":387},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":389,"to":390},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":392,"to":393},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":395,"to":396},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"published_at":398,"updated_at":399},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]