[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fexpensify\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":190,"links":191,"dates":207},"\u002Fexamples\u002Fapps\u002Fexpensify\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Expensify UI components examples - Nicelydone","Browse Expensify UI component design examples. Preview individual interface elements and explore related component categories. The expense management app…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd51c8483-c122-42e0-ae0c-f7218bc4e6f6.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},"Expensify design examples","\u002Fexamples\u002Fapps\u002Fexpensify",{"label":23,"to":4},"Expensify UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Expensify UI component design examples. Preview individual interface elements and explore related component categories. The expense management app that does it all",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Expensify","expensify","The expense management app that does it all","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexpensify-186d76c0.png","https:\u002F\u002Fwww.expensify.com\u002F",[36,40],{"id":37,"title":38,"slug":39},36,"Finance","finance",{"id":41,"title":42,"slug":43},56,"Accounting","accounting",[45,60,73,86,99,112,125,138,151,164,177],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"af1c2bad-f0b9-4014-a1b7-c6a7bd21c551","Expensify UI component","A notification message indicating the user has opted out of a feature.",719,194,"UI component from Expensify","component",[54],{"id":55,"title":56,"slug":57},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"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},"d0af396d-2082-4a40-be6e-d1ea7202d770","A two factor authentication modal with a progress bar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc11df3c5-26fc-4780-be1f-d071df71dcd3.png",1381,431,[67],{"id":68,"title":69,"slug":70},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"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},"c866561d-157a-43d4-ac92-6e12e4bb52f5","A dashboard displaying expense categories with a pie chart and a table.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0bee6156-210a-4e55-8497-d4b946e2f805.png",2754,1811,[80],{"id":81,"title":82,"slug":83},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"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":97},"a3fbfda7-2e43-4442-9b7f-f01e8d0765b9","Expense filtering interface","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc9a32abe-0223-4e8d-9466-4a8a757716dc.png",2739,681,[93],{"id":94,"title":95,"slug":96},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"b857ea78-238c-4ee7-b5b4-b99b4daf7e56","A date picker modal is displayed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1d2cd9af-6632-4595-9069-1be5dd6b9b1a.png",652,510,[106],{"id":107,"title":108,"slug":109},199,"Input date","input-date",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":123},"46227e67-38f2-430c-92c4-b8c7df3687f1","A modal for creating a new expense with different types.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d206717-8e6b-4dc8-be95-1909363a9dbf.png",1908,275,[119],{"id":120,"title":121,"slug":122},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":47,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":51,"kind":52,"categories":131,"app":136},"a5d6467e-0964-40c0-bbc8-234a3c9fb23c","A dropdown menu for creating new expenses and distance entries.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d081627-6af6-447a-9cd2-660501783289.png",565,835,[132],{"id":133,"title":134,"slug":135},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":47,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":51,"kind":52,"categories":144,"app":149},"e107c8c0-f296-446c-83c4-46c5c21f5252","A screen displaying expenses with a filter option and view toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F66d4ffbd-8a93-4182-a145-61d117ce062b.png",3024,281,[145],{"id":146,"title":147,"slug":148},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":47,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":51,"kind":52,"categories":157,"app":162},"9eabe631-0f39-4a8e-b1ab-a15788ffd6d9","A side navigation menu for an expense management application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F94d2344f-24c5-492a-896d-fd080c4f77ee.png",458,1766,[158],{"id":159,"title":160,"slug":161},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":47,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":51,"kind":52,"categories":170,"app":175},"e86d4ec0-133e-4d9b-9b82-f07f0d8b5963","A series of expandable cards with conversational prompts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F360a1ca7-6f53-4d3a-af04-7614f7a2d753.png",2188,2342,[171],{"id":172,"title":173,"slug":174},286,"Vertical list","vertical-list",{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":47,"description":179,"canonical_path":4,"image":180,"width":181,"height":182,"image_alt":51,"kind":52,"categories":183,"app":188},"dace9984-984a-48ab-9bdf-7b67533765ba","A modal menu with product options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86758367-b69c-458e-9c88-066e51818e0b.png",1461,1218,[184],{"id":185,"title":186,"slug":187},290,"Flyout menu","flyout-menu",{"slug":31,"title":30,"logo":33,"categories":189},[],[],[192,195,198,201,204],{"label":193,"to":194},"Expensify product screens","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fscreens",{"label":196,"to":197},"Expensify marketing pages","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fmarketing",{"label":199,"to":200},"Expensify user flows","\u002Fexamples\u002Fapps\u002Fexpensify\u002Fflows",{"label":202,"to":203},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":205,"to":206},"Accounting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Faccounting",{"published_at":208,"updated_at":209},"2024-09-28T19:36:52.000Z","2026-09-13T13:02:39.000Z"]