[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fqatalog\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":215,"links":216,"dates":235},"\u002Fexamples\u002Fapps\u002Fqatalog\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Qatalog UI components examples - Nicelydone","Browse Qatalog UI component design examples. Preview individual interface elements and explore related component categories. AI that works with your data","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2a43b3d0-49e5-4829-91f0-5ccf4f91632d.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},"Qatalog design examples","\u002Fexamples\u002Fapps\u002Fqatalog",{"label":23,"to":4},"Qatalog 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,"twitter_username":30,"categories":34},"Qatalog","qatalog","AI that works with your data","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fqatalog-8b19d9e2.png","https:\u002F\u002Fqatalog.com",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},22,"Knowledge Management","knowledge-management",{"id":44,"title":45,"slug":46},55,"Search engine","search-engine",[48,63,78,93,107,120,133,146,161,175,190,200],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"013f2b88-acf9-4364-8aa8-c108749a3b98","Qatalog UI component","A landing page showcasing a product that connects to different apps and databases.",3024,1974,"UI component from Qatalog","component",[57],{"id":58,"title":59,"slug":60},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":65,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":70,"kind":55,"categories":71,"app":76},"4998bc1d-8601-4916-8ac2-bb050eec3c26","Notification Preferences Accordion","An expanded accordion section for configuring workflow notification preferences. It displays a list of events with two columns of checkboxes, likely representing different notification channels like email and in-app.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8d058d2e-781c-4343-a530-e8ff7a606d80.png",1856,1354,"Notification Preferences Accordion from Qatalog",[72],{"id":73,"title":74,"slug":75},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":85,"kind":55,"categories":86,"app":91},"3fffe570-2d68-4e54-8dd4-03267e3b167e","Filtered Directory List","A directory list view showing teams, with active filters applied for archived items. Includes a toolbar for filtering, finding, grouping, and adjusting columns, followed by a table header and a single list item representing an archived team.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fba08fe4d-61be-48fa-9603-9a61cfa45bc2.png",2620,651,"Filtered Directory List from Qatalog",[87],{"id":88,"title":89,"slug":90},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":83,"height":98,"image_alt":99,"kind":55,"categories":100,"app":105},"ba219ede-23e7-4d89-bd53-724520638aaf","Team Directory Table","A data table displaying a list of teams with columns for Name, Collaborators, and Last updated. It includes a toolbar with filtering, grouping, and view options, along with a top-level navigation for People, Teams, and Org.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe139a0d4-662e-440a-a636-46c549fbe900.png",879,"Team Directory Table from Qatalog",[101],{"id":102,"title":103,"slug":104},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":50,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":54,"kind":55,"categories":113,"app":118},"a1813dae-d442-4c0f-a12a-29331eb74255","A contextual menu with multiple actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F840fb870-0d75-4d84-b1d7-9fbc0524959f.png",595,891,[114],{"id":115,"title":116,"slug":117},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":50,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":54,"kind":55,"categories":126,"app":131},"5a12f97b-99c1-4f32-9c75-b6c043a63883","A color picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c51351c-9d91-4797-b868-e5fe6c563704.png",758,652,[127],{"id":128,"title":129,"slug":130},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":50,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":54,"kind":55,"categories":139,"app":144},"574c00a6-9d38-4829-bb4a-aec05e2bcad9","A modal for selecting connections.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd19942cf-a464-41be-8e2e-da0cce2dba15.png",525,597,[140],{"id":141,"title":142,"slug":143},195,"Input multi-select","input-multi-select",{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":153,"kind":55,"categories":154,"app":159},"99ef296b-e38f-4288-839d-f07b4a126ab8","Settings Toggle Row","A horizontal settings row featuring a title, a descriptive subtitle, and a toggle switch on the right side. The toggle is currently in the active (on) state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb30aa37f-f55e-4ca6-aa87-962d587d3b0c.png",1824,317,"Settings Toggle Row from Qatalog",[155],{"id":156,"title":157,"slug":158},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":163,"description":164,"canonical_path":4,"image":165,"width":151,"height":166,"image_alt":167,"kind":55,"categories":168,"app":173},"c17cfe49-b42b-4bd6-8405-b0c137ed904d","Frequency Settings Row","A settings row featuring a title, descriptive text, and a segmented control to select a time frequency.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F649add2b-6f82-450c-aba9-995794e5f8b5.png",325,"Frequency Settings Row from Qatalog",[169],{"id":170,"title":171,"slug":172},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":182,"kind":55,"categories":183,"app":188},"07066cd3-c157-4024-bbc4-f29a4a82c8d9","Informational Alert","A simple informational alert box providing context about AI instructions. It features an info icon alongside two lines of descriptive text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7f8f8c7b-a88a-4735-8de6-4a7643ee520f.png",1328,368,"Informational Alert from Qatalog",[184],{"id":185,"title":186,"slug":187},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":50,"description":192,"canonical_path":4,"image":193,"width":194,"height":195,"image_alt":54,"kind":55,"categories":196,"app":198},"9d86a2a2-dfe1-42b8-af82-24582a7fcef2","A toggle button with two options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ae1ce07-32a6-49e3-828a-b3ea6c1f88da.png",1333,391,[197],{"id":170,"title":171,"slug":172},{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":202,"description":203,"canonical_path":4,"image":204,"width":205,"height":206,"image_alt":207,"kind":55,"categories":208,"app":213},"abe23f41-690b-4636-b804-4836fe757170","AI Search Omnibar","A large search input field with mode toggles for 'Ask' and 'Find' positioned above it, and a row of connected app icons below it indicating data sources.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec763864-b2f7-4038-8efd-8b79127f1005.png",2184,576,"AI Search Omnibar from Qatalog",[209],{"id":210,"title":211,"slug":212},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":214},[],[],[217,220,223,226,229,232],{"label":218,"to":219},"Qatalog product screens","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fscreens",{"label":221,"to":222},"Qatalog marketing pages","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fmarketing",{"label":224,"to":225},"Qatalog user flows","\u002Fexamples\u002Fapps\u002Fqatalog\u002Fflows",{"label":227,"to":228},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":230,"to":231},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":233,"to":234},"Search engine app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsearch-engine",{"published_at":236,"updated_at":237},"2024-11-06T15:13:18.000Z","2026-09-13T13:02:39.000Z"]