[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":41,"showcases":202,"links":203,"dates":216},"\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Compound Planning UI components examples - Nicelydone","Browse Compound Planning UI component design examples. Preview individual interface elements and explore related component categories. Modern wealth and…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd3ca78b-4594-4f78-bde1-22b6eeb17a5e.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},"Compound Planning design examples","\u002Fexamples\u002Fapps\u002Fcompound-planning",{"label":23,"to":4},"Compound Planning UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Compound Planning UI component design examples. Preview individual interface elements and explore related component categories. Modern wealth and investment management",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Compound Planning","compound-planning","Modern wealth and investment management","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcompound-m0jdGUb.png","https:\u002F\u002Fcompoundplanning.com","https:\u002F\u002Ftwitter.com\u002Fcompound?lang=en",[37],{"id":38,"title":39,"slug":40},36,"Finance","finance",[42,57,72,85,98,111,124,137,150,163,176,189],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"categories":50,"app":55},"f8359d11-fc3f-4a95-bc13-809eb47f2ba6","Global Header with Sub-navigation","A top navigation bar featuring a logo, primary navigation links with a pill-shaped active state, a user profile dropdown, and a secondary tabbed navigation row below it.",3280,436,"Global Header with Sub-navigation from Compound Planning","component",[51],{"id":52,"title":53,"slug":54},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":56},[],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":61,"width":62,"height":63,"image_alt":64,"kind":49,"categories":65,"app":70},"b6deb2ed-99ef-4252-96c4-9dc0948e4092","Compound Planning UI component","A modal to add an account member.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc7ba9402-edb6-4069-af28-78799d401c4f.png",1701,1302,"UI component from Compound Planning",[66],{"id":67,"title":68,"slug":69},243,"Form element","form-element",{"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":64,"kind":49,"categories":78,"app":83},"87d3f1f5-b8d9-4f94-9272-9e86cf05cff1","A navigation bar with four options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F087e094f-0364-4dbc-bebe-99ff15f3145d.png",1257,320,[79],{"id":80,"title":81,"slug":82},233,"Tabs","tabs",{"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":64,"kind":49,"categories":91,"app":96},"520e24ec-bbae-4c13-9024-c9432b9f0767","A modal to add tags to files","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdfc57a2d-0e47-44dc-9a08-b10d2efe8d47.png",1248,551,[92],{"id":93,"title":94,"slug":95},245,"Tag","tag",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":59,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":64,"kind":49,"categories":104,"app":109},"f19a2a99-f5c5-49e5-a28b-717649573f89","A table of recent documents with filters.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc7a32c9f-b73a-4dba-85d6-4affdf8127e4.png",2576,944,[105],{"id":106,"title":107,"slug":108},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":59,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":64,"kind":49,"categories":117,"app":122},"566d8d3e-7fab-4cd2-aa98-91144ede6c51","A notification message indicating a successful update.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2dfe8e3b-de0a-4e26-bb33-3dfcf16e6851.png",906,285,[118],{"id":119,"title":120,"slug":121},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":59,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":64,"kind":49,"categories":130,"app":135},"b6b226c4-59b7-49a9-9bcd-6312c4c2ed62","A dropdown with an alert","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fee03d91a-7b33-4652-851e-2d769b2ea0db.png",868,290,[131],{"id":132,"title":133,"slug":134},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":59,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":64,"kind":49,"categories":143,"app":148},"2b43dcab-3aa4-406f-ad90-c895bf6e4081","A financial dashboard displaying assets, crypto, and company equity.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac2058a8-2a43-43cb-b2e9-0fa79a981538.png",1577,1330,[144],{"id":145,"title":146,"slug":147},286,"Vertical list","vertical-list",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":59,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":64,"kind":49,"categories":156,"app":161},"11104939-72e1-425e-a2ff-f7a888343ce7","A table showing expected annual income over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ac6fa5a-2b0b-43f3-999a-37822aa4e260.png",1602,521,[157],{"id":158,"title":159,"slug":160},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":59,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":64,"kind":49,"categories":169,"app":174},"660cf07b-a6b1-4106-a45e-e052e083e892","A card with a title and tags","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbdf7c350-cb5a-4e76-8d43-5e0377aa7523.png",997,272,[170],{"id":171,"title":172,"slug":173},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":59,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":64,"kind":49,"categories":182,"app":187},"3269410a-0d95-465a-84df-9af1d1140bbf","A financial cash flow chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff932b490-1d6c-4bae-a066-7c536f12dbd5.png",3083,1220,[183],{"id":184,"title":185,"slug":186},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":59,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":64,"kind":49,"categories":195,"app":200},"4affd24e-4088-4b6e-a958-dadde1c4c24f","A breadcrumb navigation showing the path 'Lifestyle' to 'Additional Expenses'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1220410f-bb95-4a2f-a539-c22938be2d7e.png",628,176,[196],{"id":197,"title":198,"slug":199},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":201},[],[],[204,207,210,213],{"label":205,"to":206},"Compound Planning product screens","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fscreens",{"label":208,"to":209},"Compound Planning marketing pages","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fmarketing",{"label":211,"to":212},"Compound Planning user flows","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fflows",{"label":214,"to":215},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"published_at":217,"updated_at":218},"2023-11-05T10:49:39.000Z","2026-09-18T00:10:26.000Z"]