[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":202,"links":203,"dates":216},"\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Copilot UI components examples - Nicelydone","Browse Copilot UI component design examples. Preview individual interface elements and explore related component categories. Personal finance app for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc7f5dd7-5c15-478b-9a02-efd0b070aa31.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},"Copilot design examples","\u002Fexamples\u002Fapps\u002Fcopilot-money",{"label":23,"to":4},"Copilot UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Copilot UI component design examples. Preview individual interface elements and explore related component categories. Personal finance app for organizing money across devices",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Copilot","copilot-money","Personal finance app for organizing money across devices","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F598cc9dd-791e-42fb-9fac-8f3f362f10ac.png","https:\u002F\u002Fwww.copilot.money",[36],{"id":37,"title":38,"slug":39},36,"Finance","finance",[41,56,70,80,95,110,125,139,151,163,175,190],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"af0d9755-437d-4579-8d71-ef1ac9910e19","Transactions to review card","Shows count of unreviewed transactions and prompts user to review them to unlock intelligence",1445,687,"Transactions to review card from Copilot","component",[50],{"id":51,"title":52,"slug":53},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":60,"width":45,"height":61,"image_alt":62,"kind":48,"categories":63,"app":68},"bb15249c-46b5-4b01-9941-7a21fa60d989","Monthly spending card","Displays current monthly budget status with remaining amount and visual progress line","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a4dd59d-4de8-4e48-9509-193219d14e8b.png",921,"Monthly spending card from Copilot",[64],{"id":65,"title":66,"slug":67},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":45,"height":61,"image_alt":75,"kind":48,"categories":76,"app":78},"10a7bb75-b043-416a-b8ba-38ab22e3e696","Net worth metric card","Displays current net worth split into assets and debts with trend indicators and time-range selector","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8ff5f59a-f9b3-4da9-b129-665b4a0d294b.png","Net worth metric card from Copilot",[77],{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":79},[],{"uuid":81,"title":82,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":87,"kind":48,"categories":88,"app":93},"a7c22593-9617-498e-8784-b42b918c0b61","Transaction types segmented control","Lets users switch between Regular, Internal and Income transaction explanations in an onboarding flow","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1a062656-40d8-4a4e-b0f9-fe1866e79667.png",1289,1220,"Transaction types segmented control from Copilot",[89],{"id":90,"title":91,"slug":92},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":102,"kind":48,"categories":103,"app":108},"ae9aeeaf-e36f-4383-b825-e2000df688fc","Transaction Categorization Diagram","Interactive radial visualization showing how transaction categories map to types like Regular, Internal Transfers, and Income during onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2071edb-58a0-4969-8704-cecc19fb1fce.png",877,953,"Transaction Categorization Diagram from Copilot",[104],{"id":105,"title":106,"slug":107},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":112,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":117,"kind":48,"categories":118,"app":123},"a49701eb-96c2-4189-9f4a-335449a038d7","Assets Debts Summary Card","Displays total assets and debts values with a dual-line trend chart and time range selector","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9aa8851d-157a-473a-a3dd-f76781da1984.png",1787,1610,"Assets Debts Summary Card from Copilot",[119],{"id":120,"title":121,"slug":122},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":127,"description":128,"canonical_path":4,"image":129,"width":45,"height":130,"image_alt":131,"kind":48,"categories":132,"app":137},"b918aaad-a8b1-4f5a-92ff-c275799b6535","Top categories card","Displays top spending categories with amounts, icons, and budget progress bars","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F437323f4-1777-45a6-94a3-acc76e4649c5.png",579,"Top categories card from Copilot",[133],{"id":134,"title":135,"slug":136},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":146,"kind":48,"categories":147,"app":149},"286a4547-4fbe-4818-a339-c75112fb065d","Net Worth Summary","Displays empty total net worth broken down by assets and debts categories with zero-value placeholders","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3b847e6-1150-4ec5-bb50-4ec16fd4d0ac.png",900,1372,"Net Worth Summary from Copilot",[148],{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":158,"kind":48,"categories":159,"app":161},"54b04f92-6920-4ee9-be4f-cd4d0311f8db","Category Spending Header","Shows selected transaction category name, current period spend amount, variance, and a compact historical bar chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb53f6d72-3406-43ed-bf08-6d1940f8a10b.png",1040,663,"Category Spending Header from Copilot",[160],{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":170,"kind":48,"categories":171,"app":173},"5ee99ed6-6af5-4ad5-9521-1fdf3e1b8b90","ETF Performance Chart","Displays price, change metrics, and interactive time-series chart for a selected ETF position","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F18a6d045-5b92-4afc-97ba-e5dda33508fd.png",971,619,"ETF Performance Chart from Copilot",[172],{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":182,"kind":48,"categories":183,"app":188},"7943821d-dcb5-48ad-ac5d-c499393a62ff","New category modal","Modal dialog for creating a spending category with name input, color selection, budget toggle and amount","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F41d867ca-fae5-47dd-ae1b-f5d52aebd312.png",862,962,"New category modal from Copilot",[184],{"id":185,"title":186,"slug":187},284,"Modal","modal",{"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":48,"categories":198,"app":200},"ddf7f273-fdc2-428d-bb3e-a2580efdeb5e","Cost Trend Chart","Displays historical spending trend line with projected values and summary key metrics for the recurring expense.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02e5e0eb-c3ec-40a9-af65-98c12de80561.png",1023,557,"Cost Trend Chart from Copilot",[199],{"id":65,"title":66,"slug":67},{"slug":31,"title":30,"logo":33,"categories":201},[],[],[204,207,210,213],{"label":205,"to":206},"Copilot product screens","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fscreens",{"label":208,"to":209},"Copilot marketing pages","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fmarketing",{"label":211,"to":212},"Copilot user flows","\u002Fexamples\u002Fapps\u002Fcopilot-money\u002Fflows",{"label":214,"to":215},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"published_at":217,"updated_at":218},"2026-06-20T15:38:52.000Z","2026-09-13T13:02:39.000Z"]