[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fconnect-service":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":518,"links":519,"dates":579},"\u002Fexamples\u002Ftags\u002Fconnect-service","collection","screens",true,{"example_count":9,"app_count":10},1008,111,{"id":12,"title":13,"description":14},75824,"Connect service","",{"title":16,"description":17,"og_image":18},"Connect service screen examples - Nicelydone","Connect service screen design examples from SaaS apps. Browse examples from Hypermode, Shuttle, Bitly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4fcca64-88fd-4831-aba2-87bae83376a2.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Connect service screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1008 screens",[34,77,127,170,214,258,295,343,381,409,443,475],{"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":54,"app":63},"e4fcca64-88fd-4831-aba2-87bae83376a2","Hypermode – The AI development platform","Settings modal where the user searches for and selects a third-party provider like Notion or Evernote to connect to their workspace.","\u002Fexamples\u002Fapps\u002Fhypermode\u002Fscreens",3024,1714,"Hypermode – The AI development platform from Hypermode","2025-06-30T13:54:19.000Z","screen",[45],{"id":46,"label":47,"slug":48,"rank":49,"group":50},97,"Integrations","integrations",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",[55,59],{"id":56,"title":57,"slug":58},284,"Modal","modal",{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":64,"title":65,"logo":66,"baseline":67,"categories":68},"hypermode","Hypermode","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5aad555b-6b06-4919-947c-e79a9e24ebaf.png","The platform for agentic flows",[69,73],{"id":70,"title":71,"slug":72},80,"Artificial Intelligence","artificial-intelligence",{"id":74,"title":75,"slug":76},48,"Developer Tools","developer-tools",{"uuid":78,"title":79,"description":80,"canonical_path":81,"image":82,"width":39,"height":83,"image_alt":84,"published_at":85,"kind":43,"patterns":86,"component_categories":95,"app":113},"3b3dfc93-4ee4-4758-b46e-2c86b017b628","Shuttle – Your files. Your rules.","Pricing page featuring an FAQ section where the user can expand questions about credit card requirements, cancellations, and data storage, along with a prominent contact button.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b3dfc93-4ee4-4758-b46e-2c86b017b628.png",1726,"Shuttle – Your files. Your rules. from Shuttle","2025-03-31T12:54:20.000Z",[87],{"id":88,"label":89,"slug":90,"rank":49,"group":91},143,"Pricing Page","pricing-page",{"id":92,"label":93,"slug":94},15,"Marketing Page Types","marketing-page-types",[96,100,104,108,112],{"id":97,"title":98,"slug":99},189,"FAQ","faq",{"id":101,"title":102,"slug":103},258,"Header","header",{"id":105,"title":106,"slug":107},168,"Accordion","accordion",{"id":109,"title":110,"slug":111},174,"Card","card",{"id":60,"title":61,"slug":62},{"slug":114,"title":115,"logo":116,"baseline":117,"categories":118},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[119,123],{"id":120,"title":121,"slug":122},71,"File sharing","file-sharing",{"id":124,"title":125,"slug":126},23,"Collaboration","collaboration",{"uuid":128,"title":129,"description":130,"canonical_path":131,"image":132,"width":39,"height":133,"image_alt":134,"published_at":135,"kind":43,"patterns":136,"component_categories":139,"app":152},"2db0df93-f65e-4a9a-822b-4c92d5b86429","Pricing | Bitly Core, Growth, Premium  Enterprise Pricing Plans","Pricing page where the user chooses between Free, Core, Growth, Premium, and Enterprise plans, followed by a detailed feature comparison table.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2db0df93-f65e-4a9a-822b-4c92d5b86429.png",15220,"Pricing | Bitly Core, Growth, Premium  Enterprise Pricing Plans from Bitly","2025-03-31T12:38:36.000Z",[137],{"id":88,"label":89,"slug":90,"rank":49,"group":138},{"id":92,"label":93,"slug":94},[140,144,145,146,150,151],{"id":141,"title":142,"slug":143},202,"Footer","footer",{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":147,"title":148,"slug":149},260,"Badge","badge",{"id":109,"title":110,"slug":111},{"id":60,"title":61,"slug":62},{"slug":153,"title":154,"logo":155,"baseline":156,"categories":157},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[158,162,166],{"id":159,"title":160,"slug":161},14,"Social","social",{"id":163,"title":164,"slug":165},25,"Marketing","marketing",{"id":167,"title":168,"slug":169},46,"Analytics","analytics",{"uuid":171,"title":172,"description":173,"canonical_path":174,"image":175,"width":39,"height":176,"image_alt":177,"published_at":178,"kind":43,"patterns":179,"component_categories":194,"app":204},"cef4e638-fb06-4864-b258-9b5a129a45ef","Monarch | Were you able to connect all your finances in Monarch","Onboarding step where the user confirms whether they successfully connected all their financial accounts before proceeding.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcef4e638-fb06-4864-b258-9b5a129a45ef.png",1778,"Monarch | Were you able to connect all your finances in Monarch from Monarch","2025-03-17T14:09:52.000Z",[180,188],{"id":181,"label":182,"slug":183,"rank":49,"group":184},117,"Feedback","feedback",{"id":185,"label":186,"slug":187},12,"States & Feedback","states-and-feedback",{"id":189,"label":190,"slug":191,"rank":192,"group":193},114,"Confirmation","confirmation",1,{"id":185,"label":186,"slug":187},[195,199,203],{"id":196,"title":197,"slug":198},240,"Horizontal navigation","horizontal-navigation",{"id":200,"title":201,"slug":202},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},{"slug":205,"title":206,"logo":207,"baseline":208,"categories":209},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[210],{"id":211,"title":212,"slug":213},36,"Finance","finance",{"uuid":215,"title":216,"description":217,"canonical_path":218,"image":219,"width":39,"height":220,"image_alt":221,"published_at":222,"kind":43,"patterns":223,"component_categories":243,"app":250},"b5182298-b948-4357-8154-ca2ccd9534fe","Assembly","Settings page where the user compares features and selects a subscription tier for their workspace before their free trial expires.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5182298-b948-4357-8154-ca2ccd9534fe.png",2650,"Assembly from Assembly","2025-03-17T13:29:41.000Z",[224,232,237],{"id":225,"label":226,"slug":227,"rank":49,"group":228},89,"Pricing","pricing",{"id":229,"label":230,"slug":231},9,"Plans & Limits","plans-and-limits",{"id":233,"label":234,"slug":235,"rank":192,"group":236},91,"Trial","trial",{"id":229,"label":230,"slug":231},{"id":238,"label":239,"slug":240,"rank":241,"group":242},102,"Settings","settings",2,{"id":51,"label":52,"slug":53},[244,248,249],{"id":245,"title":246,"slug":247},233,"Tabs","tabs",{"id":147,"title":148,"slug":149},{"id":60,"title":61,"slug":62},{"slug":251,"title":216,"logo":252,"baseline":253,"categories":254},"meet-assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[255,256,257],{"id":159,"title":160,"slug":161},{"id":124,"title":125,"slug":126},{"id":163,"title":164,"slug":165},{"uuid":259,"title":260,"description":261,"canonical_path":262,"image":263,"width":39,"height":264,"image_alt":265,"published_at":266,"kind":43,"patterns":267,"component_categories":273,"app":284},"b18d5f8a-7c96-44d4-b183-81ef3d42702b","Introduction - Leap AI","Developer documentation introduction page explaining core concepts like actions, triggers, and conditionals for building AI workflows.","\u002Fexamples\u002Fapps\u002Fleap\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb18d5f8a-7c96-44d4-b183-81ef3d42702b.png",3682,"Introduction - Leap AI from Leap","2025-03-10T14:11:55.000Z",[268],{"id":269,"label":270,"slug":271,"rank":49,"group":272},177,"Developer Portal","developer-portal",{"id":92,"label":93,"slug":94},[274,278,282,283],{"id":275,"title":276,"slug":277},167,"Alert","alert",{"id":279,"title":280,"slug":281},211,"Pagination","pagination",{"id":109,"title":110,"slug":111},{"id":60,"title":61,"slug":62},{"slug":285,"title":286,"logo":287,"baseline":288,"categories":289},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[290,291],{"id":70,"title":71,"slug":72},{"id":292,"title":293,"slug":294},30,"Productivity","productivity",{"uuid":296,"title":297,"description":298,"canonical_path":299,"image":300,"width":39,"height":176,"image_alt":301,"published_at":302,"kind":43,"patterns":303,"component_categories":322,"app":327},"59db64b2-f996-4cfa-a4bf-f1c3fd31d8d3","Account - Replit","Settings page where the user manages SSH keys, account secrets, and connected services like GitHub and Google.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59db64b2-f996-4cfa-a4bf-f1c3fd31d8d3.png","Account - Replit from Replit","2025-03-10T14:11:20.000Z",[304,309,314,316],{"id":305,"label":306,"slug":307,"rank":49,"group":308},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},{"id":310,"label":311,"slug":312,"rank":192,"group":313},103,"SSO","sso",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":241,"group":315},{"id":51,"label":52,"slug":53},{"id":317,"label":318,"slug":319,"rank":320,"group":321},101,"Security Settings","security-settings",3,{"id":51,"label":52,"slug":53},[323,324,325,326],{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":109,"title":110,"slug":111},{"id":60,"title":61,"slug":62},{"slug":328,"title":329,"logo":330,"baseline":331,"categories":332},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[333,334,335,339],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"id":336,"title":337,"slug":338},7,"Web Development","web-development",{"id":340,"title":341,"slug":342},96,"No code","no-code",{"uuid":344,"title":345,"description":346,"canonical_path":347,"image":348,"width":39,"height":349,"image_alt":350,"published_at":351,"kind":43,"patterns":352,"component_categories":355,"app":362},"a9ee3ea8-ced6-4ed6-a8c4-d6561d957f7f","Front Pricing and Plans | Front","Pricing page where the user compares four subscription tiers, explores premium add-ons, and reviews a detailed feature matrix.","\u002Fexamples\u002Fapps\u002Ffront\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9ee3ea8-ced6-4ed6-a8c4-d6561d957f7f.png",16516,"Front Pricing and Plans | Front from Front","2025-03-03T14:56:15.000Z",[353],{"id":88,"label":89,"slug":90,"rank":49,"group":354},{"id":92,"label":93,"slug":94},[356,357,358,359,360,361],{"id":97,"title":98,"slug":99},{"id":141,"title":142,"slug":143},{"id":101,"title":102,"slug":103},{"id":105,"title":106,"slug":107},{"id":147,"title":148,"slug":149},{"id":109,"title":110,"slug":111},{"slug":363,"title":364,"logo":365,"baseline":366,"categories":367},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[368,369,373,377],{"id":124,"title":125,"slug":126},{"id":370,"title":371,"slug":372},47,"Customer Service","customer-service",{"id":374,"title":375,"slug":376},82,"Communication","communication",{"id":378,"title":379,"slug":380},92,"Email","email",{"uuid":382,"title":383,"description":384,"canonical_path":385,"image":386,"width":39,"height":387,"image_alt":388,"published_at":389,"kind":43,"patterns":390,"component_categories":393,"app":398},"80aab64e-6f56-4a12-9676-07e079928914","Integrations | Flodesk","Settings page where the user browses and connects third-party integrations like Instagram, Shopify, and Zapier to their account.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F80aab64e-6f56-4a12-9676-07e079928914.png",5922,"Integrations | Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[391],{"id":46,"label":47,"slug":48,"rank":49,"group":392},{"id":51,"label":52,"slug":53},[394,395,396,397],{"id":245,"title":246,"slug":247},{"id":200,"title":201,"slug":202},{"id":109,"title":110,"slug":111},{"id":60,"title":61,"slug":62},{"slug":399,"title":400,"logo":401,"baseline":402,"categories":403},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[404,408],{"id":405,"title":406,"slug":407},27,"Email Newsletters","email-newsletters",{"id":163,"title":164,"slug":165},{"uuid":410,"title":411,"description":412,"canonical_path":413,"image":414,"width":39,"height":415,"image_alt":416,"published_at":417,"kind":43,"patterns":418,"component_categories":421,"app":425},"e29d4168-eeed-4d8d-b574-52be0f3b8a11","Podia Integration settings","Settings page where the user connects third-party tools for video, community, email, and Zapier by toggling them on or off.","\u002Fexamples\u002Fapps\u002Fpodia\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe29d4168-eeed-4d8d-b574-52be0f3b8a11.png",1984,"Podia Integration settings from Podia","2025-02-17T15:29:05.000Z",[419],{"id":46,"label":47,"slug":48,"rank":49,"group":420},{"id":51,"label":52,"slug":53},[422,423,424],{"id":196,"title":197,"slug":198},{"id":245,"title":246,"slug":247},{"id":109,"title":110,"slug":111},{"slug":426,"title":427,"logo":428,"baseline":429,"categories":430},"podia","Podia","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpodia-g4nl3lhm.png","Sell online courses, memberships, and downloads",[431,435,438,439],{"id":432,"title":433,"slug":434},32,"Education","education",{"id":192,"title":436,"slug":437},"Communities","communities",{"id":405,"title":406,"slug":407},{"id":440,"title":441,"slug":442},33,"E-Learning","e-learning",{"uuid":444,"title":445,"description":446,"canonical_path":447,"image":448,"width":39,"height":449,"image_alt":450,"published_at":451,"kind":43,"patterns":452,"component_categories":458,"app":467},"3dfc04db-0b4e-405a-a2a0-1b80a9e1a65c","Dub.co Integrations Connect Dub.co to tools and services","Documentation page where the user browses a categorized directory of official, unofficial, and upcoming integrations for the platform.","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3dfc04db-0b4e-405a-a2a0-1b80a9e1a65c.png",6281,"Dub.co Integrations Connect Dub.co to tools and services from Dub","2025-02-17T13:43:13.000Z",[453],{"id":454,"label":455,"slug":456,"rank":49,"group":457},142,"Integration Page","integration-page",{"id":92,"label":93,"slug":94},[459,463,464,465,466],{"id":460,"title":461,"slug":462},277,"Button group","button-group",{"id":279,"title":280,"slug":281},{"id":245,"title":246,"slug":247},{"id":109,"title":110,"slug":111},{"id":60,"title":61,"slug":62},{"slug":468,"title":469,"logo":470,"baseline":471,"categories":472},"dub","Dub","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","Short links with superpowers",[473,474],{"id":163,"title":164,"slug":165},{"id":167,"title":168,"slug":169},{"uuid":476,"title":477,"description":478,"canonical_path":479,"image":480,"width":39,"height":176,"image_alt":481,"published_at":482,"kind":43,"patterns":483,"component_categories":500,"app":506},"e5ffa475-4774-43be-8dca-6888eff70011","Motion","Onboarding step where the user connects their calendars to the app, showing one Google account already linked and prompting to add more.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe5ffa475-4774-43be-8dca-6888eff70011.png","Motion from Motion","2025-02-10T16:08:17.000Z",[484,490,498],{"id":192,"label":485,"slug":486,"rank":49,"group":487},"Account Setup","account-setup",{"id":192,"label":488,"slug":489},"Access & Account","access-and-account",{"id":491,"label":492,"slug":493,"rank":192,"group":494},51,"Calendar","calendar",{"id":495,"label":496,"slug":497},5,"Media & Tools","media-and-tools",{"id":238,"label":239,"slug":240,"rank":241,"group":499},{"id":51,"label":52,"slug":53},[501,502,503,504,505],{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":147,"title":148,"slug":149},{"id":109,"title":110,"slug":111},{"id":60,"title":61,"slug":62},{"slug":507,"title":477,"logo":508,"baseline":509,"categories":510},"motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[511,512,516,517],{"id":70,"title":71,"slug":72},{"id":513,"title":514,"slug":515},29,"Task Management","task-management",{"id":292,"title":293,"slug":294},{"id":317,"title":492,"slug":493},[],[520,523,525,527,529,531,533,535,537,539,541,543,546,549,552,555,558,561,564,567,570,573,576],{"label":47,"to":521,"count":522},"\u002Fexamples\u002Fscreens\u002Fintegrations",4,{"label":239,"to":524,"count":241},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":306,"to":526,"count":192},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":485,"to":528,"count":192},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":492,"to":530,"count":192},"\u002Fexamples\u002Fscreens\u002Fcalendar",{"label":190,"to":532,"count":192},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":182,"to":534,"count":192},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":226,"to":536,"count":192},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":318,"to":538,"count":192},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":311,"to":540,"count":192},"\u002Fexamples\u002Fscreens\u002Fsso",{"label":234,"to":542,"count":192},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":544,"to":545},"Hypermode design examples","\u002Fexamples\u002Fapps\u002Fhypermode",{"label":547,"to":548},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":550,"to":551},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":553,"to":554},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":556,"to":557},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":559,"to":560},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":562,"to":563},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":565,"to":566},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":568,"to":569},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":571,"to":572},"Podia design examples","\u002Fexamples\u002Fapps\u002Fpodia",{"label":574,"to":575},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":577,"to":578},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"published_at":580,"updated_at":581},"2024-12-31T18:26:07.000Z","2026-09-05T20:19:48.656Z"]