[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdocumentationai\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":198,"links":199,"dates":218},"\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Documentation.AI UI components examples - Nicelydone","Browse Documentation.AI UI component design examples. Preview individual interface elements and explore related component categories. AI Documentation &…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbbd35b7f-8673-4d1b-8c89-b4036309863a.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},"Documentation.AI design examples","\u002Fexamples\u002Fapps\u002Fdocumentationai",{"label":23,"to":4},"Documentation.AI UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Documentation.AI UI component design examples. Preview individual interface elements and explore related component categories. AI Documentation & Knowledge",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Documentation.AI","documentationai","AI Documentation & Knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F765c5eca-9754-4c48-be93-ec4d07f943f7.png","https:\u002F\u002Fdocumentation.ai",[36,40,44],{"id":37,"title":38,"slug":39},22,"Knowledge Management","knowledge-management",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",[49,64,77,90,103,116,129,142,152,162,175,185],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"a6fad555-b079-49b5-aaba-a0862cc33636","Documentation.AI UI component","A user interface displaying a sidebar navigation with a user profile section and an open popover menu for account settings and actions.",956,416,"UI component from Documentation.AI","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},"bd3911c5-894a-4b8c-9e44-13dbc267a0e7","A section displaying the current billing plan with an option to upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a58d1e8-0c42-47cd-b341-fe41191d8d2f.png",2164,404,[71],{"id":72,"title":73,"slug":74},255,"Upgrade your plan","upgrade-your-plan",{"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},"b9cf134d-cb69-4490-b16a-5be76e163c27","A settings page for documentation branding and theme, showcasing two template options: Classic and Atlas, with a selected state for the Classic template.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55603ae8-abd9-4e32-87dd-175f6c68fea4.png",2061,915,[84],{"id":85,"title":86,"slug":87},256,"Theme settings","theme-settings",{"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},"0939bd9a-52ad-495d-baf0-10a63081b316","A settings page for a documentation platform with a left navigation sidebar and main content area.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81d8fbb6-2fc3-4597-8e4e-24370467ad8b.png",898,1779,[97],{"id":98,"title":99,"slug":100},209,"Vertical navigation","vertical-navigation",{"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":114},"50780bd4-8511-4f8c-9e06-3e8fcbdc9ec0","A segmented control with two options, 'Overview' and 'Feedback', where 'Overview' is currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5d93b1d3-a070-4346-8908-24f64212f137.png",455,200,[110],{"id":111,"title":112,"slug":113},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":115},[],{"uuid":117,"title":51,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":55,"kind":56,"categories":122,"app":127},"193fa352-d0fe-40ed-a651-f4109b59962a","Date range picker with calendar view and preset options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F05de65ca-fb3b-406b-9c5b-475b1c71d793.png",1360,764,[123],{"id":124,"title":125,"slug":126},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":128},[],{"uuid":130,"title":51,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":55,"kind":56,"categories":135,"app":140},"f42f3e60-18de-4646-91b4-0a4d3656ccf6","A dashboard widget displaying website traffic sources with a pie chart and a tooltip showing page views.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F01d305c6-3949-4879-98db-0bc33c03d806.png",1016,886,[136],{"id":137,"title":138,"slug":139},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":141},[],{"uuid":143,"title":51,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":55,"kind":56,"categories":148,"app":150},"963d91e3-8f50-45ae-a112-becd382e27db","A horizontal bar chart displaying the most popular pages by view count, with a tooltip showing details on hover.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F39a64fd1-382d-4eb6-bdc8-00ef5b57aff5.png",1287,973,[149],{"id":137,"title":138,"slug":139},{"slug":31,"title":30,"logo":33,"categories":151},[],{"uuid":153,"title":51,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":55,"kind":56,"categories":158,"app":160},"f22d0278-1359-4ef5-a329-82e97357fb24","A user interface showing a sidebar navigation with nested items and two cascading context menus for managing and converting a \"Documentation\" tab.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdc81f618-8340-41dd-b18b-31d2d43257c4.png",1384,735,[159],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":51,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":55,"kind":56,"categories":168,"app":173},"528997ba-5fea-43b1-bf27-3ea41c075b8c","A modal dialog for moving a page within a hierarchical structure, featuring a search bar and a tree-like navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff61ede00-f229-41ba-9baa-33464dafc34f.png",1186,1337,[169],{"id":170,"title":171,"slug":172},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":51,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":55,"kind":56,"categories":181,"app":183},"45745ea0-c0b3-42f2-a6d8-85343c421714","A dropdown menu displaying a list of changed files with an option to revert all changes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F44ded86e-22ea-42aa-9724-3c3a32a06cc5.png",744,381,[182],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":184},[],{"uuid":186,"title":51,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":55,"kind":56,"categories":191,"app":196},"76e64253-8b3c-4092-aaeb-71ac26d745c5","A user interface snippet displaying control icons and a tooltip","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F803b5187-4501-405b-bf0b-0b8696144f50.png",317,227,[192],{"id":193,"title":194,"slug":195},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":197},[],[],[200,203,206,209,212,215],{"label":201,"to":202},"Documentation.AI product screens","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fscreens",{"label":204,"to":205},"Documentation.AI marketing pages","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fmarketing",{"label":207,"to":208},"Documentation.AI user flows","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fflows",{"label":210,"to":211},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":213,"to":214},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":216,"to":217},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":219,"updated_at":220},"2026-02-20T17:01:35.000Z","2026-09-13T13:02:39.000Z"]