[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fslite\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":197,"links":198,"dates":217},"\u002Fexamples\u002Fapps\u002Fslite\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Slite UI components examples - Nicelydone","Browse Slite UI component design examples. Preview individual interface elements and explore related component categories. Put clarity at the center of your…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6a54f273-35bb-42ab-87b9-0c12c4f30fdb.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},"Slite design examples","\u002Fexamples\u002Fapps\u002Fslite",{"label":23,"to":4},"Slite UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Slite UI component design examples. Preview individual interface elements and explore related component categories. Put clarity at the center of your team",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Slite","slite","Put clarity at the center of your team","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fslite-265214fb.png","https:\u002F\u002Fslite.com",[36,40,44],{"id":37,"title":38,"slug":39},22,"Knowledge Management","knowledge-management",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",[49,64,77,90,103,113,126,139,152,164,174,184],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"2ce0edfa-8a10-46f1-af7d-2874c5acfa15","Slite UI component","A menu with account settings and options.",771,1058,"UI component from Slite","component",[58],{"id":59,"title":60,"slug":61},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":75},"e83051b0-365a-411e-9d8c-2d67ee748a4a","A pricing table for different subscription plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff4cdbbd1-08a7-4a35-bac2-74ee87898fa6.png",2060,1926,[71],{"id":72,"title":73,"slug":74},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":55,"kind":56,"categories":83,"app":88},"17175a3d-a0d7-4bef-abde-8e4793241eb4","The image shows two line charts displaying search performance and document creation metrics.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F94a78ed5-eabe-4279-837b-4cba7a7d6ed1.png",2462,828,[84],{"id":85,"title":86,"slug":87},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":51,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":55,"kind":56,"categories":96,"app":101},"e795717a-c761-4ff0-a3bc-2be65c4a0f52","A user interface for managing members.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7268fdd8-fbbd-4df6-89c7-afd2d356147a.png",2142,944,[97],{"id":98,"title":99,"slug":100},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":102},[],{"uuid":104,"title":51,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":55,"kind":56,"categories":109,"app":111},"3977bb9d-2734-426b-895f-18ead39c35f4","A pricing page with three tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F369a2428-a4c3-42c7-a2c3-79c755b8187a.png",1984,1329,[110],{"id":72,"title":73,"slug":74},{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"c0e66e64-4846-4c12-b184-9f78f578f51b","The screenshot displays a dropdown menu with a search bar and a list of selectable options related to 'Design Engineering'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F13670f65-dea4-46de-ba92-c80854580f51.png",719,794,[120],{"id":121,"title":122,"slug":123},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"74924b50-8a07-4129-82c9-b574c5631af9","A toggle to enable notifications for document views.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2cc9b55d-e02f-4a55-850b-253ae4799124.png",1599,327,[133],{"id":134,"title":135,"slug":136},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":150},"de4eee0d-e650-4737-b393-1456fae452b1","A notification modal showing document import alerts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9dad6b2d-354d-46f0-a1a4-7009eae5fa0b.png",1774,1491,[146],{"id":147,"title":148,"slug":149},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":156,"height":53,"image_alt":55,"kind":56,"categories":157,"app":162},"a1456c90-6329-46f1-b0e3-e31e8eb32d8d","A search interface with applied filters and search results.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4a1aa09c-eac5-4c6e-bb5e-307c9fc8251e.png",1844,[158],{"id":159,"title":160,"slug":161},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":51,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":55,"kind":56,"categories":170,"app":172},"090ccfd0-7bbc-4dae-8cdd-6cd70ed9703d","The screenshot displays a filter menu in a light theme interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb09cad11-3ec3-4204-a928-a0de4d42210e.png",1766,687,[171],{"id":159,"title":160,"slug":161},{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":51,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":55,"kind":56,"categories":180,"app":182},"a6b2811e-5611-4366-9f4c-3f734a7b6a5f","The screenshot displays a search interface with a search bar, filters, and search results.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd5668b4c-ffa8-4f6c-a9fc-f3a6eec6a73c.png",1818,806,[181],{"id":147,"title":148,"slug":149},{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":51,"description":186,"canonical_path":4,"image":187,"width":188,"height":189,"image_alt":55,"kind":56,"categories":190,"app":195},"a9c17101-a9f2-4b92-be55-1ebaed9881e5","The screenshot displays a list of recently edited and viewed documents or files within a project management or collaboration tool.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd1307e8e-e091-40ed-8244-2807336984f7.png",1962,1911,[191],{"id":192,"title":193,"slug":194},295,"Input search","input-search",{"slug":31,"title":30,"logo":33,"categories":196},[],[],[199,202,205,208,211,214],{"label":200,"to":201},"Slite product screens","\u002Fexamples\u002Fapps\u002Fslite\u002Fscreens",{"label":203,"to":204},"Slite marketing pages","\u002Fexamples\u002Fapps\u002Fslite\u002Fmarketing",{"label":206,"to":207},"Slite user flows","\u002Fexamples\u002Fapps\u002Fslite\u002Fflows",{"label":209,"to":210},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":212,"to":213},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":215,"to":216},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":218,"updated_at":219},"2021-01-15T08:35:58.000Z","2026-09-13T13:02:39.000Z"]