[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Faudienceful\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":190,"links":191,"dates":225},"\u002Fexamples\u002Fapps\u002Faudienceful\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Audienceful UI components examples - Nicelydone","Browse Audienceful UI component design examples. Preview individual interface elements and explore related component categories. Minimal Email Marketing","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F69bea03c-fc78-4112-85cd-98e875eb7e72.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},"Audienceful design examples","\u002Fexamples\u002Fapps\u002Faudienceful",{"label":23,"to":4},"Audienceful 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,"twitter_username":30,"categories":34},"Audienceful","audienceful","Minimal Email Marketing","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faudienceful-5d66500f.png","https:\u002F\u002Fwww.audienceful.com",[35,39],{"id":36,"title":37,"slug":38},25,"Marketing","marketing",{"id":40,"title":41,"slug":42},27,"Email Newsletters","email-newsletters",[44,59,72,82,95,108,121,131,144,154,167,177],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"7663b7bf-a06f-427e-b389-c96548697747","Audienceful UI component","A modal indicating a draft is in a live automation.",1145,203,"UI component from Audienceful","component",[53],{"id":54,"title":55,"slug":56},167,"Alert","alert",{"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":70},"127a817e-f5b5-4ffe-ae01-03d15dbb3ccf","A dashboard displaying audience growth with a line chart and numerical data.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F18cb81d4-4097-4fe3-ae16-3fe561bd00b9.png",2246,796,[66],{"id":67,"title":68,"slug":69},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":80},"56ff03e0-6af0-46eb-95b2-0a04c09f1b9a","A plan usage overview","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04874554-18b4-4877-8e3e-997a1f888af5.png",1291,689,[79],{"id":67,"title":68,"slug":69},{"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},"c3ae00c1-d0e4-44fd-83d3-7b4f26785640","A modal with a date and time picker.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff08db4de-e556-494f-9102-46dc8faa9c36.png",850,936,[89],{"id":90,"title":91,"slug":92},184,"Datepicker","datepicker",{"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":106},"95d4a114-c49e-490b-96eb-619ee6a0e4bd","A modal with options to add a task.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45e72a3d-9033-466c-95d7-b048e791ea10.png",902,543,[102],{"id":103,"title":104,"slug":105},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":46,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":50,"kind":51,"categories":114,"app":119},"30a6a2b6-41a3-4c26-95a8-ef0c7dcd2bee","A modal informing the user that subscribers are being added.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F46cc0441-eaa3-4a53-9277-19054d98709f.png",1027,569,[115],{"id":116,"title":117,"slug":118},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":46,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":50,"kind":51,"categories":127,"app":129},"79ea38e5-3866-4a62-a6e5-85f1e9820344","A success message displayed in a modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee541372-a018-4ba2-a824-86ed4d873ba9.png",819,382,[128],{"id":116,"title":117,"slug":118},{"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":142},"5190c123-d83f-425e-867b-c2e4723d4907","A dropdown input field for adding tags.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4cc9ab90-87b1-4bc6-b8e6-6b09eb1833f0.png",1728,374,[138],{"id":139,"title":140,"slug":141},252,"Input tag","input-tag",{"slug":30,"title":29,"logo":32,"categories":143},[],{"uuid":145,"title":46,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":50,"kind":51,"categories":150,"app":152},"003e1b71-bf4b-4c16-a69f-ce18d0ade2fb","A modal with a list of basic blocks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd49368cf-7a97-4444-995c-91fede1beaba.png",1186,1172,[151],{"id":103,"title":104,"slug":105},{"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},"f12311ce-284b-4a75-b066-a71de21248bc","A modal with two options to add a description","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe0a10b97-bc05-4f07-b8a7-e68c39ea5d19.png",367,255,[161],{"id":162,"title":163,"slug":164},254,"Tooltip","tooltip-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":175},"2568db7d-6186-4087-ac29-c9002e0e2793","A user profile dropdown menu","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b72cdc2-47f9-46ec-b805-0f86ca8bb149.png",731,699,[174],{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":46,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":50,"kind":51,"categories":183,"app":188},"7c2fae8a-403d-480b-8580-6b522fc69b62","A side navigation menu with a plan upgrade call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F016626ef-c926-4a1b-b720-e3300b0dffc9.png",470,1737,[184],{"id":185,"title":186,"slug":187},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":189},[],[],[192,195,198,201,204,207,209,213,217,221],{"label":193,"to":194},"Audienceful product screens","\u002Fexamples\u002Fapps\u002Faudienceful\u002Fscreens",{"label":196,"to":197},"Audienceful marketing pages","\u002Fexamples\u002Fapps\u002Faudienceful\u002Fmarketing",{"label":199,"to":200},"Audienceful user flows","\u002Fexamples\u002Fapps\u002Faudienceful\u002Fflows",{"label":202,"to":203},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":205,"to":206},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":208,"to":18},"All SaaS app examples",{"label":210,"to":211,"description":212},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":214,"to":215,"description":216},"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":218,"to":219,"description":220},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":222,"to":223,"description":224},"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":226,"updated_at":227},"2023-07-21T14:32:49.000Z","2026-09-13T13:02:39.000Z"]