[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsurfe\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":325,"links":326,"dates":384},"\u002Fexamples\u002Fapps\u002Fsurfe\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Surfe product screens examples - Nicelydone","Browse Surfe screen design examples. Preview the interface screenshots and explore related UI patterns. CRM with LinkedIn","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F664e0f05-549b-4c3a-9d32-5bcb351146c1.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Surfe design examples","\u002Fexamples\u002Fapps\u002Fsurfe",{"label":23,"to":4},"Surfe product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Surfe","surfe","CRM with LinkedIn","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsurfe-1fa44e46.png","https:\u002F\u002Fwww.surfe.com",[35,39],{"id":36,"title":37,"slug":38},53,"CRM","crm",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",[44,73,90,113,143,166,194,213,233,265,282,307],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":66,"app":71},"664e0f05-549b-4c3a-9d32-5bcb351146c1","Surfe Registration","Signup screen where the user registers for a 14-day free trial via Google or email, alongside an illustration and a social proof logo wall.",3024,1706,"Surfe Registration from Surfe","screen",[53,62],{"id":54,"label":55,"slug":56,"rank":57,"group":58},5,"Sign Up","sign-up",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",{"id":59,"label":63,"slug":64,"rank":59,"group":65},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":80,"component_categories":86,"app":88},"aa3eb36d-5475-4b84-9446-2914e6709af3","Surfe | Dashboard","Sign-in screen where the user enters their CRM email address to receive a magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa3eb36d-5475-4b84-9446-2914e6709af3.png",1828,"Surfe | Dashboard from Surfe",[81],{"id":82,"label":83,"slug":84,"rank":57,"group":85},4,"Sign In","sign-in",{"id":59,"label":60,"slug":61},[87],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":48,"height":78,"image_alt":95,"kind":51,"patterns":96,"component_categories":105,"app":111},"bfc2ac6f-1a97-44e8-8732-b824d308528a","LinkedIn Log In or Sign Up","Onboarding modal for a browser extension appearing over LinkedIn, welcoming the user and prompting them to get started with their CRM integration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbfc2ac6f-1a97-44e8-8732-b824d308528a.png","LinkedIn Log In or Sign Up from Surfe",[97],{"id":98,"label":99,"slug":100,"rank":57,"group":101},77,"Welcome","welcome",{"id":102,"label":103,"slug":104},7,"Onboarding & Education","onboarding-and-education",[106,110],{"id":107,"title":108,"slug":109},284,"Modal","modal",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":48,"height":78,"image_alt":118,"kind":51,"patterns":119,"component_categories":122,"app":141},"34f634d5-ab66-400b-83f6-b0e152aa1dc8","8 Feed | LinkedIn","Feed page where a welcome modal for the Surfe CRM extension prompts the user to get started and agree to terms.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34f634d5-ab66-400b-83f6-b0e152aa1dc8.png","8 Feed | LinkedIn from Surfe",[120],{"id":98,"label":99,"slug":100,"rank":57,"group":121},{"id":102,"label":103,"slug":104},[123,127,128,132,136,140],{"id":124,"title":125,"slug":126},240,"Horizontal navigation","horizontal-navigation",{"id":107,"title":108,"slug":109},{"id":129,"title":130,"slug":131},174,"Card","card",{"id":133,"title":134,"slug":135},233,"Tabs","tabs",{"id":137,"title":138,"slug":139},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":115,"description":145,"canonical_path":4,"image":146,"width":48,"height":78,"image_alt":118,"kind":51,"patterns":147,"component_categories":158,"app":164},"fde5952d-7def-447c-bc7d-6237e8d1bb53","Onboarding modal for a CRM browser extension welcoming the user and prompting them to add their first prospect, with a 14-day trial countdown visible.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffde5952d-7def-447c-bc7d-6237e8d1bb53.png",[148,150],{"id":98,"label":99,"slug":100,"rank":57,"group":149},{"id":102,"label":103,"slug":104},{"id":151,"label":152,"slug":153,"rank":59,"group":154},91,"Trial","trial",{"id":155,"label":156,"slug":157},9,"Plans & Limits","plans-and-limits",[159,160,161,162,163],{"id":124,"title":125,"slug":126},{"id":107,"title":108,"slug":109},{"id":129,"title":130,"slug":131},{"id":137,"title":138,"slug":139},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":75,"description":168,"canonical_path":4,"image":169,"width":48,"height":170,"image_alt":79,"kind":51,"patterns":171,"component_categories":185,"app":192},"c6d1ab35-69d0-4a77-998c-e46d14d1bbd3","Settings page where an admin configures CRM export rules, data enrichment triggers, and GDPR compliance for the workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6d1ab35-69d0-4a77-998c-e46d14d1bbd3.png",3716,[172,180],{"id":173,"label":174,"slug":175,"rank":57,"group":176},102,"Settings","settings",{"id":177,"label":178,"slug":179},10,"Settings & Admin","settings-and-admin",{"id":181,"label":182,"slug":183,"rank":59,"group":184},104,"Team Management","team-management",{"id":177,"label":178,"slug":179},[186,187,191],{"id":133,"title":134,"slug":135},{"id":188,"title":189,"slug":190},260,"Badge","badge",{"id":137,"title":138,"slug":139},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":75,"description":196,"canonical_path":4,"image":197,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":198,"component_categories":206,"app":211},"21206f88-60a0-4782-b404-0bc745149699","Settings page where the user toggles various workspace features on or off, with premium features indicated by plan badges.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21206f88-60a0-4782-b404-0bc745149699.png",[199,201],{"id":173,"label":174,"slug":175,"rank":57,"group":200},{"id":177,"label":178,"slug":179},{"id":202,"label":203,"slug":204,"rank":59,"group":205},88,"Feature Gate","feature-gate",{"id":155,"label":156,"slug":157},[207,208,209,210],{"id":133,"title":134,"slug":135},{"id":129,"title":130,"slug":131},{"id":188,"title":189,"slug":190},{"id":137,"title":138,"slug":139},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":75,"description":215,"canonical_path":4,"image":216,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":217,"component_categories":225,"app":231},"fc93cc89-0568-4275-92cb-b28034dff1f4","Settings page where the user can migrate their CRM or pause their Surfe subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc93cc89-0568-4275-92cb-b28034dff1f4.png",[218,223],{"id":219,"label":220,"slug":221,"rank":57,"group":222},96,"Billing Settings","billing-settings",{"id":177,"label":178,"slug":179},{"id":181,"label":182,"slug":183,"rank":59,"group":224},{"id":177,"label":178,"slug":179},[226,227,228,229,230],{"id":124,"title":125,"slug":126},{"id":133,"title":134,"slug":135},{"id":129,"title":130,"slug":131},{"id":137,"title":138,"slug":139},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":75,"description":235,"canonical_path":4,"image":236,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":237,"component_categories":259,"app":263},"dd92a2a1-0216-4a7c-b15b-406c0a9d4ef0","Settings page where the user manages team members, invites new users, and views their admin and paid status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd92a2a1-0216-4a7c-b15b-406c0a9d4ef0.png",[238,240,248,253],{"id":181,"label":182,"slug":183,"rank":57,"group":239},{"id":177,"label":178,"slug":179},{"id":241,"label":242,"slug":243,"rank":59,"group":244},133,"Invite Teammates","invite-teammates",{"id":245,"label":246,"slug":247},2,"Actions","actions",{"id":249,"label":250,"slug":251,"rank":245,"group":252},100,"Roles & Permissions","roles-and-permissions",{"id":177,"label":178,"slug":179},{"id":254,"label":255,"slug":256,"rank":257,"group":258},94,"Account Settings","account-settings",3,{"id":177,"label":178,"slug":179},[260,261,262],{"id":188,"title":189,"slug":190},{"id":137,"title":138,"slug":139},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":75,"description":267,"canonical_path":4,"image":268,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":269,"component_categories":276,"app":280},"6fca44ac-bef8-4878-996b-1d75769ec647","Settings page where the user invites a new team member by email and can toggle admin-only access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6fca44ac-bef8-4878-996b-1d75769ec647.png",[270,272,274],{"id":241,"label":242,"slug":243,"rank":57,"group":271},{"id":245,"label":246,"slug":247},{"id":181,"label":182,"slug":183,"rank":59,"group":273},{"id":177,"label":178,"slug":179},{"id":249,"label":250,"slug":251,"rank":245,"group":275},{"id":177,"label":178,"slug":179},[277,278,279],{"id":107,"title":108,"slug":109},{"id":137,"title":138,"slug":139},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":75,"description":284,"canonical_path":4,"image":285,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":286,"component_categories":298,"app":305},"2464d0ac-e9ce-475f-9236-bda14831cb0e","Settings page where the user manages team members, invites new colleagues, and monitors CRM user records.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2464d0ac-e9ce-475f-9236-bda14831cb0e.png",[287,289,291],{"id":181,"label":182,"slug":183,"rank":57,"group":288},{"id":177,"label":178,"slug":179},{"id":241,"label":242,"slug":243,"rank":59,"group":290},{"id":245,"label":246,"slug":247},{"id":292,"label":293,"slug":294,"rank":245,"group":295},47,"Table","table",{"id":82,"label":296,"slug":297},"Data & Analysis","data-and-analysis",[299,303,304],{"id":300,"title":301,"slug":302},167,"Alert","alert",{"id":137,"title":138,"slug":139},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":306},[],{"uuid":308,"title":75,"description":309,"canonical_path":4,"image":310,"width":48,"height":78,"image_alt":79,"kind":51,"patterns":311,"component_categories":318,"app":323},"3e8a2e69-c19f-4b8d-a88f-0c67d2b2f65d","Settings page where the user manages team members, invites new users, and configures admin roles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3e8a2e69-c19f-4b8d-a88f-0c67d2b2f65d.png",[312,314,316],{"id":181,"label":182,"slug":183,"rank":57,"group":313},{"id":177,"label":178,"slug":179},{"id":241,"label":242,"slug":243,"rank":59,"group":315},{"id":245,"label":246,"slug":247},{"id":249,"label":250,"slug":251,"rank":245,"group":317},{"id":177,"label":178,"slug":179},[319,320,321,322],{"id":300,"title":301,"slug":302},{"id":188,"title":189,"slug":190},{"id":137,"title":138,"slug":139},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":324},[],[],[327,329,331,333,335,337,339,341,343,345,347,349,351,354,357,360,363,366,368,372,376,380],{"label":182,"to":328},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":242,"to":330},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":250,"to":332},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":99,"to":334},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":174,"to":336},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":255,"to":338},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":63,"to":340},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":220,"to":342},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":203,"to":344},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":83,"to":346},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":55,"to":348},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":293,"to":350},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":352,"to":353},"Surfe marketing pages","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fmarketing",{"label":355,"to":356},"Surfe user flows","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fflows",{"label":358,"to":359},"Surfe UI components","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fcomponents",{"label":361,"to":362},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":364,"to":365},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":367,"to":18},"All SaaS app examples",{"label":369,"to":370,"description":371},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":373,"to":374,"description":375},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":377,"to":378,"description":379},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":381,"to":382,"description":383},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":385,"updated_at":386},"2023-08-28T15:18:32.000Z","2026-09-13T13:02:39.000Z"]