[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":50,"showcases":202,"links":203,"dates":222},"\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Llamaindex UI components examples - Nicelydone","Browse Llamaindex UI component design examples. Preview individual interface elements and explore related component categories.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae215c25-b8ca-44ef-8f4e-fad395aeab96.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},"Llamaindex design examples","\u002Fexamples\u002Fapps\u002Fllamaindex",{"label":23,"to":4},"Llamaindex UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"logo":31,"url":32,"categories":33},"Llamaindex","llamaindex","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e225662-6b6d-476d-a9ed-68b03c620ee1.png","https:\u002F\u002Fllamaindex.ai",[34,38,42,46],{"id":35,"title":36,"slug":37},45,"Open Source","open-source",{"id":39,"title":40,"slug":41},48,"Developer Tools","developer-tools",{"id":43,"title":44,"slug":45},80,"Artificial Intelligence","artificial-intelligence",{"id":47,"title":48,"slug":49},105,"Workflow Automation","workflow-automation",[51,66,76,89,102,115,128,141,154,163,176,189],{"uuid":52,"title":53,"description":54,"canonical_path":4,"image":11,"width":55,"height":56,"image_alt":57,"kind":58,"categories":59,"app":64},"2f2ab11e-3eec-4694-9ea0-d507035291bd","Llamaindex UI component","A user interface displaying application settings with organization and project selection via a dropdown menu.",1033,431,"UI component from Llamaindex","component",[60],{"id":61,"title":62,"slug":63},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":31,"categories":65},[],{"uuid":67,"title":53,"description":68,"canonical_path":4,"image":69,"width":70,"height":71,"image_alt":57,"kind":58,"categories":72,"app":74},"efe538ee-9f2a-4083-ac70-37e012e7488c","A dropdown menu displaying user account options, support links, and a sign-out action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5ebba5b6-7d4c-4c89-a9ac-b3eb000509da.png",536,677,[73],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":31,"categories":75},[],{"uuid":77,"title":53,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":57,"kind":58,"categories":82,"app":87},"38056231-d76c-45b5-b2cb-d2b2ad82f0c8","A dropdown menu displaying a list of products with selection options and status indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5bf0d2c-6e58-4216-b07c-a5f0266c00ec.png",588,930,[83],{"id":84,"title":85,"slug":86},195,"Input multi-select","input-multi-select",{"slug":30,"title":29,"logo":31,"categories":88},[],{"uuid":90,"title":53,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":57,"kind":58,"categories":95,"app":100},"40542e29-172c-42ae-989d-58070685e942","A date range picker with a calendar modal open for selecting a date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9bdf8f1a-28b0-45d6-bd86-1e8716460fd7.png",645,778,[96],{"id":97,"title":98,"slug":99},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":31,"categories":101},[],{"uuid":103,"title":53,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":57,"kind":58,"categories":108,"app":113},"8631dcad-bef0-4ab4-9942-326b9769641b","An interface displaying a workflow update, a log of file operations, a task list with progress, and an input field for user commands.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc301bd75-75b3-4e56-9a27-7c4c01657eb3.png",1660,1761,[109],{"id":110,"title":111,"slug":112},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":31,"categories":114},[],{"uuid":116,"title":53,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":57,"kind":58,"categories":121,"app":126},"a0193468-d8a4-4e86-be33-9382d9824c52","A card displaying free plan usage with an upgrade link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F60119509-e166-4db4-ade2-02e432feff8d.png",606,272,[122],{"id":123,"title":124,"slug":125},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":31,"categories":127},[],{"uuid":129,"title":53,"description":130,"canonical_path":4,"image":131,"width":132,"height":133,"image_alt":57,"kind":58,"categories":134,"app":139},"e171218c-ed7b-4cd8-9eab-c3231b2b29c6","A user interface component displaying a confidence threshold slider with a descriptive note about highlighting fields below the set threshold.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0eedc7b6-3d67-41a1-a10e-0b513f4616c1.png",1398,503,[135],{"id":136,"title":137,"slug":138},223,"Slider","slider",{"slug":30,"title":29,"logo":31,"categories":140},[],{"uuid":142,"title":53,"description":143,"canonical_path":4,"image":144,"width":145,"height":146,"image_alt":57,"kind":58,"categories":147,"app":152},"f8537566-5c5d-4019-88d6-1dabdaf6282d","A user interface displaying a parse history table with search, filter, and pagination functionalities.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F375a76c7-6e6b-4448-958b-152ece186e76.png",2732,855,[148],{"id":149,"title":150,"slug":151},248,"Table","table-2",{"slug":30,"title":29,"logo":31,"categories":153},[],{"uuid":155,"title":53,"description":156,"canonical_path":4,"image":157,"width":158,"height":94,"image_alt":57,"kind":58,"categories":159,"app":161},"9eb6e011-f2af-472c-b375-192145bf7dd5","A dropdown menu for filtering data by status and version is displayed over a table interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa54fc4fc-8522-4f46-af9a-44fd001d4e8a.png",739,[160],{"id":61,"title":62,"slug":63},{"slug":30,"title":29,"logo":31,"categories":162},[],{"uuid":164,"title":53,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":57,"kind":58,"categories":169,"app":174},"ddaaeb8c-3487-47cd-9148-c2773f675f1c","A vertical navigation sidebar displaying a list of icons, a logo, and user avatars.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9712afd0-24d7-49ff-b55f-f92d1f18922c.png",114,1777,[170],{"id":171,"title":172,"slug":173},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":31,"categories":175},[],{"uuid":177,"title":53,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":57,"kind":58,"categories":182,"app":187},"6ab683d2-b557-4842-b8de-7b7556c5ded5","A top navigation bar displaying application status, breadcrumb navigation, and action buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcb7ae930-eec5-4bf9-889d-217cd703fee3.png",3024,112,[183],{"id":184,"title":185,"slug":186},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":31,"categories":188},[],{"uuid":190,"title":53,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":57,"kind":58,"categories":195,"app":200},"33ec202f-9c75-46f8-900a-968380aa14bc","A modal window displaying a success message for an upload operation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3488fc82-e84a-440a-99e7-6f0a3ee7ea4d.png",835,228,[196],{"id":197,"title":198,"slug":199},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":31,"categories":201},[],[],[204,207,210,213,216,219],{"label":205,"to":206},"Llamaindex product screens","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fscreens",{"label":208,"to":209},"Llamaindex marketing pages","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fmarketing",{"label":211,"to":212},"Llamaindex user flows","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fflows",{"label":214,"to":215},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"label":217,"to":218},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":220,"to":221},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":223,"updated_at":224},"2026-03-12T19:33:19.000Z","2026-09-13T13:02:39.000Z"]