[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffolk\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":41,"showcases":152,"links":153,"dates":184},"\u002Fexamples\u002Fapps\u002Ffolk\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Folk UI components examples - Nicelydone","Browse Folk UI component design examples. Preview individual interface elements and explore related component categories. The next generation CRM for teams…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff7df34ea-a9d8-4bba-84c8-c4c065da450b.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},"Folk design examples","\u002Fexamples\u002Fapps\u002Ffolk",{"label":23,"to":4},"Folk UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Folk UI component design examples. Preview individual interface elements and explore related component categories. The next generation CRM for teams and individuals",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Folk","folk","The next generation CRM for teams and individuals","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffolk-580339c4.png","https:\u002F\u002Ffolk.app\u002F","folkhq",[37],{"id":38,"title":39,"slug":40},53,"CRM","crm",[42,57,72,87,102,117,128,137],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"categories":50,"app":55},"868dd38c-0f04-49e8-9454-b28bf8fb23b6","Group tags","A row of pill-shaped tags indicating which groups or lists a contact belongs to, with an option to add more.",806,176,"Group tags from Folk","component",[51],{"id":52,"title":53,"slug":54},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":56},[],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":61,"width":62,"height":63,"image_alt":64,"kind":49,"categories":65,"app":70},"3f73256b-8d45-49a5-ab14-96a6ae3fccc6","Folk UI component","A date picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fab214415-319c-4d24-89e3-a953707605bf.png",924,952,"UI component from Folk",[66],{"id":67,"title":68,"slug":69},199,"Input date","input-date",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":79,"kind":49,"categories":80,"app":85},"481b18b2-f804-4e4a-b1b2-36220228e581","Website Header","A global website header featuring a logo, primary navigation links with dropdowns, secondary links, and a primary call-to-action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff6a4f62e-e0b3-4af5-a1f7-14834c56faef.png",3160,320,"Website Header from Folk",[81],{"id":82,"title":83,"slug":84},258,"Header","header",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":94,"kind":49,"categories":95,"app":100},"ddf0919a-1fff-43f8-8898-0f9f45d45d64","Feature bento grid","A bento grid layout showcasing different automation features of a CRM. It includes a large heading, a sub-heading, and five distinct cards, each illustrating a specific feature like auto-sync, auto-import, auto-categorize, auto-deduplicate, and auto-enrich with UI mockups.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf16eb8c-310c-4caa-9cf7-464aa05da170.png",2312,2191,"Feature bento grid from Folk",[96],{"id":97,"title":98,"slug":99},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":109,"kind":49,"categories":110,"app":115},"70965e7a-951e-4aa0-a9f1-c95ba80394c8","Social proof section","A section displaying a logo wall of trusted companies and a row of badges showing ratings and security audits from various platforms.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6353179c-d684-4259-8f08-81b6fd00dd91.png",2650,633,"Social proof section from Folk",[111],{"id":112,"title":113,"slug":114},224,"Social proof","social-proof",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":92,"height":122,"image_alt":123,"kind":49,"categories":124,"app":126},"01383ab8-77f9-4109-a58c-033adf186d56","Bento grid feature section","A bento grid layout showcasing AI features for a CRM. It includes a headline, subheadline, and four distinct cards highlighting personalization, AI writing, context viewing, and result tracking, each with a title and a UI mockup.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F832bce56-9cbf-4671-8f57-7d872ed6b19a.png",2266,"Bento grid feature section from Folk",[125],{"id":97,"title":98,"slug":99},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":89,"description":130,"canonical_path":4,"image":131,"width":92,"height":132,"image_alt":94,"kind":49,"categories":133,"app":135},"f16ac097-8efc-4abc-8dc7-2f0710db4903","A bento grid layout showcasing three key product features: team collaboration, real-time updates, and access control. Each cell contains a title and a stylized UI mockup illustrating the feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6c5edfef-b701-4056-90b7-97b259dfb797.png",2215,[134],{"id":97,"title":98,"slug":99},{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":144,"kind":49,"categories":145,"app":150},"76385a02-cacb-487a-894c-ad2e9b34dce8","Testimonial masonry grid","A masonry grid of customer testimonials styled as social media posts. Each card includes an avatar, name, handle or title, the testimonial text, and a date with a platform icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0ffe4c82-e50a-4d19-bac8-0e6feede0b50.png",2096,3797,"Testimonial masonry grid from Folk",[146],{"id":147,"title":148,"slug":149},232,"Testimonial","testimonial",{"slug":31,"title":30,"logo":33,"categories":151},[],[],[154,157,160,163,166,168,172,176,180],{"label":155,"to":156},"Folk product screens","\u002Fexamples\u002Fapps\u002Ffolk\u002Fscreens",{"label":158,"to":159},"Folk marketing pages","\u002Fexamples\u002Fapps\u002Ffolk\u002Fmarketing",{"label":161,"to":162},"Folk user flows","\u002Fexamples\u002Fapps\u002Ffolk\u002Fflows",{"label":164,"to":165},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":167,"to":18},"All SaaS app examples",{"label":169,"to":170,"description":171},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":173,"to":174,"description":175},"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":177,"to":178,"description":179},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":181,"to":182,"description":183},"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":185,"updated_at":186},"2023-08-09T15:07:01.000Z","2026-09-17T12:10:12.000Z"]