[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fharvest\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":219,"links":220,"dates":236},"\u002Fexamples\u002Fapps\u002Fharvest\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Harvest UI components examples - Nicelydone","Browse Harvest UI component design examples. Preview individual interface elements and explore related component categories. Time tracking software with…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F659c7159-f8bc-4285-a6e5-8816a9c7f6ce.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},"Harvest design examples","\u002Fexamples\u002Fapps\u002Fharvest",{"label":23,"to":4},"Harvest UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Harvest UI component design examples. Preview individual interface elements and explore related component categories. Time tracking software with invoicing",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Harvest","harvest","Time tracking software with invoicing","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fharvest-4a1bfc79.png","https:\u002F\u002Fwww.getharvest.com",[36,40],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},56,"Accounting","accounting",[45,60,75,90,105,120,135,149,164,179,190,205],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"634e51d1-7a9f-42c7-bc09-6dff5cb4fc91","Informational Alert","An inline informational alert box with a blue background, an exclamation icon, and a message containing a text link.",1344,376,"Informational Alert from Harvest","component",[54],{"id":55,"title":56,"slug":57},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"5722a306-d53c-4ce9-9a80-a673c2a205d6","Color scheme picker","A horizontal row of circular color swatches used to select a color scheme. The currently selected color is indicated by a white dot in the center of the swatch.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa93a77be-95b0-4508-ad41-2abb7eb601ae.png",1291,314,"Color scheme picker from Harvest",[69],{"id":70,"title":71,"slug":72},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"b8315df5-38a8-4776-81c9-d704a5cd6fb1","Uninvoiced report table","A data table displaying uninvoiced hours and expenses grouped by client and project. It includes columns for total hours, uninvoiced hours, uninvoiced expenses, and uninvoiced amount, with action buttons to generate invoices for specific clients.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8f271583-a5c9-4f44-b821-7322e7e5227d.png",2624,1001,"Uninvoiced report table from Harvest",[84],{"id":85,"title":86,"slug":87},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":103},"517e477c-7113-44a2-a6f4-f302bbec6cc8","Underline tabs","A horizontal row of text tabs with an underline indicator for the active state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8bc265a3-6e73-4393-a677-bd50122b5cb2.png",702,180,"Underline tabs from Harvest",[99],{"id":100,"title":101,"slug":102},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":52,"categories":113,"app":118},"3bcd9f71-71a4-4fdd-9d01-bb2e93e206f7","Reminder Schedule Form","A form section allowing users to select a time and specific days of the week for receiving reminders. It features a dropdown for time selection and a toggle group of buttons for each day of the week.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd06f1e7-8cd0-44e2-9e06-0c2ca9995685.png",1492,372,"Reminder Schedule Form from Harvest",[114],{"id":115,"title":116,"slug":117},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":127,"kind":52,"categories":128,"app":133},"c5a21c9d-785f-42c6-ab1e-5872115f9849","Settings navigation menu","A vertical navigation menu for a settings page. The active item is highlighted with a light orange background and a thick orange left border.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb976a5c9-8e9d-4aab-bff4-d4fdc746bf9d.png",672,627,"Settings navigation menu from Harvest",[129],{"id":130,"title":131,"slug":132},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":52,"categories":143,"app":147},"a16e4bbe-1018-4468-808e-feb62695b537","File upload input","A standard file upload input field with a label and helper text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F16dcf463-38a6-49a2-b721-72d332bde2b4.png",1558,365,"File upload input from Harvest",[144],{"id":145,"title":137,"slug":146},188,"file-upload-input",{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":156,"kind":52,"categories":157,"app":162},"cab49ad1-fb76-4663-9048-98df835591a5","Roles input field","A form field for assigning roles, displaying a selected role as a tag with a remove icon. Includes a label and helper text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F09de6db2-d601-45b4-a894-9e686800a20d.png",2014,402,"Roles input field from Harvest",[158],{"id":159,"title":160,"slug":161},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":52,"categories":172,"app":177},"541c7a94-1bac-4fa7-8adc-ad387fa3617e","Capacity progress bar","A progress bar showing total hours worked against capacity, with a breakdown of billable and non-billable hours.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb404557e-facb-466a-bf66-07e41c23f5fc.png",807,395,"Capacity progress bar from Harvest",[173],{"id":174,"title":175,"slug":176},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":169,"height":184,"image_alt":185,"kind":52,"categories":186,"app":188},"b64c837a-f9c1-43e5-b458-9adf9a099c9c","Project Breakdown Chart","A stacked horizontal bar chart showing a breakdown of projects with a legend below.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5bb9156-ab77-41ad-ad25-d61c70ecfc92.png",337,"Project Breakdown Chart from Harvest",[187],{"id":174,"title":175,"slug":176},{"slug":31,"title":30,"logo":33,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":197,"kind":52,"categories":198,"app":203},"20f946d4-0a50-40e5-a82d-dd65eeac4a65","Permissions Radio Group","A form section for selecting user permissions. It features a radio group with three main roles: Member, Manager, and Administrator. The Manager option includes a nested list of disabled checkboxes for further configuration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe07f62cb-4708-49f2-bf42-6b086e37a39e.png",1716,1188,"Permissions Radio Group from Harvest",[199],{"id":200,"title":201,"slug":202},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":210,"height":174,"image_alt":211,"kind":52,"categories":212,"app":217},"bb65f7ee-7f3b-4698-8a22-ce0b366c700c","User Profile Row","A horizontal row displaying a user's initials avatar, full name, and a role badge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36477d0a-96c6-4c54-9d91-f1745726c06c.png",599,"User Profile Row from Harvest",[213],{"id":214,"title":215,"slug":216},169,"Avatar","avatar",{"slug":31,"title":30,"logo":33,"categories":218},[],[],[221,224,227,230,233],{"label":222,"to":223},"Harvest product screens","\u002Fexamples\u002Fapps\u002Fharvest\u002Fscreens",{"label":225,"to":226},"Harvest marketing pages","\u002Fexamples\u002Fapps\u002Fharvest\u002Fmarketing",{"label":228,"to":229},"Harvest user flows","\u002Fexamples\u002Fapps\u002Fharvest\u002Fflows",{"label":231,"to":232},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":234,"to":235},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"published_at":237,"updated_at":238},"2023-04-12T08:30:52.000Z","2026-09-13T13:02:39.000Z"]