[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompound-planning":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":375,"dates":405},"\u002Fexamples\u002Fapps\u002Fcompound-planning","detail","apps",true,{"title":9,"description":10,"og_image":11},"Compound Planning design examples - Nicelydone","Explore Compound Planning UI design examples. Modern wealth and investment management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F74fb8ca5-f44e-4507-a90b-12b0237c308e.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Compound Planning design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Compound Planning",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fcompound-planning\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48],{"id":49,"title":50,"slug":51},36,"Finance","finance",[],[54,366,369,372],{"family":55,"examples":56},"screens",[57,107,128,153,170,187,225,245,259,301,322,347],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":88,"app":105},"74fb8ca5-f44e-4507-a90b-12b0237c308e","Compound Planning | Modern Wealth  Investment Management","Landing page where the user fills out a lead capture form with their name, email, and phone number to get started.",3024,1718,"Compound Planning | Modern Wealth  Investment Management from Compound Planning","screen",[66,74,79],{"id":67,"label":68,"slug":69,"rank":70,"group":71},1,"Account Setup","account-setup",0,{"id":67,"label":72,"slug":73},"Access & Account","access-and-account",{"id":75,"label":76,"slug":77,"rank":67,"group":78},5,"Sign Up","sign-up",{"id":67,"label":72,"slug":73},{"id":80,"label":81,"slug":82,"rank":83,"group":84},77,"Welcome","welcome",2,{"id":85,"label":86,"slug":87},7,"Onboarding & Education","onboarding-and-education",[89,93,97,101],{"id":90,"title":91,"slug":92},233,"Tabs","tabs",{"id":94,"title":95,"slug":96},284,"Modal","modal",{"id":98,"title":99,"slug":100},258,"Header","header",{"id":102,"title":103,"slug":104},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":106},[],{"uuid":108,"title":59,"description":109,"canonical_path":29,"image":110,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":111,"component_categories":122,"app":126},"99666ec5-c214-41ad-9cf9-31f5b3327c52","Landing page where a dark-themed modal prompts the user to select their total net worth and investable assets from predefined ranges before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99666ec5-c214-41ad-9cf9-31f5b3327c52.png",[112,114],{"id":67,"label":68,"slug":69,"rank":70,"group":113},{"id":67,"label":72,"slug":73},{"id":115,"label":116,"slug":117,"rank":67,"group":118},42,"Form","form",{"id":119,"label":120,"slug":121},4,"Data & Analysis","data-and-analysis",[123,124,125],{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":127},[],{"uuid":129,"title":59,"description":130,"canonical_path":29,"image":131,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":132,"component_categories":147,"app":151},"edcc6c39-d110-4bb2-bb22-a8f7c765e4ac","Landing page with an open modal asking the user what they want to explore, such as a financial advisor or net worth tracker, and how they heard about the company.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fedcc6c39-d110-4bb2-bb22-a8f7c765e4ac.png",[133,138,140],{"id":134,"label":135,"slug":136,"rank":70,"group":137},74,"Onboarding Checklist","onboarding-checklist",{"id":85,"label":86,"slug":87},{"id":115,"label":116,"slug":117,"rank":67,"group":139},{"id":119,"label":120,"slug":121},{"id":141,"label":142,"slug":143,"rank":83,"group":144},23,"Select","select",{"id":83,"label":145,"slug":146},"Actions","actions",[148,149,150],{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":59,"description":155,"canonical_path":29,"image":156,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":157,"component_categories":164,"app":168},"2fe69348-e63a-4ba2-b501-351f82e34ab5","Landing page with an open modal where the user answers questions about what they want to explore and how they heard about the company to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fe69348-e63a-4ba2-b501-351f82e34ab5.png",[158,160,162],{"id":115,"label":116,"slug":117,"rank":70,"group":159},{"id":119,"label":120,"slug":121},{"id":80,"label":81,"slug":82,"rank":67,"group":161},{"id":85,"label":86,"slug":87},{"id":67,"label":68,"slug":69,"rank":83,"group":163},{"id":67,"label":72,"slug":73},[165,166,167],{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":59,"description":172,"canonical_path":29,"image":173,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":174,"component_categories":181,"app":185},"d38f679b-04b9-44da-bf9f-e1c2f84f7336","Landing page where a dark welcome modal overlays a hero section targeting founders, business owners, and families.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd38f679b-04b9-44da-bf9f-e1c2f84f7336.png",[175,177],{"id":80,"label":81,"slug":82,"rank":70,"group":176},{"id":85,"label":86,"slug":87},{"id":119,"label":178,"slug":179,"rank":67,"group":180},"Sign In","sign-in",{"id":67,"label":72,"slug":73},[182,183,184],{"id":94,"title":95,"slug":96},{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":186},[],{"uuid":188,"title":59,"description":189,"canonical_path":29,"image":190,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":191,"component_categories":207,"app":223},"52a37a85-f988-4012-932e-481943b86f21","Landing page where a modal confirms a scheduled meeting with an advisor and prompts the user to open an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F52a37a85-f988-4012-932e-481943b86f21.png",[192,200,202],{"id":193,"label":194,"slug":195,"rank":70,"group":196},114,"Confirmation","confirmation",{"id":197,"label":198,"slug":199},12,"States & Feedback","states-and-feedback",{"id":67,"label":68,"slug":69,"rank":67,"group":201},{"id":67,"label":72,"slug":73},{"id":203,"label":204,"slug":205,"rank":83,"group":206},122,"Success","success",{"id":197,"label":198,"slug":199},[208,212,216,217,221,222],{"id":209,"title":210,"slug":211},167,"Alert","alert",{"id":213,"title":214,"slug":215},169,"Avatar","avatar",{"id":94,"title":95,"slug":96},{"id":218,"title":219,"slug":220},174,"Card","card",{"id":98,"title":99,"slug":100},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":224},[],{"uuid":226,"title":227,"description":228,"canonical_path":29,"image":229,"width":61,"height":62,"image_alt":230,"kind":64,"patterns":231,"component_categories":242,"app":243},"71d42806-1d10-4454-9758-7c146225a7b6","Compound","Signup page in a gated state displaying only a lock icon and the company logo, indicating restricted or invite-only access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71d42806-1d10-4454-9758-7c146225a7b6.png","Compound from Compound Planning",[232,240],{"id":233,"label":234,"slug":235,"rank":70,"group":236},88,"Feature Gate","feature-gate",{"id":237,"label":238,"slug":239},9,"Plans & Limits","plans-and-limits",{"id":75,"label":76,"slug":77,"rank":67,"group":241},{"id":67,"label":72,"slug":73},[],{"slug":42,"title":41,"logo":44,"categories":244},[],{"uuid":246,"title":227,"description":247,"canonical_path":29,"image":248,"width":61,"height":62,"image_alt":230,"kind":64,"patterns":249,"component_categories":254,"app":257},"d59507f9-f123-4ae3-a734-37c03350cc66","Signup screen where the user can create an account using their Google or Apple credentials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd59507f9-f123-4ae3-a734-37c03350cc66.png",[250,252],{"id":75,"label":76,"slug":77,"rank":70,"group":251},{"id":67,"label":72,"slug":73},{"id":67,"label":68,"slug":69,"rank":67,"group":253},{"id":67,"label":72,"slug":73},[255,256],{"id":218,"title":219,"slug":220},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":258},[],{"uuid":260,"title":227,"description":261,"canonical_path":29,"image":262,"width":61,"height":263,"image_alt":230,"kind":64,"patterns":264,"component_categories":291,"app":299},"2b37db82-fed2-4995-842f-c8a6906359fa","Dashboard where the user monitors their overall net worth over time and analyzes their portfolio allocation across asset classes like company equity, real estate, and public assets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b37db82-fed2-4995-842f-c8a6906359fa.png",2944,[265,270,275,280,286],{"id":266,"label":267,"slug":268,"rank":70,"group":269},41,"Dashboard","dashboard",{"id":119,"label":120,"slug":121},{"id":271,"label":272,"slug":273,"rank":67,"group":274},46,"Stats","stats",{"id":119,"label":120,"slug":121},{"id":276,"label":277,"slug":278,"rank":83,"group":279},40,"Charts","charts",{"id":119,"label":120,"slug":121},{"id":281,"label":282,"slug":283,"rank":284,"group":285},47,"Table","table",3,{"id":119,"label":120,"slug":121},{"id":287,"label":288,"slug":289,"rank":119,"group":290},13,"Filter & Sort","filter-and-sort",{"id":83,"label":145,"slug":146},[292,296,297,298],{"id":293,"title":294,"slug":295},240,"Horizontal navigation","horizontal-navigation",{"id":213,"title":214,"slug":215},{"id":90,"title":91,"slug":92},{"id":218,"title":219,"slug":220},{"slug":42,"title":41,"logo":44,"categories":300},[],{"uuid":302,"title":227,"description":303,"canonical_path":29,"image":304,"width":61,"height":62,"image_alt":230,"kind":64,"patterns":305,"component_categories":314,"app":320},"b94fd31e-e85f-4ad1-97e8-6e6ceb01d7d0","Dashboard showing the user's net worth trend over time and a detailed breakdown of their assets and liabilities by class.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb94fd31e-e85f-4ad1-97e8-6e6ceb01d7d0.png",[306,308,310,312],{"id":266,"label":267,"slug":268,"rank":70,"group":307},{"id":119,"label":120,"slug":121},{"id":281,"label":282,"slug":283,"rank":67,"group":309},{"id":119,"label":120,"slug":121},{"id":276,"label":277,"slug":278,"rank":83,"group":311},{"id":119,"label":120,"slug":121},{"id":287,"label":288,"slug":289,"rank":284,"group":313},{"id":83,"label":145,"slug":146},[315,316,317,318,319],{"id":293,"title":294,"slug":295},{"id":90,"title":91,"slug":92},{"id":213,"title":214,"slug":215},{"id":218,"title":219,"slug":220},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":321},[],{"uuid":323,"title":227,"description":324,"canonical_path":29,"image":325,"width":61,"height":62,"image_alt":230,"kind":64,"patterns":326,"component_categories":339,"app":345},"4a8981a5-57f6-4c7b-83eb-5bf6d317d1d4","Dashboard showing a user's net worth over time with a stacked area chart and an asset breakdown using a donut chart and data table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4a8981a5-57f6-4c7b-83eb-5bf6d317d1d4.png",[327,329,331,333],{"id":266,"label":267,"slug":268,"rank":70,"group":328},{"id":119,"label":120,"slug":121},{"id":276,"label":277,"slug":278,"rank":67,"group":330},{"id":119,"label":120,"slug":121},{"id":281,"label":282,"slug":283,"rank":83,"group":332},{"id":119,"label":120,"slug":121},{"id":334,"label":91,"slug":92,"rank":284,"group":335},69,{"id":336,"label":337,"slug":338},6,"Navigation & Commands","navigation-and-commands",[340,341,342,343,344],{"id":293,"title":294,"slug":295},{"id":90,"title":91,"slug":92},{"id":213,"title":214,"slug":215},{"id":218,"title":219,"slug":220},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":346},[],{"uuid":348,"title":227,"description":349,"canonical_path":29,"image":350,"width":61,"height":62,"image_alt":230,"kind":64,"patterns":351,"component_categories":358,"app":364},"cbc8d381-a27e-42ec-925b-2d29fdb1069d","Dashboard showing a user's net worth breakdown with a treemap, asset donut chart, and a sidebar list of connected financial accounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbc8d381-a27e-42ec-925b-2d29fdb1069d.png",[352,354,356],{"id":266,"label":267,"slug":268,"rank":70,"group":353},{"id":119,"label":120,"slug":121},{"id":281,"label":282,"slug":283,"rank":67,"group":355},{"id":119,"label":120,"slug":121},{"id":276,"label":277,"slug":278,"rank":83,"group":357},{"id":119,"label":120,"slug":121},[359,360,361,362,363],{"id":293,"title":294,"slug":295},{"id":90,"title":91,"slug":92},{"id":213,"title":214,"slug":215},{"id":218,"title":219,"slug":220},{"id":102,"title":103,"slug":104},{"slug":42,"title":41,"logo":44,"categories":365},[],{"family":367,"examples":368},"flows",[],{"family":370,"examples":371},"components",[],{"family":373,"examples":374},"pages",[],[376,378,380,382,384,387,389,393,397,401],{"label":377,"to":29},"Compound Planning product screens",{"label":379,"to":38},"Compound Planning marketing pages",{"label":381,"to":32},"Compound Planning user flows",{"label":383,"to":35},"Compound Planning UI components",{"label":385,"to":386},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":388,"to":18},"All SaaS app examples",{"label":390,"to":391,"description":392},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":394,"to":395,"description":396},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":398,"to":399,"description":400},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":402,"to":403,"description":404},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":406,"updated_at":407},"2023-11-05T10:29:01.000Z","2026-09-18T00:10:26.000Z"]