[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Ftoggle-switch":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":340,"links":341,"dates":390},"\u002Fexamples\u002Fcomponents\u002Ftoggle-switch","collection","components",true,{"example_count":9,"app_count":10},345,207,{"id":12,"title":13,"description":14},236,"Toggle\u002FSwitch","Explore how interfaces turn a setting on or off. Look at how switch labels, supporting descriptions, and visible states explain what the setting controls.",{"title":16,"description":17,"og_image":18},"Toggle\u002FSwitch UI examples - Nicelydone","Toggle\u002FSwitch UI design examples from SaaS apps. Explore how interfaces turn a setting on or off. Look at how switch labels, supporting descriptions, and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a2ba6b0-3f7b-4625-8d45-cabb4d4cf691.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Toggle\u002FSwitch UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Toggle\u002FSwitch UI design examples from SaaS apps. Explore how interfaces turn a setting on or off. Look at how switch labels, supporting descriptions, and visible states explain what the setting controls.",[32],{"title":33,"description":14,"links":34},"About Toggle\u002FSwitch",[],[36],"345 UI components",[38,72,101,122,148,169,194,220,245,272,294,317],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"7729862c-41f3-4727-8594-0904521983cd","Airbnb UI component","A user interface section displaying travel-related stamps for profile customization with a privacy toggle.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fcomponents",1647,723,"UI component from Airbnb","component",[48],{"id":12,"title":13,"slug":49},"toggle-switch",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[56,60,64,68],{"id":57,"title":58,"slug":59},5,"Travel","travel",{"id":61,"title":62,"slug":63},12,"Hospitality","hospitality",{"id":65,"title":66,"slug":67},17,"Peer to peer","peer-to-peer",{"id":69,"title":70,"slug":71},18,"Marketplace","marketplace",{"uuid":73,"title":74,"description":75,"canonical_path":76,"image":77,"width":78,"height":79,"image_alt":80,"kind":46,"categories":81,"app":83},"ef96c23f-2c2a-4d2c-8f4a-ec371c38072e","Origin Financial UI component","A list item with a label and a toggle switch","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F465d23cd-37e0-4e20-b4b2-bcb6eaed4cb4.png",1301,399,"UI component from Origin Financial",[82],{"id":12,"title":13,"slug":49},{"slug":84,"title":85,"logo":86,"baseline":87,"categories":88},"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",[89,93,97],{"id":90,"title":91,"slug":92},36,"Finance","finance",{"id":94,"title":95,"slug":96},56,"Accounting","accounting",{"id":98,"title":99,"slug":100},80,"Artificial Intelligence","artificial-intelligence",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":107,"height":108,"image_alt":109,"kind":46,"categories":110,"app":112},"e212d966-ed33-4df3-b5d5-e55e7b0a0c66","Riverside UI component","A user interface element displaying a noise reduction setting with a toggle switch.","\u002Fexamples\u002Fapps\u002Friverside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba44baaa-7e8a-4286-8626-a002139439c0.png",787,169,"UI component from Riverside",[111],{"id":12,"title":13,"slug":49},{"slug":113,"title":114,"logo":115,"baseline":116,"categories":117},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[118],{"id":119,"title":120,"slug":121},100,"Video","video",{"uuid":123,"title":124,"description":125,"canonical_path":126,"image":127,"width":128,"height":129,"image_alt":130,"kind":46,"categories":131,"app":133},"6935caea-d75b-4622-ae13-587526894824","Lithic UI component","A UI element displaying a setting with a label, description, and a toggle switch.","\u002Fexamples\u002Fapps\u002Flithic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F916d9659-8d0b-40e0-915f-fb9653473255.png",1055,331,"UI component from Lithic",[132],{"id":12,"title":13,"slug":49},{"slug":134,"title":135,"logo":136,"baseline":137,"categories":138},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[139,140,144],{"id":90,"title":91,"slug":92},{"id":141,"title":142,"slug":143},39,"Payments","payments",{"id":145,"title":146,"slug":147},37,"Developer APIs","developer-apis",{"uuid":149,"title":150,"description":151,"canonical_path":152,"image":153,"width":154,"height":155,"image_alt":156,"kind":46,"categories":157,"app":159},"b7edf1ea-201f-480e-bffb-e900bf437d8a","Visitors UI component","A segmented control for selecting between monthly and annually options","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56c6d1f6-7118-46f4-8439-790d5f59e1ed.png",756,194,"UI component from Visitors",[158],{"id":12,"title":13,"slug":49},{"slug":160,"title":161,"logo":162,"baseline":163,"categories":164},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[165],{"id":166,"title":167,"slug":168},46,"Analytics","analytics",{"uuid":170,"title":171,"description":172,"canonical_path":173,"image":174,"width":175,"height":176,"image_alt":177,"kind":46,"categories":178,"app":180},"635b1d2e-3957-479a-bcc1-5cadf6f0f0df","Dock UI component","A settings page for managing workspace notifications with toggle switches.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56adec75-b079-4dd2-b217-344eea87824d.png",1309,713,"UI component from Dock",[179],{"id":12,"title":13,"slug":49},{"slug":181,"title":182,"logo":183,"baseline":184,"categories":185},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[186,190],{"id":187,"title":188,"slug":189},23,"Collaboration","collaboration",{"id":191,"title":192,"slug":193},29,"Task Management","task-management",{"uuid":195,"title":196,"description":197,"canonical_path":198,"image":199,"width":200,"height":201,"image_alt":202,"kind":46,"categories":203,"app":205},"b702fcc3-89d1-452c-b315-9a4c378deef4","Appwrite UI component","A user interface displaying password policy settings with toggle switches and an update button within a card component.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9cfad5bb-939e-4653-8a3a-9331611b78df.png",2554,1015,"UI component from Appwrite",[204],{"id":12,"title":13,"slug":49},{"slug":206,"title":207,"logo":208,"baseline":209,"categories":210},"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.",[211,215,216],{"id":212,"title":213,"slug":214},48,"Developer Tools","developer-tools",{"id":145,"title":146,"slug":147},{"id":217,"title":218,"slug":219},45,"Open Source","open-source",{"uuid":221,"title":222,"canonical_path":223,"image":224,"width":225,"height":226,"image_alt":227,"kind":46,"categories":228,"app":230},"d7364714-9be1-4e7d-9973-7dca1641deb0","Voiceflow UI component","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b122b7f-19c2-4bd9-9d4e-8cf1afa884ac.png",1566,642,"UI component from Voiceflow",[229],{"id":12,"title":13,"slug":49},{"slug":231,"title":232,"logo":233,"baseline":234,"categories":235},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[236,237,241],{"id":98,"title":99,"slug":100},{"id":238,"title":239,"slug":240},47,"Customer Service","customer-service",{"id":242,"title":243,"slug":244},96,"No code","no-code",{"uuid":246,"title":247,"description":248,"canonical_path":249,"image":250,"width":251,"height":252,"image_alt":253,"kind":46,"categories":254,"app":256},"ac83bb63-9670-4df0-90fe-088990b33e5b","Compliance Privacy Toggles","Lists privacy and compliance settings with toggle controls and descriptions","\u002Fexamples\u002Fapps\u002Fbeside\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7b106bb2-eb1c-4fc7-b217-98cbae761136.png",1664,749,"Compliance Privacy Toggles from Beside",[255],{"id":12,"title":13,"slug":49},{"slug":257,"title":258,"logo":259,"baseline":260,"categories":261},"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",[262,263,264,268],{"id":98,"title":99,"slug":100},{"id":238,"title":239,"slug":240},{"id":265,"title":266,"slug":267},53,"CRM","crm",{"id":269,"title":270,"slug":271},82,"Communication","communication",{"uuid":273,"title":274,"description":275,"canonical_path":276,"image":277,"width":278,"height":279,"image_alt":280,"kind":46,"categories":281,"app":283},"bb009829-c4f4-461b-acee-199b6f5f7eca","Security Preferences Card","Lists toggleable and actionable security preference rows for authenticator and recovery options","\u002Fexamples\u002Fapps\u002Ffamily\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d5d41a6-ae6d-4396-83da-173706f430ad.png",1246,575,"Security Preferences Card from Family",[282],{"id":12,"title":13,"slug":49},{"slug":284,"title":285,"logo":286,"baseline":287,"categories":288},"family","Family","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F54b399c5-e1bc-4b2d-9748-6c66246cee2b.png","Your favorite crypto wallet.",[289,290],{"id":90,"title":91,"slug":92},{"id":291,"title":292,"slug":293},95,"Blockchain","blockchain",{"uuid":295,"title":296,"description":297,"canonical_path":298,"image":299,"width":300,"height":301,"image_alt":302,"kind":46,"categories":303,"app":305},"20273777-c9e7-40b9-8e67-680644faa02c","Highlights configuration","Controls optional structured outputs and highlights parameters for search results","\u002Fexamples\u002Fapps\u002Fexa\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ea7e9c0-23a9-4095-8025-df4c7c3b44d0.png",1380,607,"Highlights configuration from Exa",[304],{"id":12,"title":13,"slug":49},{"slug":306,"title":307,"logo":308,"baseline":309,"categories":310},"exa","Exa","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F011e446a-087b-451e-b27d-63d67d92a42f.png","Real-time AI search engine with structured web search API and deep research tools",[311,315,316],{"id":312,"title":313,"slug":314},55,"Search engine","search-engine",{"id":98,"title":99,"slug":100},{"id":145,"title":146,"slug":147},{"uuid":318,"title":319,"description":320,"canonical_path":321,"image":322,"width":323,"height":324,"image_alt":325,"kind":46,"categories":326,"app":328},"49090360-6be5-4fb7-876c-1499df417d13","Flora UI component","A user interface displaying two toggle settings with information icons.","\u002Fexamples\u002Fapps\u002Fflora\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba7f9e8f-4ad6-45be-ba8a-31451babcd5f.png",796,174,"UI component from Flora",[327],{"id":12,"title":13,"slug":49},{"slug":329,"title":330,"logo":331,"baseline":332,"categories":333},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[334,335,339],{"id":98,"title":99,"slug":100},{"id":336,"title":337,"slug":338},8,"Design","design",{"id":187,"title":188,"slug":189},[],[342,345,348,351,354,357,360,363,366,369,372,375,378,381,384,387],{"label":343,"to":344},"Account Settings","\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":346,"to":347},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":349,"to":350},"Security Settings","\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":352,"to":353},"Add & Create","\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":355,"to":356},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":358,"to":359},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":361,"to":362},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":364,"to":365},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":367,"to":368},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":370,"to":371},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":373,"to":374},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":376,"to":377},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":379,"to":380},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":382,"to":383},"Family design examples","\u002Fexamples\u002Fapps\u002Ffamily",{"label":385,"to":386},"Exa design examples","\u002Fexamples\u002Fapps\u002Fexa",{"label":388,"to":389},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"published_at":391,"updated_at":392},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]