[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwebflow\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":56,"showcases":215,"links":216,"dates":235},"\u002Fexamples\u002Fapps\u002Fwebflow\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Webflow UI components examples - Nicelydone","Browse Webflow UI component design examples. Preview individual interface elements and explore related component categories. Responsive web design tool,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4af0568c-04ea-4754-95a2-fa1a655cd2d9.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},"Webflow design examples","\u002Fexamples\u002Fapps\u002Fwebflow",{"label":23,"to":4},"Webflow UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Webflow UI component design examples. Preview individual interface elements and explore related component categories. Responsive web design tool, CMS, and hosting platform",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Webflow","webflow","Responsive web design tool, CMS, and hosting platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwebflow-d8c55605.png","https:\u002F\u002Fwebflow.com",[36,40,44,48,52],{"id":37,"title":38,"slug":39},96,"No code","no-code",{"id":41,"title":42,"slug":43},6,"Publishing","publishing",{"id":45,"title":46,"slug":47},7,"Web Development","web-development",{"id":49,"title":50,"slug":51},8,"Design","design",{"id":53,"title":54,"slug":55},23,"Collaboration","collaboration",[57,72,83,96,111,124,137,150,163,176,189,202],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"categories":65,"app":70},"d783a2d3-4d27-46af-ab9e-5181686c10bd","Mega menu","A global navigation header with an expanded mega menu dropdown. The dropdown reveals a two-column layout with use cases on the left and customer stories on the right.",3024,939,"Mega menu from Webflow","component",[66],{"id":67,"title":68,"slug":69},290,"Flyout menu","flyout-menu",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":61,"height":77,"image_alt":78,"kind":64,"categories":79,"app":81},"59a2770a-1dd9-4859-bfc5-03574eebb0bd","Mega Menu","A global navigation header with an expanded mega menu dropdown. The dropdown contains categorized product links with icons and descriptions on the left, and a promotional card and quick links on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc855c4a-0001-4550-812e-34d4604c1a7f.png",1603,"Mega Menu from Webflow",[80],{"id":67,"title":68,"slug":69},{"slug":31,"title":30,"logo":33,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":61,"height":88,"image_alt":89,"kind":64,"categories":90,"app":94},"c2ac6a86-5a88-4dba-bd28-139ebcc7277d","Hero section","A dark-themed hero section featuring a large headline, a subheadline, a primary call-to-action button, and a partial view of a product interface at the bottom. It includes a top banner and a global navigation header.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61a27e85-234b-492a-a6fa-88b015ba14b4.png",1905,"Hero section from Webflow",[91],{"id":92,"title":85,"slug":93},197,"hero-section",{"slug":31,"title":30,"logo":33,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":103,"kind":64,"categories":104,"app":109},"cf54b29b-c103-4515-a722-5cb7e2fafe91","Webflow UI component","A modal for domain configuration using Entri.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5bcb650c-67c5-4a63-b501-1e85d861b0e5.png",1425,1416,"UI component from Webflow",[105],{"id":106,"title":107,"slug":108},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":98,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":103,"kind":64,"categories":117,"app":122},"f7816b1e-26bf-4095-b052-a2f852b16fa7","A set of action buttons","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16ae0ab8-9046-4021-bb9a-32b5fe0ffb74.png",1207,325,[118],{"id":119,"title":120,"slug":121},277,"Button group","button-group",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":98,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":103,"kind":64,"categories":130,"app":135},"abf0ee03-e05a-4473-b49a-a8f7778fa8b8","A modal for element settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd7e4607-957a-4310-8935-1ce56515b0af.png",608,1773,[131],{"id":132,"title":133,"slug":134},250,"Settings panel","settings-panel",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":98,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":103,"kind":64,"categories":143,"app":148},"29fe4e18-667f-4d23-8b1c-88ad35dfc024","A modal for defining actions on mouse clicks or taps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F85e3e0b3-f74c-43e1-8906-a06eecbb55f5.png",606,1010,[144],{"id":145,"title":146,"slug":147},217,"Query builder","query-builder",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":98,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":103,"kind":64,"categories":156,"app":161},"d4574f78-4603-4c65-83f9-c0e3b5c9f5fd","A modal with a list of actions to take.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F74ca58f6-2d45-4963-9c20-d167769a9a43.png",1506,656,[157],{"id":158,"title":159,"slug":160},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":98,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":103,"kind":64,"categories":169,"app":174},"864afe43-793a-4c9e-9134-b8091580ea31","A modal for adding collection fields.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F99e1d19c-90f1-4af6-8e89-04019c508662.png",1464,1056,[170],{"id":171,"title":172,"slug":173},286,"Vertical list","vertical-list",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":98,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":103,"kind":64,"categories":182,"app":187},"136c8158-bc3e-418e-8ee0-759277663cce","A modal with two buttons showing plural and singular versions of a text","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe1726a24-85ac-4c9a-92fe-eb4e07625ef6.png",768,172,[183],{"id":184,"title":185,"slug":186},245,"Tag","tag",{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":98,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":103,"kind":64,"categories":195,"app":200},"6a255dde-d0e1-4387-adc5-b78755da867a","A table displaying blog posts with their status, creation, modification, and publication dates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F11efa3a0-11f8-454c-b812-31fca5e35a0a.png",2720,683,[196],{"id":197,"title":198,"slug":199},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":201},[],{"uuid":203,"title":98,"description":204,"canonical_path":4,"image":205,"width":206,"height":207,"image_alt":103,"kind":64,"categories":208,"app":213},"c6203663-8953-444b-8b8a-9e9926eea82b","A modal with a list of style options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff03eb099-9096-4e0a-954c-13a69f0308f0.png",611,1115,[209],{"id":210,"title":211,"slug":212},251,"Reorder","reorder",{"slug":31,"title":30,"logo":33,"categories":214},[],[],[217,220,223,226,229,232],{"label":218,"to":219},"Webflow product screens","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fscreens",{"label":221,"to":222},"Webflow marketing pages","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fmarketing",{"label":224,"to":225},"Webflow user flows","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fflows",{"label":227,"to":228},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":230,"to":231},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":233,"to":234},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"published_at":236,"updated_at":237},"2022-08-15T11:29:16.000Z","2026-09-26T12:10:13.000Z"]