[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fflodesk\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":195,"links":196,"dates":230},"\u002Fexamples\u002Fapps\u002Fflodesk\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Flodesk UI components examples - Nicelydone","Browse Flodesk UI component design examples. Preview individual interface elements and explore related component categories. Design emails people love to…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5cf46a13-8912-47a3-8009-a171bd13827d.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},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":23,"to":4},"Flodesk UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Flodesk UI component design examples. Preview individual interface elements and explore related component categories. Design emails people love to open. Sell online.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Flodesk","flodesk","Design emails people love to open. Sell online.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","https:\u002F\u002Fflodesk.com","flodeskinc",[37,41],{"id":38,"title":39,"slug":40},27,"Email Newsletters","email-newsletters",{"id":42,"title":43,"slug":44},25,"Marketing","marketing",[46,61,74,87,100,110,120,133,146,159,169,182],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"a5dc14d2-2007-4c85-a342-c429ef61030d","Flodesk UI component","The screenshot shows a notification message indicating that a domain has not been authenticated, with links to domain setup and additional information.",956,294,"UI component from Flodesk","component",[55],{"id":56,"title":57,"slug":58},244,"Message","message",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"e76d616e-8713-420b-ae3c-2d719a53b70b","A dropdown menu with various options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6ec636f7-e89c-4a6b-a725-1f4cfef4452d.png",542,1213,[68],{"id":69,"title":70,"slug":71},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":85},"737e63a6-3b88-4f5d-938f-a85ac87a3f16","A table showing the best days to send emails.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa293c715-d224-4a1f-b764-53333c535edb.png",2312,1515,[81],{"id":82,"title":83,"slug":84},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":48,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":52,"kind":53,"categories":93,"app":98},"39f8db98-3633-4d2a-95b0-d8a6cd4f79c0","Email metrics visualization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d46d911-e82e-47ad-bd03-d6e2f5c262ff.png",2280,1030,[94],{"id":95,"title":96,"slug":97},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":48,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":52,"kind":53,"categories":106,"app":108},"93bbf806-3d4d-4307-86df-41f35c33c573","A bar chart showing subscriber growth over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbdead996-a318-4439-b5e1-4061386711c0.png",2309,1543,[107],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":48,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":52,"kind":53,"categories":116,"app":118},"1fecbbad-283a-4980-be14-f8bf5adfde8d","The screenshot displays a subscriber source report with a donut chart and a table.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd207431-8e76-4934-bf56-da90ec3668ff.png",2311,1416,[117],{"id":95,"title":96,"slug":97},{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":48,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":52,"kind":53,"categories":126,"app":131},"f02b16ab-c387-447b-8232-0fe0ef043ea3","The image shows a toggle switch with the options 'Any' and 'All' for data fields related to subscribers.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4361f62-65e1-4d13-a07d-43819ecee092.png",862,272,[127],{"id":128,"title":129,"slug":130},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":48,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":52,"kind":53,"categories":139,"app":144},"53e6ce97-5dab-4b82-a2f1-2337a1b1092f","The screenshot displays a dropdown menu with a search bar and a list of segments.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2967eb8b-d34a-4d52-b939-bd8dbdc40e3f.png",819,529,[140],{"id":141,"title":142,"slug":143},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":48,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":52,"kind":53,"categories":152,"app":157},"eb738425-c66f-4c6a-8e06-7c9f26595a39","A simple notification message indicating that a bulk action is being processed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fed3904ff-75bb-40c8-be22-698f84fe586e.png",1143,357,[153],{"id":154,"title":155,"slug":156},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":48,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":52,"kind":53,"categories":165,"app":167},"bd58e5f9-e735-45ee-9b38-76d87bfaf0d6","A table displaying subscriber data.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ed1d839-1b4a-4ba0-93b3-d454ff355192.png",2535,927,[166],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":48,"description":171,"canonical_path":4,"image":172,"width":173,"height":174,"image_alt":52,"kind":53,"categories":175,"app":180},"598aed91-cbe3-4c13-b1c0-207b0b892e5c","The image shows a navigation bar with several options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F208cba51-3e2b-4095-9853-6003bab013e4.png",1150,123,[176],{"id":177,"title":178,"slug":179},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":48,"description":184,"canonical_path":4,"image":185,"width":186,"height":187,"image_alt":52,"kind":53,"categories":188,"app":193},"d0837d4a-ec9c-4ce7-a845-4f2c5f45cf43","A modal window with a code snippet and a copy button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5dac7769-4b91-4eaa-9409-06ff952f098a.png",1600,576,[189],{"id":190,"title":191,"slug":192},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":194},[],[],[197,200,203,206,209,212,214,218,222,226],{"label":198,"to":199},"Flodesk product screens","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fscreens",{"label":201,"to":202},"Flodesk marketing pages","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fmarketing",{"label":204,"to":205},"Flodesk user flows","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fflows",{"label":207,"to":208},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":210,"to":211},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":213,"to":18},"All SaaS app examples",{"label":215,"to":216,"description":217},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":219,"to":220,"description":221},"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":223,"to":224,"description":225},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":227,"to":228,"description":229},"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":231,"updated_at":232},"2022-10-20T03:32:43.000Z","2026-09-13T13:02:39.000Z"]