[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Ftimezone-selector":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":33,"showcases":525,"links":526,"dates":587},"\u002Fexamples\u002Ftags\u002Ftimezone-selector","collection","screens",true,{"example_count":9,"app_count":10},1146,145,{"id":12,"title":13,"description":14},208942,"Timezone selector","",{"title":16,"description":17,"og_image":18},"Timezone selector screen examples - Nicelydone","Timezone selector screen design examples from SaaS apps. Browse examples from Beside, Aboard, Navattic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e7cf5a7-1bb6-42e4-9e49-9c346cab17db.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Timezone selector screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1146 screens",[34,99,145,189,237,296,330,362,403,431,453,484],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":68,"app":77},"7e7cf5a7-1bb6-42e4-9e49-9c346cab17db","Pulses - Settings - Beside","Settings modal where the user configures a recurring AI prompt, setting its visibility, frequency, time, timezone, and the prompt text.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens",3024,1758,"Pulses - Settings - Beside from Beside","2026-06-29T18:30:01.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},29,"AI Editing","ai-editing",0,{"id":51,"label":52,"slug":53},3,"AI","ai",{"id":55,"label":56,"slug":57,"rank":58,"group":59},11,"Edit","edit",1,{"id":60,"label":61,"slug":62},2,"Actions","actions",{"id":64,"label":65,"slug":66,"rank":60,"group":67},30,"AI Generation","ai-generation",{"id":51,"label":52,"slug":53},[69,73],{"id":70,"title":71,"slug":72},284,"Modal","modal",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":78,"title":79,"logo":80,"baseline":81,"categories":82},"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",[83,87,91,95],{"id":84,"title":85,"slug":86},80,"Artificial Intelligence","artificial-intelligence",{"id":88,"title":89,"slug":90},47,"Customer Service","customer-service",{"id":92,"title":93,"slug":94},53,"CRM","crm",{"id":96,"title":97,"slug":98},82,"Communication","communication",{"uuid":100,"title":101,"description":102,"canonical_path":103,"image":104,"width":39,"height":40,"image_alt":105,"published_at":106,"kind":43,"patterns":107,"component_categories":121,"app":136},"e2293800-14f7-4d6c-8067-c639ed854bb3","Workplaces | Settings | Aboard","Settings page where the user adds a new company workplace by specifying its address, name, emoji, color, and timezone.","\u002Fexamples\u002Fapps\u002Faboard\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe2293800-14f7-4d6c-8067-c639ed854bb3.png","Workplaces | Settings | Aboard from Aboard","2026-05-05T10:32:35.000Z",[108,113],{"id":109,"label":110,"slug":111,"rank":49,"group":112},7,"Add & Create","add-and-create",{"id":60,"label":61,"slug":62},{"id":114,"label":115,"slug":116,"rank":58,"group":117},102,"Settings","settings",{"id":118,"label":119,"slug":120},10,"Settings & Admin","settings-and-admin",[122,126,130,131,135],{"id":123,"title":124,"slug":125},240,"Horizontal navigation","horizontal-navigation",{"id":127,"title":128,"slug":129},260,"Badge","badge",{"id":70,"title":71,"slug":72},{"id":132,"title":133,"slug":134},169,"Avatar","avatar",{"id":74,"title":75,"slug":76},{"slug":137,"title":138,"logo":139,"baseline":140,"categories":141},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[142],{"id":118,"title":143,"slug":144},"Human resources","human-resources",{"uuid":146,"title":147,"description":148,"canonical_path":149,"image":150,"width":39,"height":40,"image_alt":151,"published_at":152,"kind":43,"patterns":153,"component_categories":167,"app":170},"5a3f2642-463e-4487-880b-cc0844fd6458","Reschedule Meeting | Alec Wnuk","Scheduling page where the user searches and selects their timezone from an open combobox before picking a 30-minute meeting slot.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5a3f2642-463e-4487-880b-cc0844fd6458.png","Reschedule Meeting | Alec Wnuk from Navattic","2026-05-05T10:32:31.000Z",[154,162],{"id":155,"label":156,"slug":157,"rank":49,"group":158},54,"Date & Time","date-and-time",{"id":159,"label":160,"slug":161},5,"Media & Tools","media-and-tools",{"id":163,"label":164,"slug":165,"rank":58,"group":166},21,"Schedule","schedule",{"id":60,"label":61,"slug":62},[168,169],{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":171,"title":172,"logo":173,"baseline":174,"categories":175},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[176,180,181,185],{"id":177,"title":178,"slug":179},25,"Marketing","marketing",{"id":84,"title":85,"slug":86},{"id":182,"title":183,"slug":184},96,"No code","no-code",{"id":186,"title":187,"slug":188},103,"Demo Automation","demo-automation",{"uuid":190,"title":191,"description":192,"canonical_path":193,"image":194,"width":39,"height":195,"image_alt":196,"published_at":197,"kind":43,"patterns":198,"component_categories":210,"app":218},"0c5ba38e-ddd3-43ec-a102-6179f9ed6794","Cushion interface screen","Settings modal where the user configures their personal profile details including avatar, preferred name, and timezone.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c5ba38e-ddd3-43ec-a102-6179f9ed6794.png",1776,"Interface screen from Cushion","2026-04-14T11:44:00.000Z",[199,204],{"id":200,"label":201,"slug":202,"rank":49,"group":203},94,"Account Settings","account-settings",{"id":118,"label":119,"slug":120},{"id":51,"label":205,"slug":206,"rank":58,"group":207},"Profile","profile",{"id":55,"label":208,"slug":209},"Social & Collaboration","social-and-collaboration",[211,212,216,217],{"id":70,"title":71,"slug":72},{"id":213,"title":214,"slug":215},174,"Card","card",{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":219,"title":220,"logo":221,"baseline":222,"categories":223},"cushion-so","Cushion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[224,228,232,233],{"id":225,"title":226,"slug":227},23,"Collaboration","collaboration",{"id":229,"title":230,"slug":231},42,"Messaging","messaging",{"id":96,"title":97,"slug":98},{"id":234,"title":235,"slug":236},89,"Remote","remote",{"uuid":238,"title":239,"description":240,"canonical_path":241,"image":242,"width":39,"height":195,"image_alt":243,"published_at":244,"kind":43,"patterns":245,"component_categories":269,"app":282},"ef9dd5a4-3d3c-4110-82e8-eddac05fb5bd","Chatwoot","Settings page where the user configures a weekly availability schedule, timezone, and an offline auto-reply message for a specific customer support inbox.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef9dd5a4-3d3c-4110-82e8-eddac05fb5bd.png","Chatwoot from Chatwoot","2026-04-06T18:15:20.000Z",[246,248,255,259,261],{"id":114,"label":115,"slug":116,"rank":49,"group":247},{"id":118,"label":119,"slug":120},{"id":88,"label":249,"slug":250,"rank":58,"group":251},"Table","table",{"id":252,"label":253,"slug":254},4,"Data & Analysis","data-and-analysis",{"id":225,"label":256,"slug":257,"rank":60,"group":258},"Select","select",{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":51,"group":260},{"id":60,"label":61,"slug":62},{"id":262,"label":263,"slug":264,"rank":252,"group":265},62,"Breadcrumbs","breadcrumbs",{"id":266,"label":267,"slug":268},6,"Navigation & Commands","navigation-and-commands",[270,274,278,279,280,281],{"id":271,"title":272,"slug":273},177,"Breadcrumb","breadcrumb",{"id":275,"title":276,"slug":277},233,"Tabs","tabs",{"id":127,"title":128,"slug":129},{"id":213,"title":214,"slug":215},{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":283,"title":239,"logo":284,"baseline":285,"categories":286},"chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[287,291,295],{"id":288,"title":289,"slug":290},22,"Knowledge Management","knowledge-management",{"id":292,"title":293,"slug":294},45,"Open Source","open-source",{"id":88,"title":89,"slug":90},{"uuid":297,"title":298,"description":299,"canonical_path":300,"image":301,"width":39,"height":302,"image_alt":303,"published_at":304,"kind":43,"patterns":305,"component_categories":308,"app":310},"968a27bd-f296-4359-a46a-aa1d4c683713","New workspace | Bird","Creation form where the user sets up a new workspace by providing a name, selecting a data storage region, and searching for a timezone.","\u002Fexamples\u002Fapps\u002Fbird\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F968a27bd-f296-4359-a46a-aa1d4c683713.png",1780,"New workspace | Bird from Bird","2026-03-30T13:53:59.000Z",[306],{"id":114,"label":115,"slug":116,"rank":49,"group":307},{"id":118,"label":119,"slug":120},[309],{"id":74,"title":75,"slug":76},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"bird","Bird","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F438a1831-3604-472d-a383-2892bbd37a63.png","Unified CRM for Marketing, Service & Payments",[316,317,321,322,326],{"id":177,"title":178,"slug":179},{"id":318,"title":319,"slug":320},37,"Developer APIs","developer-apis",{"id":92,"title":93,"slug":94},{"id":323,"title":324,"slug":325},68,"SMS","sms",{"id":327,"title":328,"slug":329},92,"Email","email",{"uuid":331,"title":332,"description":333,"canonical_path":334,"image":335,"width":39,"height":302,"image_alt":336,"published_at":337,"kind":43,"patterns":338,"component_categories":341,"app":345},"fb2de101-976b-4dc8-b1de-88cd203d3239","Account management","Settings page where the user configures their email, language, primary time zone, and password.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb2de101-976b-4dc8-b1de-88cd203d3239.png","Account management from Meetup","2026-03-09T10:46:46.000Z",[339],{"id":200,"label":201,"slug":202,"rank":49,"group":340},{"id":118,"label":119,"slug":120},[342,343,344],{"id":123,"title":124,"slug":125},{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":346,"title":347,"logo":348,"baseline":349,"categories":350},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[351,354,358],{"id":58,"title":352,"slug":353},"Communities","communities",{"id":355,"title":356,"slug":357},14,"Social","social",{"id":359,"title":360,"slug":361},26,"Events","events",{"uuid":363,"title":364,"description":365,"canonical_path":366,"image":367,"width":39,"height":302,"image_alt":368,"published_at":369,"kind":43,"patterns":370,"component_categories":380,"app":384},"83e0ca2d-c9e0-433b-80a1-d61c0a185c91","Browse – Dovetail","Modal overlay where the user configures a new AI agent by setting its name, weekly schedule, timezone, and custom instructions.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83e0ca2d-c9e0-433b-80a1-d61c0a185c91.png","Browse – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[371,375],{"id":359,"label":372,"slug":373,"rank":49,"group":374},"AI Agent","ai-agent",{"id":51,"label":52,"slug":53},{"id":376,"label":377,"slug":378,"rank":58,"group":379},33,"AI Settings","ai-settings",{"id":51,"label":52,"slug":53},[381,382,383],{"id":275,"title":276,"slug":277},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":385,"title":386,"logo":387,"baseline":388,"categories":389},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[390,394,395,399],{"id":391,"title":392,"slug":393},8,"Design","design",{"id":288,"title":289,"slug":290},{"id":396,"title":397,"slug":398},35,"Feedback","feedback",{"id":400,"title":401,"slug":402},104,"User Research","user-research",{"uuid":404,"title":405,"description":406,"canonical_path":407,"image":408,"width":39,"height":302,"image_alt":409,"published_at":410,"kind":43,"patterns":411,"component_categories":414,"app":417},"91ad8545-997a-49dd-80ea-8165b21fad77","Kinescope","Settings page where the user configures general workspace details like the logotype, workspace name, and timezone.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F91ad8545-997a-49dd-80ea-8165b21fad77.png","Kinescope from Kinescope","2026-03-02T10:47:09.000Z",[412],{"id":200,"label":201,"slug":202,"rank":49,"group":413},{"id":118,"label":119,"slug":120},[415,416],{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":418,"title":405,"logo":419,"baseline":420,"categories":421},"kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[422,423,427],{"id":318,"title":319,"slug":320},{"id":424,"title":425,"slug":426},70,"Video streaming","video-streaming",{"id":428,"title":429,"slug":430},100,"Video","video",{"uuid":432,"title":433,"description":434,"canonical_path":435,"image":436,"width":39,"height":302,"image_alt":437,"published_at":438,"kind":43,"patterns":439,"component_categories":444,"app":446},"a1a88c21-dd5f-41ce-b3fb-f647e1ef11ef","Lightfield","Settings page where the user configures their personal profile, including name, email, language, and timezone preferences.","\u002Fexamples\u002Fapps\u002Flightfield\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa1a88c21-dd5f-41ce-b3fb-f647e1ef11ef.png","Lightfield from Lightfield","2026-01-26T12:34:24.000Z",[440,442],{"id":51,"label":205,"slug":206,"rank":49,"group":441},{"id":55,"label":208,"slug":209},{"id":200,"label":201,"slug":202,"rank":58,"group":443},{"id":118,"label":119,"slug":120},[445],{"id":74,"title":75,"slug":76},{"slug":447,"title":433,"logo":448,"baseline":449,"categories":450},"lightfield","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","A new kind of CRM",[451,452],{"id":92,"title":93,"slug":94},{"id":84,"title":85,"slug":86},{"uuid":454,"title":455,"description":456,"canonical_path":457,"image":458,"width":39,"height":302,"image_alt":459,"published_at":460,"kind":43,"patterns":461,"component_categories":464,"app":469},"8931101e-0640-46b2-9dac-87484bdf3bb3","Fabric | Preferences","Settings page where the user configures timezone, haptic feedback, and meeting detection notifications.","\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8931101e-0640-46b2-9dac-87484bdf3bb3.png","Fabric | Preferences from Fabric","2026-01-19T13:07:00.000Z",[462],{"id":200,"label":201,"slug":202,"rank":49,"group":463},{"id":118,"label":119,"slug":120},[465,466,467,468],{"id":271,"title":272,"slug":273},{"id":213,"title":214,"slug":215},{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":470,"title":471,"logo":472,"baseline":473,"categories":474},"fabric","Fabric","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","Your second brain. Remember everything",[475,476,479,483],{"id":288,"title":289,"slug":290},{"id":64,"title":477,"slug":478},"Productivity","productivity",{"id":480,"title":481,"slug":482},71,"File sharing","file-sharing",{"id":84,"title":85,"slug":86},{"uuid":485,"title":486,"description":487,"canonical_path":488,"image":489,"width":39,"height":302,"image_alt":490,"published_at":491,"kind":43,"patterns":492,"component_categories":504,"app":512},"6708354d-ee16-4c97-a04c-ae60fe2703be","Gumloop | Profile","Settings page where the user manages their profile picture, name, email, timezone, and views their credit usage on a bar chart.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6708354d-ee16-4c97-a04c-ae60fe2703be.png","Gumloop | Profile from Gumloop","2025-12-15T13:33:51.000Z",[493,495,497,502],{"id":51,"label":205,"slug":206,"rank":49,"group":494},{"id":55,"label":208,"slug":209},{"id":200,"label":201,"slug":202,"rank":58,"group":496},{"id":118,"label":119,"slug":120},{"id":498,"label":499,"slug":500,"rank":60,"group":501},40,"Charts","charts",{"id":252,"label":253,"slug":254},{"id":55,"label":56,"slug":57,"rank":51,"group":503},{"id":60,"label":61,"slug":62},[505,509,510,511],{"id":506,"title":507,"slug":508},211,"Pagination","pagination",{"id":213,"title":214,"slug":215},{"id":132,"title":133,"slug":134},{"id":74,"title":75,"slug":76},{"slug":513,"title":514,"logo":515,"baseline":516,"categories":517},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[518,519,520,521],{"id":64,"title":477,"slug":478},{"id":84,"title":85,"slug":86},{"id":182,"title":183,"slug":184},{"id":522,"title":523,"slug":524},105,"Workflow Automation","workflow-automation",[],[527,529,531,533,535,537,539,541,543,545,547,549,551,554,557,560,563,566,569,572,575,578,581,584],{"label":201,"to":528,"count":266},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":56,"to":530,"count":51},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":205,"to":532,"count":51},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":115,"to":534,"count":51},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":110,"to":536,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":372,"to":538,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-agent",{"label":47,"to":540,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":65,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":377,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-settings",{"label":263,"to":546,"count":58},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":499,"to":548,"count":58},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":156,"to":550,"count":58},"\u002Fexamples\u002Fscreens\u002Fdate-and-time",{"label":552,"to":553},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":555,"to":556},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":558,"to":559},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":561,"to":562},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":564,"to":565},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":567,"to":568},"Bird design examples","\u002Fexamples\u002Fapps\u002Fbird",{"label":570,"to":571},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":573,"to":574},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":576,"to":577},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":579,"to":580},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":582,"to":583},"Fabric design examples","\u002Fexamples\u002Fapps\u002Ffabric",{"label":585,"to":586},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"published_at":588,"updated_at":589},"2025-04-25T10:23:30.000Z","2026-09-05T20:20:08.401Z"]