[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flightfield\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":190,"links":191,"dates":207},"\u002Fexamples\u002Fapps\u002Flightfield\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Lightfield UI components examples - Nicelydone","Browse Lightfield UI component design examples. Preview individual interface elements and explore related component categories. A new kind of CRM","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5073aca6-3d84-4546-8449-e65c3b57edfc.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},"Lightfield design examples","\u002Fexamples\u002Fapps\u002Flightfield",{"label":23,"to":4},"Lightfield UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Lightfield","lightfield","A new kind of CRM","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3428fd96-b66c-4c23-a060-55858d095f59.png","https:\u002F\u002Flightfield.app",[35,39],{"id":36,"title":37,"slug":38},53,"CRM","crm",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,59,72,85,97,106,119,128,138,151,164,177],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"3a27eb21-35d5-4fef-a87a-a04af44bb8c8","Lightfield UI component","A user profile dropdown menu with account options and a numerical badge.",485,279,"UI component from Lightfield","component",[53],{"id":54,"title":55,"slug":56},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":70},"4b486cbc-2b3f-4037-9582-05270304f732","A popover menu for selecting a color and an icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F638dbc38-c70f-469d-b468-e466d7a64fe3.png",654,355,[66],{"id":67,"title":68,"slug":69},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":83},"134fa3d8-d772-4c19-be6f-7a8346485944","A user interface displaying a recording setting with a toggle switch for enabling or disabling the feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe9de508c-e7c6-4515-853a-62c5ab017b65.png",1856,430,[79],{"id":80,"title":81,"slug":82},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":76,"height":89,"image_alt":50,"kind":51,"categories":90,"app":95},"2310c352-0958-49d3-9d3a-16945cf983ba","A settings page for managing call recording preferences with two radio button options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc06f98ed-b2c6-4b92-b159-2f3d18e8a483.png",696,[91],{"id":92,"title":93,"slug":94},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":46,"description":99,"canonical_path":4,"image":100,"width":76,"height":101,"image_alt":50,"kind":51,"categories":102,"app":104},"5297bb5d-2bbc-4f22-bf72-13288df11927","A user interface element displaying a setting for a meeting daily digest with a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2cdaebdd-3ce4-43f4-abae-833f5670f83d.png",354,[103],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":46,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":50,"kind":51,"categories":112,"app":117},"1be05bfe-2aad-4567-8636-0ee5761e5f4d","A search overlay displaying categorized results for a query, including a matching account, multiple 'no results' messages, and a task.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12dca4b5-2c2e-4c54-8003-a53b0ab17274.png",500,997,[113],{"id":114,"title":115,"slug":116},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":46,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":50,"kind":51,"categories":124,"app":126},"1acd01a8-a75e-488f-b1a2-fb106ae5bd0f","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3fd74d8c-bc51-499e-8735-42b74baaed4c.png",1590,442,[125],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":46,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":50,"kind":51,"categories":134,"app":136},"2e80e6a5-3981-4999-9be4-597138d68b22","A search interface displaying recent chat queries within a popover or dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5abebd3-2bb0-40df-bdaf-a2308d417dfd.png",823,456,[135],{"id":54,"title":55,"slug":56},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":46,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":50,"kind":51,"categories":144,"app":149},"b0b85385-1af7-4891-b5b4-cb5bf663eb2f","A text input field with placeholder text and several action icons, likely for a search or chat interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16c81234-175a-4de2-add0-20385dd22486.png",1482,206,[145],{"id":146,"title":147,"slug":148},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":46,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":50,"kind":51,"categories":157,"app":162},"b87ae5fc-27ba-4b63-a4d3-ff368b2c9394","A modal for display settings, offering options to switch between table and board views, sort data, and select properties to display.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc6b30b31-c1d4-4b26-b0f8-24155a6686aa.png",695,724,[158],{"id":159,"title":160,"slug":161},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":46,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":50,"kind":51,"categories":170,"app":175},"94d9c8f7-23cd-4805-950d-c6e371187e24","A modal dialog for creating a new opportunity, featuring input fields for account and opportunity details, and a dropdown menu for selecting the sales stage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc820fc31-8afd-4b93-9a50-6b632bafd165.png",984,1068,[171],{"id":172,"title":173,"slug":174},204,"Input select","input-select",{"slug":30,"title":29,"logo":32,"categories":176},[],{"uuid":178,"title":46,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":50,"kind":51,"categories":183,"app":188},"886e0edf-21d1-454a-a824-7e1da018a253","A card displaying lead information with various attributes and a status indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb631fc95-5f2e-419c-a2ea-3b0522424bea.png",596,521,[184],{"id":185,"title":186,"slug":187},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":189},[],[],[192,195,198,201,204],{"label":193,"to":194},"Lightfield product screens","\u002Fexamples\u002Fapps\u002Flightfield\u002Fscreens",{"label":196,"to":197},"Lightfield marketing pages","\u002Fexamples\u002Fapps\u002Flightfield\u002Fmarketing",{"label":199,"to":200},"Lightfield user flows","\u002Fexamples\u002Fapps\u002Flightfield\u002Fflows",{"label":202,"to":203},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":205,"to":206},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":208,"updated_at":209},"2026-01-25T20:56:40.000Z","2026-09-13T13:02:39.000Z"]