[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fconnection":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":475,"links":476,"dates":537},"\u002Fexamples\u002Ftags\u002Fconnection","collection","screens",true,{"example_count":9,"app_count":10},1078,224,{"id":12,"title":13,"description":14},2465,"Connection","",{"title":16,"description":17,"og_image":18},"Connection screen examples - Nicelydone","Connection screen design examples from SaaS apps. Browse examples from Flora, Mighty, The org.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7190a51-c481-4be0-90bf-e43ab8213260.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Connection screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1078 screens",[34,107,168,214,250,279,318,343,373,397,421,446],{"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":89},"f7190a51-c481-4be0-90bf-e43ab8213260","FLORA - Untitled","Workflow editor where the user configures an AI image generation pipeline, currently defining the output nodes in the technique builder sidebar.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens",3024,1758,"FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z","screen",[45,54,60],{"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},30,"AI Generation","ai-generation",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},7,"Add & Create","add-and-create",2,{"id":64,"label":66,"slug":67},"Actions","actions",[69,73,77,81,85],{"id":70,"title":71,"slug":72},260,"Badge","badge",{"id":74,"title":75,"slug":76},227,"Stepper","stepper",{"id":78,"title":79,"slug":80},277,"Button group","button-group",{"id":82,"title":83,"slug":84},174,"Card","card",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":90,"title":91,"logo":92,"baseline":93,"categories":94},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[95,99,103],{"id":96,"title":97,"slug":98},80,"Artificial Intelligence","artificial-intelligence",{"id":100,"title":101,"slug":102},8,"Design","design",{"id":104,"title":105,"slug":106},23,"Collaboration","collaboration",{"uuid":108,"title":109,"description":110,"canonical_path":111,"image":112,"width":39,"height":113,"image_alt":114,"published_at":115,"kind":43,"patterns":116,"component_categories":141,"app":151},"dbf98780-cad2-491e-bc82-60d9a1868d1a","Settings | Nicelydone Club","Settings modal where the user views details and a video tutorial for the Kit integration before connecting it to their network.","\u002Fexamples\u002Fapps\u002Fmighty\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdbf98780-cad2-491e-bc82-60d9a1868d1a.png",1780,"Settings | Nicelydone Club from Mighty","2025-09-01T19:09:04.000Z",[117,125,133],{"id":118,"label":119,"slug":120,"rank":49,"group":121},97,"Integrations","integrations",{"id":122,"label":123,"slug":124},10,"Settings & Admin","settings-and-admin",{"id":126,"label":127,"slug":128,"rank":58,"group":129},61,"Video Player","video-player",{"id":130,"label":131,"slug":132},5,"Media & Tools","media-and-tools",{"id":134,"label":135,"slug":136,"rank":64,"group":137},114,"Confirmation","confirmation",{"id":138,"label":139,"slug":140},12,"States & Feedback","states-and-feedback",[142,146,150],{"id":143,"title":144,"slug":145},284,"Modal","modal",{"id":147,"title":148,"slug":149},169,"Avatar","avatar",{"id":86,"title":87,"slug":88},{"slug":152,"title":153,"logo":154,"baseline":155,"categories":156},"mighty","Mighty","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fc0279d6a-b2eb-48fc-9c70-cb63d6da76f3.png","Community platform, courses & memberships",[157,161,164],{"id":158,"title":159,"slug":160},33,"E-Learning","e-learning",{"id":58,"title":162,"slug":163},"Communities","communities",{"id":165,"title":166,"slug":167},26,"Events","events",{"uuid":169,"title":170,"description":171,"canonical_path":172,"image":173,"width":39,"height":174,"image_alt":175,"published_at":176,"kind":43,"patterns":177,"component_categories":192,"app":204},"dab00a5f-538c-4454-8324-bba7e09610b5","Jeremy G. - CCO at Nicelydone | The Org","Detail page for an employee profile displaying their position in the company org chart, company details, and related people.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdab00a5f-538c-4454-8324-bba7e09610b5.png",3018,"Jeremy G. - CCO at Nicelydone | The Org from The org","2025-07-14T09:42:36.000Z",[178,185],{"id":51,"label":179,"slug":180,"rank":49,"group":181},"Profile","profile",{"id":182,"label":183,"slug":184},11,"Social & Collaboration","social-and-collaboration",{"id":186,"label":187,"slug":188,"rank":58,"group":189},79,"Browse","browse",{"id":100,"label":190,"slug":191},"Pages & Content","pages-and-content",[193,197,201,202,203],{"id":194,"title":195,"slug":196},240,"Horizontal navigation","horizontal-navigation",{"id":198,"title":199,"slug":200},177,"Breadcrumb","breadcrumb",{"id":147,"title":148,"slug":149},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":205,"title":206,"logo":207,"baseline":208,"categories":209},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[210],{"id":211,"title":212,"slug":213},49,"Social Network","social-network",{"uuid":215,"title":216,"description":217,"canonical_path":218,"image":219,"width":39,"height":113,"image_alt":220,"published_at":221,"kind":43,"patterns":222,"component_categories":230,"app":240},"c77791ad-d37f-47d4-b223-e6571ba18219","Clay | Workspace Settings","Settings page where the user connects a Slack account via an OAuth modal.","\u002Fexamples\u002Fapps\u002Fclay\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc77791ad-d37f-47d4-b223-e6571ba18219.png","Clay | Workspace Settings from Clay","2025-06-17T08:39:37.000Z",[223,225],{"id":118,"label":119,"slug":120,"rank":49,"group":224},{"id":122,"label":123,"slug":124},{"id":226,"label":227,"slug":228,"rank":58,"group":229},94,"Account Settings","account-settings",{"id":122,"label":123,"slug":124},[231,235,236,237,238,239],{"id":232,"title":233,"slug":234},233,"Tabs","tabs",{"id":194,"title":195,"slug":196},{"id":198,"title":199,"slug":200},{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":86,"title":87,"slug":88},{"slug":241,"title":242,"logo":243,"baseline":244,"categories":245},"clay","Clay","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclay-imneva1j.png","Be more thoughtful with the people in your network",[246],{"id":247,"title":248,"slug":249},53,"CRM","crm",{"uuid":251,"title":252,"description":253,"canonical_path":254,"image":255,"width":39,"height":113,"image_alt":256,"published_at":257,"kind":43,"patterns":258,"component_categories":265,"app":268},"0923fc46-4c56-4cc0-95f2-6d629fefc071","Get Started | Bertrand Bruandet's Clone Studio | Delphi","Onboarding step where the user connects their public X (Twitter) account to enrich their AI model and toggles automatic syncing.","\u002Fexamples\u002Fapps\u002Fdelphi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0923fc46-4c56-4cc0-95f2-6d629fefc071.png","Get Started | Bertrand Bruandet's Clone Studio | Delphi from Delphi","2025-05-26T14:55:22.000Z",[259],{"id":58,"label":260,"slug":261,"rank":49,"group":262},"Account Setup","account-setup",{"id":58,"label":263,"slug":264},"Access & Account","access-and-account",[266,267],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":269,"title":270,"logo":271,"baseline":272,"categories":273},"delphi","Delphi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdelphi-4341n6b6.png","Your Mind. Now on Demand",[274,275],{"id":96,"title":97,"slug":98},{"id":276,"title":277,"slug":278},22,"Knowledge Management","knowledge-management",{"uuid":280,"title":281,"description":282,"canonical_path":283,"image":284,"width":39,"height":113,"image_alt":285,"published_at":286,"kind":43,"patterns":287,"component_categories":293,"app":296},"3baf1604-166c-46ba-bf07-0c884f9c2d0f","Log in | Evervault","Sign-in screen where the user authenticates with an email address, a passkey, GitHub, or Google.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3baf1604-166c-46ba-bf07-0c884f9c2d0f.png","Log in | Evervault from Evervault","2025-04-29T08:32:29.000Z",[288],{"id":289,"label":290,"slug":291,"rank":49,"group":292},4,"Sign In","sign-in",{"id":58,"label":263,"slug":264},[294,295],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":297,"title":298,"logo":299,"baseline":300,"categories":301},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[302,306,310,314],{"id":303,"title":304,"slug":305},48,"Developer Tools","developer-tools",{"id":307,"title":308,"slug":309},37,"Developer APIs","developer-apis",{"id":311,"title":312,"slug":313},39,"Payments","payments",{"id":315,"title":316,"slug":317},78,"Security","security",{"uuid":319,"title":320,"description":321,"canonical_path":322,"image":323,"width":39,"height":324,"image_alt":325,"published_at":326,"kind":43,"patterns":327,"component_categories":330,"app":332},"23c9bd19-af33-4e56-9769-9d97d0c1b292","Notion - Log in","Sign-in screen where the user authenticates to Notion Mail using Google, Apple, Microsoft, a passkey, SSO, or email.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23c9bd19-af33-4e56-9769-9d97d0c1b292.png",1714,"Notion - Log in from Notion Mail","2025-04-21T10:48:03.000Z",[328],{"id":289,"label":290,"slug":291,"rank":49,"group":329},{"id":58,"label":263,"slug":264},[331],{"id":86,"title":87,"slug":88},{"slug":333,"title":334,"logo":335,"baseline":336,"categories":337},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[338,342],{"id":339,"title":340,"slug":341},92,"Email","email",{"id":96,"title":97,"slug":98},{"uuid":344,"title":345,"description":346,"canonical_path":347,"image":348,"width":39,"height":324,"image_alt":349,"published_at":350,"kind":43,"patterns":351,"component_categories":356,"app":359},"99f277e9-4242-47b7-ae6f-34907551899d","Record Club","Sign-in screen where the user authenticates to Record Club using their email and password.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99f277e9-4242-47b7-ae6f-34907551899d.png","Record Club from Record club","2025-04-21T10:47:50.000Z",[352],{"id":64,"label":353,"slug":354,"rank":49,"group":355},"Forgot Password","forgot-password",{"id":58,"label":263,"slug":264},[357,358],{"id":143,"title":144,"slug":145},{"id":86,"title":87,"slug":88},{"slug":360,"title":361,"logo":362,"baseline":363,"categories":364},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[365,369],{"id":366,"title":367,"slug":368},20,"Music","music",{"id":370,"title":371,"slug":372},14,"Social","social",{"uuid":374,"title":375,"description":376,"canonical_path":377,"image":378,"width":39,"height":113,"image_alt":379,"published_at":380,"kind":43,"patterns":381,"component_categories":384,"app":386},"d8b488a1-f7f6-488e-b612-280dd40dc1a9","Login - OpenAI","Sign-in screen where the user enters their password or chooses to authenticate with Google, Microsoft, or Apple.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8b488a1-f7f6-488e-b612-280dd40dc1a9.png","Login - OpenAI from Sora","2025-04-14T09:27:56.000Z",[382],{"id":64,"label":353,"slug":354,"rank":49,"group":383},{"id":58,"label":263,"slug":264},[385],{"id":86,"title":87,"slug":88},{"slug":387,"title":388,"logo":389,"baseline":390,"categories":391},"sora","Sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[392,393],{"id":96,"title":97,"slug":98},{"id":394,"title":395,"slug":396},100,"Video","video",{"uuid":398,"title":399,"description":400,"canonical_path":401,"image":402,"width":39,"height":324,"image_alt":403,"published_at":404,"kind":43,"patterns":405,"component_categories":411,"app":414},"775a4b6e-2798-4759-a390-08989e9adfda","Sign In | xAI Single-Sign On","Sign-in screen where the user authenticates with email, X, or Google, featuring an inline Cloudflare verification step.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F775a4b6e-2798-4759-a390-08989e9adfda.png","Sign In | xAI Single-Sign On from Grok","2025-04-14T08:55:44.000Z",[406],{"id":407,"label":408,"slug":409,"rank":49,"group":410},6,"Verification","verification",{"id":58,"label":263,"slug":264},[412,413],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":415,"title":416,"logo":417,"baseline":418,"categories":419},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[420],{"id":96,"title":97,"slug":98},{"uuid":422,"title":423,"description":424,"canonical_path":425,"image":426,"width":39,"height":427,"image_alt":428,"published_at":429,"kind":43,"patterns":430,"component_categories":433,"app":435},"7172a01e-617f-431e-b4e1-0af28513e2a1","Shuttle Login","Sign-in screen where the user authenticates with their email and password to access the Shuttle file delivery service.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7172a01e-617f-431e-b4e1-0af28513e2a1.png",1726,"Shuttle Login from Shuttle","2025-03-31T12:54:20.000Z",[431],{"id":289,"label":290,"slug":291,"rank":49,"group":432},{"id":58,"label":263,"slug":264},[434],{"id":86,"title":87,"slug":88},{"slug":436,"title":437,"logo":438,"baseline":439,"categories":440},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[441,445],{"id":442,"title":443,"slug":444},71,"File sharing","file-sharing",{"id":104,"title":105,"slug":106},{"uuid":447,"title":448,"description":449,"canonical_path":450,"image":451,"width":39,"height":452,"image_alt":453,"published_at":454,"kind":43,"patterns":455,"component_categories":458,"app":460},"911cfd3b-c57f-46ce-83ac-49c75e9c6e84","Log in to the Bitly Connections Platform","Sign-in screen where the user authenticates with Google, Apple, SSO, or email and password, alongside a promotional graphic highlighting analytics features.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F911cfd3b-c57f-46ce-83ac-49c75e9c6e84.png",1778,"Log in to the Bitly Connections Platform from Bitly","2025-03-31T12:38:36.000Z",[456],{"id":64,"label":353,"slug":354,"rank":49,"group":457},{"id":58,"label":263,"slug":264},[459],{"id":86,"title":87,"slug":88},{"slug":461,"title":462,"logo":463,"baseline":464,"categories":465},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[466,467,471],{"id":370,"title":371,"slug":372},{"id":468,"title":469,"slug":470},25,"Marketing","marketing",{"id":472,"title":473,"slug":474},46,"Analytics","analytics",[],[477,479,481,483,485,487,489,491,493,495,497,499,501,504,507,510,513,516,519,522,525,528,531,534],{"label":353,"to":478,"count":51},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":290,"to":480,"count":51},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":119,"to":482,"count":64},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":227,"to":484,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":260,"to":486,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":62,"to":488,"count":58},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":47,"to":490,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":56,"to":492,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":187,"to":494,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":135,"to":496,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":179,"to":498,"count":58},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":408,"to":500,"count":58},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":502,"to":503},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":505,"to":506},"Mighty design examples","\u002Fexamples\u002Fapps\u002Fmighty",{"label":508,"to":509},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":511,"to":512},"Clay design examples","\u002Fexamples\u002Fapps\u002Fclay",{"label":514,"to":515},"Delphi design examples","\u002Fexamples\u002Fapps\u002Fdelphi",{"label":517,"to":518},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":520,"to":521},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":523,"to":524},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":526,"to":527},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":529,"to":530},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":532,"to":533},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":535,"to":536},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"published_at":538,"updated_at":539},"2024-12-11T10:39:34.000Z","2026-09-09T17:07:16.000Z"]