[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompound":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":373,"dates":405},"\u002Fexamples\u002Fapps\u002Fcompound","detail","apps",true,{"title":9,"description":10,"og_image":11},"Compound design examples - Nicelydone","Explore Compound UI design examples. Financial management for startup founders and employees","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd91ad103-3767-4b2f-bff2-0c5f0cd316ac.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 design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Compound",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcompound\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fcompound\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"twitter_username":36,"categories":40},"Compound","compound","Financial management for startup founders and employees","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcompound-c1e2994a.png","https:\u002F\u002Fwithcompound.com",[41],{"id":42,"title":43,"slug":44},36,"Finance","finance",[],[47,370],{"family":48,"examples":49},"screens",[50,100,146,172,196,222,241,262,287,307,333,353],{"uuid":51,"title":35,"description":52,"canonical_path":29,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":85,"app":98},"d91ad103-3767-4b2f-bff2-0c5f0cd316ac","Dashboard with a centered welcome modal prompting the user to try the demo without sharing personal information.",3024,1738,"Compound from Compound","screen",[58,67,76],{"id":59,"label":60,"slug":61,"rank":62,"group":63},41,"Dashboard","dashboard",0,{"id":64,"label":65,"slug":66},4,"Data & Analysis","data-and-analysis",{"id":68,"label":69,"slug":70,"rank":71,"group":72},77,"Welcome","welcome",1,{"id":73,"label":74,"slug":75},7,"Onboarding & Education","onboarding-and-education",{"id":77,"label":78,"slug":79,"rank":80,"group":81},114,"Confirmation","confirmation",2,{"id":82,"label":83,"slug":84},12,"States & Feedback","states-and-feedback",[86,90,94],{"id":87,"title":88,"slug":89},240,"Horizontal navigation","horizontal-navigation",{"id":91,"title":92,"slug":93},284,"Modal","modal",{"id":95,"title":96,"slug":97},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":99},[],{"uuid":101,"title":35,"description":102,"canonical_path":29,"image":103,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":104,"component_categories":126,"app":144},"afc8e0e3-4991-420a-a345-c43b7e4567e6","Dashboard showing a user's net worth, asset allocation breakdown, and a stacked area chart of historical balances, followed by detailed lists of individual accounts grouped by asset class.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fafc8e0e3-4991-420a-a345-c43b7e4567e6.png",[105,107,112,117],{"id":59,"label":60,"slug":61,"rank":62,"group":106},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":71,"group":111},47,"Table","table",{"id":64,"label":65,"slug":66},{"id":113,"label":114,"slug":115,"rank":80,"group":116},40,"Charts","charts",{"id":64,"label":65,"slug":66},{"id":118,"label":119,"slug":120,"rank":121,"group":122},94,"Account Settings","account-settings",3,{"id":123,"label":124,"slug":125},10,"Settings & Admin","settings-and-admin",[127,131,135,139,143],{"id":128,"title":129,"slug":130},174,"Card","card",{"id":132,"title":133,"slug":134},168,"Accordion","accordion",{"id":136,"title":137,"slug":138},169,"Avatar","avatar",{"id":140,"title":141,"slug":142},233,"Tabs","tabs",{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":145},[],{"uuid":147,"title":35,"description":148,"canonical_path":29,"image":149,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":150,"component_categories":166,"app":170},"d4573aee-5c87-4bad-bf5f-56f82a7c9da8","Dashboard showing a loading state for historical balances with a floating demo account upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd4573aee-5c87-4bad-bf5f-56f82a7c9da8.png",[151,156,158],{"id":152,"label":153,"slug":154,"rank":62,"group":155},120,"Loading","loading",{"id":82,"label":83,"slug":84},{"id":59,"label":60,"slug":61,"rank":71,"group":157},{"id":64,"label":65,"slug":66},{"id":159,"label":160,"slug":161,"rank":80,"group":162},92,"Upgrade Prompt","upgrade-prompt",{"id":163,"label":164,"slug":165},9,"Plans & Limits","plans-and-limits",[167,168,169],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":171},[],{"uuid":173,"title":35,"description":174,"canonical_path":29,"image":175,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":176,"component_categories":188,"app":194},"e8a96714-7ace-44bf-a976-5063cad18fed","Dashboard showing a user's current net worth, an asset allocation breakdown via a treemap, and an itemized list of accounts grouped by asset class.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8a96714-7ace-44bf-a976-5063cad18fed.png",[177,179,181,183],{"id":59,"label":60,"slug":61,"rank":62,"group":178},{"id":64,"label":65,"slug":66},{"id":113,"label":114,"slug":115,"rank":71,"group":180},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":80,"group":182},{"id":64,"label":65,"slug":66},{"id":184,"label":185,"slug":186,"rank":121,"group":187},46,"Stats","stats",{"id":64,"label":65,"slug":66},[189,190,191,192,193],{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":195},[],{"uuid":197,"title":35,"description":198,"canonical_path":29,"image":199,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":200,"component_categories":214,"app":220},"76c14f14-5b8c-48cf-97fb-d9235a84c2db","Dashboard where the user views their total net worth, asset allocation breakdown, and a detailed list of connected financial accounts with active sorting options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76c14f14-5b8c-48cf-97fb-d9235a84c2db.png",[201,203,205,212],{"id":59,"label":60,"slug":61,"rank":62,"group":202},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":71,"group":204},{"id":64,"label":65,"slug":66},{"id":206,"label":207,"slug":208,"rank":80,"group":209},13,"Filter & Sort","filter-and-sort",{"id":80,"label":210,"slug":211},"Actions","actions",{"id":184,"label":185,"slug":186,"rank":121,"group":213},{"id":64,"label":65,"slug":66},[215,216,217,218,219],{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":221},[],{"uuid":223,"title":35,"description":224,"canonical_path":29,"image":225,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":226,"component_categories":233,"app":239},"1d8e8942-bae6-4323-9780-cb956be9a963","List view showing the user's net worth broken down by asset class, featuring a treemap chart and grouped account lists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d8e8942-bae6-4323-9780-cb956be9a963.png",[227,229,231],{"id":59,"label":60,"slug":61,"rank":62,"group":228},{"id":64,"label":65,"slug":66},{"id":113,"label":114,"slug":115,"rank":71,"group":230},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":80,"group":232},{"id":64,"label":65,"slug":66},[234,235,236,237,238],{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":240},[],{"uuid":242,"title":35,"description":243,"canonical_path":29,"image":244,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":245,"component_categories":254,"app":260},"ed914aa2-6e6c-4819-ba0d-a06cfc7241b7","Dashboard showing the user's current net worth with an interactive asset allocation chart and a detailed breakdown of connected financial accounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed914aa2-6e6c-4819-ba0d-a06cfc7241b7.png",[246,248,250,252],{"id":59,"label":60,"slug":61,"rank":62,"group":247},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":71,"group":249},{"id":64,"label":65,"slug":66},{"id":113,"label":114,"slug":115,"rank":80,"group":251},{"id":64,"label":65,"slug":66},{"id":118,"label":119,"slug":120,"rank":121,"group":253},{"id":123,"label":124,"slug":125},[255,256,257,258,259],{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":261},[],{"uuid":263,"title":35,"description":264,"canonical_path":29,"image":265,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":266,"component_categories":275,"app":285},"503c11f0-c930-44ca-97de-d6a2535a7102","Dashboard where the user views their total net worth chart, asset allocation breakdown, and manages individual financial accounts like checking and 401k.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F503c11f0-c930-44ca-97de-d6a2535a7102.png",[267,269,271,273],{"id":59,"label":60,"slug":61,"rank":62,"group":268},{"id":64,"label":65,"slug":66},{"id":118,"label":119,"slug":120,"rank":71,"group":270},{"id":123,"label":124,"slug":125},{"id":113,"label":114,"slug":115,"rank":80,"group":272},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":121,"group":274},{"id":64,"label":65,"slug":66},[276,280,281,282,283,284],{"id":277,"title":278,"slug":279},214,"Popover","popover",{"id":128,"title":129,"slug":130},{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":286},[],{"uuid":288,"title":35,"description":289,"canonical_path":29,"image":290,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":291,"component_categories":300,"app":305},"a3a8e990-d03e-4cf8-b197-54508f4985d5","Dashboard where the user is prompted to confirm hiding or disconnecting their Chase bank account from their portfolio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3a8e990-d03e-4cf8-b197-54508f4985d5.png",[292,294,296],{"id":77,"label":78,"slug":79,"rank":62,"group":293},{"id":82,"label":83,"slug":84},{"id":118,"label":119,"slug":120,"rank":71,"group":295},{"id":123,"label":124,"slug":125},{"id":163,"label":297,"slug":298,"rank":80,"group":299},"Delete","delete",{"id":80,"label":210,"slug":211},[301,302,303,304],{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":306},[],{"uuid":308,"title":35,"description":309,"canonical_path":29,"image":310,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":311,"component_categories":321,"app":331},"14b46b91-1d74-4241-8e5d-1c3c2e724d8a","Dashboard with a modal overlay showing the balance and ownership details for a specific Chase checking account, alongside a demo account banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14b46b91-1d74-4241-8e5d-1c3c2e724d8a.png",[312,314,319],{"id":118,"label":119,"slug":120,"rank":62,"group":313},{"id":123,"label":124,"slug":125},{"id":315,"label":316,"slug":317,"rank":71,"group":318},11,"Edit","edit",{"id":80,"label":210,"slug":211},{"id":59,"label":60,"slug":61,"rank":80,"group":320},{"id":64,"label":65,"slug":66},[322,326,327,328,329,330],{"id":323,"title":324,"slug":325},260,"Badge","badge",{"id":91,"title":92,"slug":93},{"id":128,"title":129,"slug":130},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":332},[],{"uuid":334,"title":35,"description":335,"canonical_path":29,"image":336,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":337,"component_categories":347,"app":351},"8589cf53-20d0-468f-9b6c-d643f7980d7f","Dashboard showing net worth and connected accounts, with a large three-pane modal open displaying read-only details for a specific Chase checking account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8589cf53-20d0-468f-9b6c-d643f7980d7f.png",[338,340,342],{"id":118,"label":119,"slug":120,"rank":62,"group":339},{"id":123,"label":124,"slug":125},{"id":59,"label":60,"slug":61,"rank":71,"group":341},{"id":64,"label":65,"slug":66},{"id":343,"label":344,"slug":345,"rank":80,"group":346},118,"Help","help",{"id":82,"label":83,"slug":84},[348,349,350],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":352},[],{"uuid":354,"title":35,"description":355,"canonical_path":29,"image":356,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":357,"component_categories":364,"app":368},"aa7bf074-7615-4b49-a28f-19b5454dad68","Dashboard with an open modal inspecting the transaction history of a specific Chase checking account, alongside a contextual help panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa7bf074-7615-4b49-a28f-19b5454dad68.png",[358,360,362],{"id":59,"label":60,"slug":61,"rank":62,"group":359},{"id":64,"label":65,"slug":66},{"id":108,"label":109,"slug":110,"rank":71,"group":361},{"id":64,"label":65,"slug":66},{"id":343,"label":344,"slug":345,"rank":80,"group":363},{"id":82,"label":83,"slug":84},[365,366,367],{"id":91,"title":92,"slug":93},{"id":140,"title":141,"slug":142},{"id":95,"title":96,"slug":97},{"slug":36,"title":35,"logo":38,"categories":369},[],{"family":371,"examples":372},"pages",[],[374,376,378,381,384,387,389,393,397,401],{"label":375,"to":29},"Compound product screens",{"label":377,"to":32},"Compound marketing pages",{"label":379,"to":380},"Compound user flows","\u002Fexamples\u002Fapps\u002Fcompound\u002Fflows",{"label":382,"to":383},"Compound UI components","\u002Fexamples\u002Fapps\u002Fcompound\u002Fcomponents",{"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},"2022-02-06T12:37:38.000Z","2026-09-13T13:02:39.000Z"]