[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffigma\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":201,"links":202,"dates":221},"\u002Fexamples\u002Fapps\u002Ffigma\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Figma UI components examples - Nicelydone","Browse Figma UI component design examples. Preview individual interface elements and explore related component categories. The collaborative interface…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fad6e03c9-7cd8-4160-be1e-97862f249ca0.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},"Figma design examples","\u002Fexamples\u002Fapps\u002Ffigma",{"label":23,"to":4},"Figma UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Figma UI component design examples. Preview individual interface elements and explore related component categories. The collaborative interface design tool",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Figma","figma","The collaborative interface design tool","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffigma-569108c3.png","https:\u002F\u002Fwww.figma.com",[36,40,44],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",[49,63,78,91,104,117,129,142,152,165,178,191],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":61},"b441a2a6-f8d7-4ce8-a37b-4fb0910e77ac","Hero section","A hero section featuring a large headline, a primary call-to-action button, and a prominent product screenshot demonstrating collaborative features.",3089,2608,"Hero section from Figma","component",[58],{"id":59,"title":51,"slug":60},197,"hero-section",{"slug":31,"title":30,"logo":33,"categories":62},[],{"uuid":64,"title":65,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":70,"kind":56,"categories":71,"app":76},"dc09008c-e0f5-448b-8ceb-8a8bcb1742be","Figma UI component","A button to continue with Google","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8201a7c8-5a91-440e-83c0-28f837615e0a.png",844,224,"UI component from Figma",[72],{"id":73,"title":74,"slug":75},289,"Social login button","social-login-button",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":65,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":70,"kind":56,"categories":84,"app":89},"d9477912-cef2-4452-aa09-2a5611bf6eee","Email notification settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0939a3a7-ca33-412f-90b7-03b8d05257bc.png",970,504,[85],{"id":86,"title":87,"slug":88},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":65,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":70,"kind":56,"categories":97,"app":102},"ebb5395c-5780-4529-a14f-a86cd098af89","A table displaying team members and their roles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff79baad9-8131-4919-a398-d0c93179a045.png",2621,838,[98],{"id":99,"title":100,"slug":101},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":65,"description":106,"canonical_path":4,"image":107,"width":108,"height":109,"image_alt":70,"kind":56,"categories":110,"app":115},"6e5783a0-beb5-40cf-a252-d6101a54cea4","A set of action buttons","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff8971e7-8670-48f9-8b1b-6ee9a8f18cdf.png",912,192,[111],{"id":112,"title":113,"slug":114},277,"Button group","button-group",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":65,"description":119,"canonical_path":4,"image":120,"width":121,"height":109,"image_alt":70,"kind":56,"categories":122,"app":127},"54ee911f-ac61-4cc7-b065-2f0872ad7dea","A search input field","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02fe1ef8-d550-48aa-aac4-a711da28b780.png",624,[123],{"id":124,"title":125,"slug":126},295,"Input search","input-search",{"slug":31,"title":30,"logo":33,"categories":128},[],{"uuid":130,"title":65,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":70,"kind":56,"categories":135,"app":140},"3b194565-55a9-4fe5-bc27-eb39c0ddd488","A toolbar with various tools and options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5c3cdd77-c675-437e-961c-05bc74bf100b.png",2239,461,[136],{"id":137,"title":138,"slug":139},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":65,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":70,"kind":56,"categories":148,"app":150},"9d50f5a7-b137-45c8-bd56-ac07adaff7b1","A toolbar with text formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43bad10a-59f9-4e97-944f-d55ba9ecd3d7.png",1126,245,[149],{"id":137,"title":138,"slug":139},{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":65,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":70,"kind":56,"categories":158,"app":163},"621afbc1-1264-4126-ba80-e688ac35c40c","Modal to promote mobile app","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9aaca64d-43cf-4a33-a8ce-121b754125a8.png",896,890,[159],{"id":160,"title":161,"slug":162},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":164},[],{"uuid":166,"title":65,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":70,"kind":56,"categories":171,"app":176},"2677fb01-ff75-4d68-b998-6057aaa88774","A comment input modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd00a182-f930-4d99-a016-1f3dacf0b1b5.png",761,346,[172],{"id":173,"title":174,"slug":175},201,"Input text","input-text",{"slug":31,"title":30,"logo":33,"categories":177},[],{"uuid":179,"title":65,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":70,"kind":56,"categories":184,"app":189},"7a0bb19e-9d3a-4d0b-84c3-cab1c5e6d08b","A modal with a progress bar and navigation buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc39934a-56e1-414b-8ac1-553df29f5eb3.png",782,513,[185],{"id":186,"title":187,"slug":188},181,"Coachmark","coachmark",{"slug":31,"title":30,"logo":33,"categories":190},[],{"uuid":192,"title":65,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":70,"kind":56,"categories":197,"app":199},"e7085c38-71a8-4621-98f0-444c2935c7ca","A toolbar with various design tools.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5830f424-bb50-43c5-9ea8-911768800439.png",883,223,[198],{"id":137,"title":138,"slug":139},{"slug":31,"title":30,"logo":33,"categories":200},[],[],[203,206,209,212,215,218],{"label":204,"to":205},"Figma product screens","\u002Fexamples\u002Fapps\u002Ffigma\u002Fscreens",{"label":207,"to":208},"Figma marketing pages","\u002Fexamples\u002Fapps\u002Ffigma\u002Fmarketing",{"label":210,"to":211},"Figma user flows","\u002Fexamples\u002Fapps\u002Ffigma\u002Fflows",{"label":213,"to":214},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":216,"to":217},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":219,"to":220},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":222,"updated_at":223},"2020-03-31T13:55:14.000Z","2026-09-26T00:10:34.000Z"]