[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fsurfe\u002Fcomponents":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":192,"links":193,"dates":227},"\u002Fexamples\u002Fapps\u002Fsurfe\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Surfe UI components examples - Nicelydone","Browse Surfe UI component design examples. Preview individual interface elements and explore related component categories. CRM with LinkedIn","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb1a5a9c9-4033-4462-bf39-aaedff9474b4.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 UI components 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,59,69,82,95,105,118,131,141,154,167,180],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"ffa30ba1-cb8b-4eb2-84e2-dcfe282b76f1","Surfe UI component","Illustration of two people surfing",1190,854,"UI component from Surfe","component",[53],{"id":54,"title":55,"slug":56},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":67},"d8d14c3e-5973-4b58-a24b-7d1000f05061","Illustration of a person surfing","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd5a3f0cc-151e-4f07-814e-4f3d2cbb8c20.png",1200,830,[66],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":46,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":50,"kind":51,"categories":75,"app":80},"42e0b17f-55b6-411c-99a3-c144ed0891cd","A search input field","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F278b0038-cb07-4e68-819f-1cae6d248be2.png",2176,384,[76],{"id":77,"title":78,"slug":79},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":46,"description":84,"canonical_path":4,"image":85,"width":86,"height":87,"image_alt":50,"kind":51,"categories":88,"app":93},"4abb28ca-177c-47fa-89f0-fcd6bc8567b6","A contact us banner with a question and a call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc256113-42d1-4a78-896b-e4f5a7f23a89.png",3160,480,[89],{"id":90,"title":91,"slug":92},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":46,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":50,"kind":51,"categories":101,"app":103},"85aa7477-6d44-46e3-9b09-a503e9c7403c","Illustration of two people unveiling a product","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4aa921c-8d2a-439b-a1a1-6c82f0817850.png",727,488,[102],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":46,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":50,"kind":51,"categories":111,"app":116},"85b6f289-0013-4a70-949d-21b07323a176","A quote card with a company logo","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7ec3885f-3b2f-4dbd-aeb1-93d702b6760c.png",1336,868,[112],{"id":113,"title":114,"slug":115},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":46,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":50,"kind":51,"categories":124,"app":129},"6cf335fc-3e68-4e70-9ad5-c771aa41b131","Landing page for sales reps","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2fe09339-d283-4e18-ae1f-b12a039df8cb.png",3026,1257,[125],{"id":126,"title":127,"slug":128},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":46,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":50,"kind":51,"categories":137,"app":139},"19342456-2152-43f0-bda3-c5c544820364","A promotional banner for a free ebook.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F769ee414-17dd-4deb-81a9-84b72cb1dca6.png",3192,336,[138],{"id":90,"title":91,"slug":92},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":46,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":50,"kind":51,"categories":147,"app":152},"7432413e-264b-4e0a-9ffe-283a950d4a55","This is a FAQ section about email finding.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4e85df41-e200-46c1-99c3-7c219df8b010.png",2878,935,[148],{"id":149,"title":150,"slug":151},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":46,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":50,"kind":51,"categories":160,"app":165},"57d098a7-dbae-481a-b012-18c08808e777","A modal to book a demo","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F189ebfef-36ee-40c1-b32e-d839bb891a5e.png",1455,1962,[161],{"id":162,"title":163,"slug":164},243,"Form element","form-element",{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":46,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":50,"kind":51,"categories":173,"app":178},"519b709f-78bc-4614-b6ec-b158d35e1e26","A testimonial card with a user's photo and quote.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6bdc0e2e-8806-4fa8-80b3-8e285d8c5755.png",1628,1017,[174],{"id":175,"title":176,"slug":177},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":46,"description":182,"canonical_path":4,"image":183,"width":86,"height":184,"image_alt":50,"kind":51,"categories":185,"app":190},"afe45908-6556-4a71-9e91-933c653d4b0c","This is a header navigation bar with a logo, navigation links, and call-to-action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F705c22f8-8258-414c-a0e8-a93209c720fe.png",344,[186],{"id":187,"title":188,"slug":189},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":191},[],[],[194,197,200,203,206,209,211,215,219,223],{"label":195,"to":196},"Surfe product screens","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fscreens",{"label":198,"to":199},"Surfe marketing pages","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fmarketing",{"label":201,"to":202},"Surfe user flows","\u002Fexamples\u002Fapps\u002Fsurfe\u002Fflows",{"label":204,"to":205},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":207,"to":208},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":210,"to":18},"All SaaS app examples",{"label":212,"to":213,"description":214},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":216,"to":217,"description":218},"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":220,"to":221,"description":222},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":224,"to":225,"description":226},"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":228,"updated_at":229},"2023-08-28T15:24:42.000Z","2026-09-13T13:02:39.000Z"]