[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmidday\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":188,"links":189,"dates":205},"\u002Fexamples\u002Fapps\u002Fmidday\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Midday UI components examples - Nicelydone","Browse Midday UI component design examples. Preview individual interface elements and explore related component categories. Run your business","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4757b190-96dc-4c22-9c0c-20165fcaba68.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},"Midday design examples","\u002Fexamples\u002Fapps\u002Fmidday",{"label":23,"to":4},"Midday 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":34,"categories":35},"Midday","midday","Run your business","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmidday-j5yflnvf.png","https:\u002F\u002Fmidday.ai","middayai",[36,40],{"id":37,"title":38,"slug":39},36,"Finance","finance",{"id":41,"title":42,"slug":43},56,"Accounting","accounting",[45,60,73,86,96,109,117,130,140,153,163,175],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"639a6d2c-14f8-490c-a542-03bfb5e2be44","Midday UI component","A user profile dropdown menu.",649,726,"UI component from Midday","component",[54],{"id":55,"title":56,"slug":57},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"8b5ada1b-db65-4f41-a26a-1d8fe9cc1380","This is a screenshot of a user profile dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6a56b476-0ef2-4a2b-bd62-d46de3ddbed5.png",673,738,[67],{"id":68,"title":69,"slug":70},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"33066280-6ccb-4412-9f35-79e938bb6775","The modal shows an alert message","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc0b49877-b176-4eab-9dba-f6431a791231.png",1032,470,[80],{"id":81,"title":82,"slug":83},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":94},"34649b2d-89c8-4b21-82f9-afe735195d60","This is a screenshot of a modal window.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F47182449-7525-4c37-9a32-f7399cdc74fb.png",937,432,[93],{"id":81,"title":82,"slug":83},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":47,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":51,"kind":52,"categories":102,"app":107},"ab13df1f-9899-415a-a7bd-bd806744d3f8","A calendar view showing a time slot.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F631f977b-f6c8-419b-8ed4-c529bb68f485.png",1004,1146,[103],{"id":104,"title":105,"slug":106},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":47,"description":111,"canonical_path":4,"image":112,"width":100,"height":101,"image_alt":51,"kind":52,"categories":113,"app":115},"aef972da-c37f-4feb-ad8a-b5300010c47d","A time selection interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc4c3d061-f3b5-436e-907d-ea88aa4f7384.png",[114],{"id":104,"title":105,"slug":106},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":47,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":51,"kind":52,"categories":123,"app":128},"c4166e9f-5dc9-41c9-8554-002e362aa026","The screenshot showcases a search bar with filter options and date range selection.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe77f4cbf-f353-4624-bd23-33d9a6dbaca0.png",1309,328,[124],{"id":125,"title":126,"slug":127},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":47,"description":132,"canonical_path":4,"image":133,"width":134,"height":135,"image_alt":51,"kind":52,"categories":136,"app":138},"b8b5fff3-452a-4385-84ab-5e98a7fac307","The screenshot displays a user interface for filtering and categorizing financial transactions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8e57c30-a5df-4e03-b5c4-c2991a33ddf2.png",1530,987,[137],{"id":125,"title":126,"slug":127},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":47,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":51,"kind":52,"categories":146,"app":151},"9c10e06f-8490-421d-b18e-09cafde27208","A range slider with input fields for minimum and maximum values.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8b21fefc-3fb7-43f3-92c8-76db7a968783.png",620,400,[147],{"id":148,"title":149,"slug":150},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":47,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":51,"kind":52,"categories":159,"app":161},"fd0a2c43-dd79-47c4-abf3-e9c7ef37db71","The screenshot displays a user interface for filtering and selecting dates, amounts, and other categories within a table.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F20066c07-b891-4615-a7d7-1fd99d7c0717.png",1350,774,[160],{"id":125,"title":126,"slug":127},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":47,"description":165,"canonical_path":4,"image":166,"width":100,"height":167,"image_alt":51,"kind":52,"categories":168,"app":173},"189140f3-ae87-48b3-bd7b-cd8f9ebd4753","The screenshot shows an attachment interface with a search bar and a drag-and-drop area for file uploads.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F875d05ca-2be6-4fa4-af62-98307f05639c.png",548,[169],{"id":170,"title":171,"slug":172},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":47,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":51,"kind":52,"categories":181,"app":186},"a7deb5c0-423f-4696-b6b6-4749e099dac0","A modal window showing a toggle to exclude transactions from analytics.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e85707d-64e7-4f6d-a9ee-492fdf8fdfb5.png",1003,275,[182],{"id":183,"title":184,"slug":185},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":187},[],[],[190,193,196,199,202],{"label":191,"to":192},"Midday product screens","\u002Fexamples\u002Fapps\u002Fmidday\u002Fscreens",{"label":194,"to":195},"Midday marketing pages","\u002Fexamples\u002Fapps\u002Fmidday\u002Fmarketing",{"label":197,"to":198},"Midday user flows","\u002Fexamples\u002Fapps\u002Fmidday\u002Fflows",{"label":200,"to":201},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":203,"to":204},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"published_at":206,"updated_at":207},"2025-05-04T17:20:14.000Z","2026-09-13T13:02:39.000Z"]