[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fframer\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":197,"links":198,"dates":217},"\u002Fexamples\u002Fapps\u002Fframer\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Framer UI components examples - Nicelydone","Browse Framer UI component design examples. Preview individual interface elements and explore related component categories. Always interactive, lightning…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbf07db1f-f61a-4696-91bc-9549c1986010.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},"Framer design examples","\u002Fexamples\u002Fapps\u002Fframer",{"label":23,"to":4},"Framer UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Framer UI component design examples. Preview individual interface elements and explore related component categories. Always interactive, lightning fast design.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Framer","framer","Always interactive, lightning fast design.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fframer-4ee13abb.png","http:\u002F\u002Fframer.com\u002Fweb",[36,40,44,48],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",{"id":49,"title":50,"slug":51},96,"No code","no-code",[53,68,81,90,100,113,126,139,152,161,174,187],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"2afb5d6e-0c66-4ac0-be29-8371fd4487b2","Framer UI component","A dropdown menu with workspace options.",786,939,"UI component from Framer","component",[62],{"id":63,"title":64,"slug":65},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"c29cc95a-e8c5-4f1a-a1b6-047ade19218f","A pricing page with three plan options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdeb3ef92-639d-492a-92cb-ceedb2b49b9a.png",1720,1688,[75],{"id":76,"title":77,"slug":78},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":72,"height":85,"image_alt":59,"kind":60,"categories":86,"app":88},"12a1e216-55ef-4a65-b5e7-cf548b038c8e","A pricing plan selection modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F54c783db-452f-42b0-b641-038985dd36c3.png",1773,[87],{"id":76,"title":77,"slug":78},{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":55,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":59,"kind":60,"categories":96,"app":98},"24f69fbe-7b44-415c-8997-3c3286748205","A user permission dropdown menu","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5cf95f79-7c73-431c-a638-250b315e8d06.png",1395,687,[97],{"id":63,"title":64,"slug":65},{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":55,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":59,"kind":60,"categories":106,"app":111},"a3735365-388e-4520-932e-7ba760d849b1","A modal with radio buttons to enable or disable workspace invite links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3c5ed13c-3201-4057-8498-6f30fdcba0c2.png",528,280,[107],{"id":108,"title":109,"slug":110},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":55,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":59,"kind":60,"categories":119,"app":124},"e802542f-b74f-4557-bb42-3aed79aeab8c","A workspace navigation menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9fe71c18-206f-486e-8aa1-0d64805a14b5.png",655,2148,[120],{"id":121,"title":122,"slug":123},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":55,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":59,"kind":60,"categories":132,"app":137},"8811d361-c829-4878-8593-ba4eb392d686","A simple archived status indicator","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6c4e8cfa-bfaa-46bc-8fac-6c5b083b8123.png",604,382,[133],{"id":134,"title":135,"slug":136},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":55,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":59,"kind":60,"categories":145,"app":150},"a8ef12ad-974c-470b-839e-c797e72c7cda","A toolbar with controls for previewing and publishing content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe67f963f-ded8-4657-99a5-65b771484e50.png",3247,346,[146],{"id":147,"title":148,"slug":149},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":55,"description":154,"canonical_path":4,"image":155,"width":156,"height":118,"image_alt":59,"kind":60,"categories":157,"app":159},"4768778a-d495-4fc0-ad49-8bfcae603419","A panel displaying components, styles, and code.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F135a1bd0-e733-457a-9a07-c5e8a69d9a03.png",661,[158],{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":55,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":59,"kind":60,"categories":167,"app":172},"b08b07ed-7a0c-488f-a812-3de68b33cbeb","A modal for editing heading styles.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffe6e3fdb-08ab-4d30-a5fe-28788c808ce5.png",728,1835,[168],{"id":169,"title":170,"slug":171},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":55,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":59,"kind":60,"categories":180,"app":185},"f2b168ac-8545-4d07-aa93-eb68b3df5292","A breadcrumb navigation with two levels.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F69456fb3-5a5c-4815-9d4c-341c8a640280.png",470,188,[181],{"id":182,"title":183,"slug":184},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":55,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":59,"kind":60,"categories":193,"app":195},"25e2fa6a-0bfc-4f17-8f07-674e43d5fa00","A modal showing a layers panel.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F53107a4c-8556-4794-bc24-d4bd4468c94a.png",646,1019,[194],{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":196},[],[],[199,202,205,208,211,214],{"label":200,"to":201},"Framer product screens","\u002Fexamples\u002Fapps\u002Fframer\u002Fscreens",{"label":203,"to":204},"Framer marketing pages","\u002Fexamples\u002Fapps\u002Fframer\u002Fmarketing",{"label":206,"to":207},"Framer user flows","\u002Fexamples\u002Fapps\u002Fframer\u002Fflows",{"label":209,"to":210},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":212,"to":213},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":215,"to":216},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":218,"updated_at":219},"2020-03-02T13:13:20.000Z","2026-09-13T13:02:39.000Z"]