[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffreckle\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":149,"links":150,"dates":187},"\u002Fexamples\u002Fapps\u002Ffreckle\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Freckle UI components examples - Nicelydone","Browse Freckle UI component design examples. Preview individual interface elements and explore related component categories. The Clay-alternative built for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef34d970-3002-4d81-8299-1922dafff7b3.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},"Freckle design examples","\u002Fexamples\u002Fapps\u002Ffreckle",{"label":23,"to":4},"Freckle UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Freckle UI component design examples. Preview individual interface elements and explore related component categories. The Clay-alternative built for non-technical users",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Freckle","freckle","The Clay-alternative built for non-technical users","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffreckle-93eaytji.png","https:\u002F\u002Fwww.freckle.io",[36,40,44],{"id":37,"title":38,"slug":39},53,"CRM","crm",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",{"id":45,"title":46,"slug":47},25,"Marketing","marketing",[49,64,77,90,103,113,126,139],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"df3bce70-c9d1-48cf-b914-e47d9437f997","Freckle UI component","A company size selection component.",896,279,"UI component from Freckle","component",[58],{"id":59,"title":60,"slug":61},173,"Autocomplete","autocomplete",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"226fb1a2-b0c4-464c-8b73-66c729211d3f","The screenshot shows a modal for sorting data columns in a table.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe76f8afe-2c7c-4753-91c7-cf22bd1fe892.png",841,661,[71],{"id":72,"title":73,"slug":74},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":88},"164e6c1c-0864-4447-9c48-fcf4b1a8704e","This screenshot showcases a modal window with options to add, show, or hide columns, along with checkboxes for selecting specific company details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2f385e6-abf6-4e6f-83c8-256d265c62dd.png",426,765,[84],{"id":85,"title":86,"slug":87},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":55,"kind":56,"categories":96,"app":101},"efd519e1-c5bc-42d3-aba4-c5f4a5d1e650","A modal with a toggle and a dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb1ec7ff1-2ca3-43cc-814f-9d2073ee319c.png",704,466,[97],{"id":98,"title":99,"slug":100},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":102},[],{"uuid":104,"title":51,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":55,"kind":56,"categories":109,"app":111},"f2b19cef-558d-4ed1-87e4-a41c9cd76517","The screenshot showcases a dropdown menu for selecting a column type.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb0772d8e-1a6e-44ed-889e-b2f50c0e6e81.png",536,603,[110],{"id":85,"title":86,"slug":87},{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"0860d392-8b04-47fd-b9ac-6e6c212d24aa","Freckle landing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0adafc1c-6298-46f8-b47c-ab08232fc018.png",3024,1653,[120],{"id":121,"title":122,"slug":123},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"575fe75f-e5b0-4ae9-8781-b61a94ab10ff","A frequently asked questions page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc7f7de15-e580-4dc8-a876-c5327ff5d913.png",2416,1309,[133],{"id":134,"title":135,"slug":136},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":147},"769fd6c9-1b14-495d-8468-7ad3781a0146","The screenshot displays a website header.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F57cd87b9-90f3-4197-870a-a682ab8a07d3.png",2389,235,[146],{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":148},[],[],[151,154,157,160,163,166,169,171,175,179,183],{"label":152,"to":153},"Freckle product screens","\u002Fexamples\u002Fapps\u002Ffreckle\u002Fscreens",{"label":155,"to":156},"Freckle marketing pages","\u002Fexamples\u002Fapps\u002Ffreckle\u002Fmarketing",{"label":158,"to":159},"Freckle user flows","\u002Fexamples\u002Fapps\u002Ffreckle\u002Fflows",{"label":161,"to":162},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":164,"to":165},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":167,"to":168},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":170,"to":18},"All SaaS app examples",{"label":172,"to":173,"description":174},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":176,"to":177,"description":178},"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":180,"to":181,"description":182},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":184,"to":185,"description":186},"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":188,"updated_at":189},"2025-06-30T10:11:26.000Z","2026-09-13T13:02:39.000Z"]