[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Forchestra\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":56,"showcases":200,"links":201,"dates":220},"\u002Fexamples\u002Fapps\u002Forchestra\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Orchestra UI components examples - Nicelydone","Browse Orchestra UI component design examples. Preview individual interface elements and explore related component categories. A chat-centric workspace for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5fd14f8c-67c1-4ed6-b08a-b84511068bff.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},"Orchestra design examples","\u002Fexamples\u002Fapps\u002Forchestra",{"label":23,"to":4},"Orchestra UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Orchestra UI component design examples. Preview individual interface elements and explore related component categories. A chat-centric workspace for modern teams",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Orchestra","orchestra","A chat-centric workspace for modern teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2b0154cb-f399-4a7b-9a72-2b039e4ac541.png","https:\u002F\u002Forch.so",[36,40,44,48,52],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",{"id":49,"title":50,"slug":51},29,"Task Management","task-management",{"id":53,"title":54,"slug":55},42,"Messaging","messaging",[57,72,85,95,108,118,131,144,154,167,177,187],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"categories":65,"app":70},"fd8aaaa6-75ab-41be-9e11-9ea0e286ddae","Orchestra UI component","A modal dialog for selecting a color for a space photo, featuring a preview area and a grid of color swatches.",821,1017,"UI component from Orchestra","component",[66],{"id":67,"title":68,"slug":69},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":59,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":63,"kind":64,"categories":78,"app":83},"9629c9cc-773d-4c85-af1b-fe2bdec93807","A popover menu displaying workspace options and user account actions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F063a71e7-8607-40cc-b191-c09289037924.png",534,657,[79],{"id":80,"title":81,"slug":82},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":84},[],{"uuid":86,"title":59,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":63,"kind":64,"categories":91,"app":93},"afc3ef2f-07d8-4b67-9c8f-a969347fbbca","A popover menu displaying view, field, and list options for a task management interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a103e8c-3ae4-439c-b6c4-12ff5f445f07.png",787,953,[92],{"id":80,"title":81,"slug":82},{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":59,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":63,"kind":64,"categories":101,"app":106},"44671ade-7c9a-446d-a8b3-8b19db92ae0c","A dropdown menu for sorting options, displayed over a partial view of filter and group buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd4ad15fa-0538-4679-8778-8318dd403164.png",866,960,[102],{"id":103,"title":104,"slug":105},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":107},[],{"uuid":109,"title":59,"description":110,"canonical_path":4,"image":111,"width":112,"height":113,"image_alt":63,"kind":64,"categories":114,"app":116},"48c37745-9cfa-4e4e-abc9-a5885579ae13","A modal dialog presenting filtering options for a list of items, including filter criteria, a search bar, and filter mode selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4032e1dc-bae5-465a-bc3b-7c35bd0410bf.png",1768,1005,[115],{"id":103,"title":104,"slug":105},{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":59,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":63,"kind":64,"categories":124,"app":129},"5d6f8eb9-3cf5-40e8-aea0-8a66ff2f66a6","A popover menu for tag selection with a search bar and colored tag options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F119b0309-a396-48e6-a15c-bd841cd24bff.png",848,694,[125],{"id":126,"title":127,"slug":128},195,"Input multi-select","input-multi-select",{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":59,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":63,"kind":64,"categories":137,"app":142},"8ce1b940-ebb1-4f64-bddc-a627ce6a7441","A date picker modal overlaying a form field for due date selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe4e700e0-923e-43f5-9f51-60e041d664ec.png",737,837,[138],{"id":139,"title":140,"slug":141},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":59,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":63,"kind":64,"categories":150,"app":152},"a0cf9076-5b6d-4461-a0fc-abf458ce5cca","A context menu displaying various actions with icons and text labels.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F85257ac2-9ff9-4e45-9e4b-9b0c0d8848b0.png",625,511,[151],{"id":80,"title":81,"slug":82},{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":59,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":63,"kind":64,"categories":160,"app":165},"bb049b2f-f0ee-4964-bd46-b5ab2008bd04","A user interface displaying a toolbar with various tools for diagramming, text editing, and shape manipulation, featuring a popover menu for different mind map and diagram templates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6d0df83d-32aa-4492-a582-24536b6f2f29.png",1596,369,[161],{"id":162,"title":163,"slug":164},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":166},[],{"uuid":168,"title":59,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":63,"kind":64,"categories":173,"app":175},"b45f0069-bbee-4f80-bd25-7bd90427f564","A modal displaying drawing and annotation tools, including a color picker, overlaying a document.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa8c0c1fa-56d6-409d-aa1f-b6e8a182d71c.png",1102,483,[174],{"id":162,"title":163,"slug":164},{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":59,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":63,"kind":64,"categories":183,"app":185},"e4dfdb1c-ac99-42f6-ac3d-a940fb4ff61d","Toolbar with design and productivity tools","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3466ad6-ef64-4835-ba4b-4193e6206423.png",1514,192,[184],{"id":162,"title":163,"slug":164},{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":59,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":63,"kind":64,"categories":193,"app":198},"544b4bac-213c-4172-b454-b6da54d30a5a","A rich text editor toolbar is displayed above text content, with a portion of the text selected and a spelling error indicated.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbfb2eec-7b52-429b-9597-66fb3286317c.png",1260,441,[194],{"id":195,"title":196,"slug":197},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214,217],{"label":203,"to":204},"Orchestra product screens","\u002Fexamples\u002Fapps\u002Forchestra\u002Fscreens",{"label":206,"to":207},"Orchestra marketing pages","\u002Fexamples\u002Fapps\u002Forchestra\u002Fmarketing",{"label":209,"to":210},"Orchestra user flows","\u002Fexamples\u002Fapps\u002Forchestra\u002Fflows",{"label":212,"to":213},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":215,"to":216},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":218,"to":219},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":221,"updated_at":222},"2025-11-24T08:53:10.000Z","2026-09-13T13:02:39.000Z"]