[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcompound\u002Fscreens":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":361,"links":362,"dates":417},"\u002Fexamples\u002Fapps\u002Fcompound\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Compound product screens examples - Nicelydone","Browse Compound screen design examples. Preview the interface screenshots and explore related UI patterns. Financial management for startup founders and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd91ad103-3767-4b2f-bff2-0c5f0cd316ac.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 design examples","\u002Fexamples\u002Fapps\u002Fcompound",{"label":23,"to":4},"Compound product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Compound screen design examples. Preview the interface screenshots and explore related UI patterns. Financial management for startup founders and employees",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Compound","compound","Financial management for startup founders and employees","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcompound-c1e2994a.png","https:\u002F\u002Fwithcompound.com",[36],{"id":37,"title":38,"slug":39},36,"Finance","finance",[41,91,137,163,187,213,232,253,278,298,324,344],{"uuid":42,"title":30,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":76,"app":89},"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",[49,58,67],{"id":50,"label":51,"slug":52,"rank":53,"group":54},41,"Dashboard","dashboard",0,{"id":55,"label":56,"slug":57},4,"Data & Analysis","data-and-analysis",{"id":59,"label":60,"slug":61,"rank":62,"group":63},77,"Welcome","welcome",1,{"id":64,"label":65,"slug":66},7,"Onboarding & Education","onboarding-and-education",{"id":68,"label":69,"slug":70,"rank":71,"group":72},114,"Confirmation","confirmation",2,{"id":73,"label":74,"slug":75},12,"States & Feedback","states-and-feedback",[77,81,85],{"id":78,"title":79,"slug":80},240,"Horizontal navigation","horizontal-navigation",{"id":82,"title":83,"slug":84},284,"Modal","modal",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":30,"description":93,"canonical_path":4,"image":94,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":95,"component_categories":117,"app":135},"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",[96,98,103,108],{"id":50,"label":51,"slug":52,"rank":53,"group":97},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":62,"group":102},47,"Table","table",{"id":55,"label":56,"slug":57},{"id":104,"label":105,"slug":106,"rank":71,"group":107},40,"Charts","charts",{"id":55,"label":56,"slug":57},{"id":109,"label":110,"slug":111,"rank":112,"group":113},94,"Account Settings","account-settings",3,{"id":114,"label":115,"slug":116},10,"Settings & Admin","settings-and-admin",[118,122,126,130,134],{"id":119,"title":120,"slug":121},174,"Card","card",{"id":123,"title":124,"slug":125},168,"Accordion","accordion",{"id":127,"title":128,"slug":129},169,"Avatar","avatar",{"id":131,"title":132,"slug":133},233,"Tabs","tabs",{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":30,"description":139,"canonical_path":4,"image":140,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":141,"component_categories":157,"app":161},"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",[142,147,149],{"id":143,"label":144,"slug":145,"rank":53,"group":146},120,"Loading","loading",{"id":73,"label":74,"slug":75},{"id":50,"label":51,"slug":52,"rank":62,"group":148},{"id":55,"label":56,"slug":57},{"id":150,"label":151,"slug":152,"rank":71,"group":153},92,"Upgrade Prompt","upgrade-prompt",{"id":154,"label":155,"slug":156},9,"Plans & Limits","plans-and-limits",[158,159,160],{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":30,"description":165,"canonical_path":4,"image":166,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":167,"component_categories":179,"app":185},"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",[168,170,172,174],{"id":50,"label":51,"slug":52,"rank":53,"group":169},{"id":55,"label":56,"slug":57},{"id":104,"label":105,"slug":106,"rank":62,"group":171},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":71,"group":173},{"id":55,"label":56,"slug":57},{"id":175,"label":176,"slug":177,"rank":112,"group":178},46,"Stats","stats",{"id":55,"label":56,"slug":57},[180,181,182,183,184],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":186},[],{"uuid":188,"title":30,"description":189,"canonical_path":4,"image":190,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":191,"component_categories":205,"app":211},"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",[192,194,196,203],{"id":50,"label":51,"slug":52,"rank":53,"group":193},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":62,"group":195},{"id":55,"label":56,"slug":57},{"id":197,"label":198,"slug":199,"rank":71,"group":200},13,"Filter & Sort","filter-and-sort",{"id":71,"label":201,"slug":202},"Actions","actions",{"id":175,"label":176,"slug":177,"rank":112,"group":204},{"id":55,"label":56,"slug":57},[206,207,208,209,210],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":212},[],{"uuid":214,"title":30,"description":215,"canonical_path":4,"image":216,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":217,"component_categories":224,"app":230},"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",[218,220,222],{"id":50,"label":51,"slug":52,"rank":53,"group":219},{"id":55,"label":56,"slug":57},{"id":104,"label":105,"slug":106,"rank":62,"group":221},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":71,"group":223},{"id":55,"label":56,"slug":57},[225,226,227,228,229],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":231},[],{"uuid":233,"title":30,"description":234,"canonical_path":4,"image":235,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":236,"component_categories":245,"app":251},"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",[237,239,241,243],{"id":50,"label":51,"slug":52,"rank":53,"group":238},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":62,"group":240},{"id":55,"label":56,"slug":57},{"id":104,"label":105,"slug":106,"rank":71,"group":242},{"id":55,"label":56,"slug":57},{"id":109,"label":110,"slug":111,"rank":112,"group":244},{"id":114,"label":115,"slug":116},[246,247,248,249,250],{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":252},[],{"uuid":254,"title":30,"description":255,"canonical_path":4,"image":256,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":257,"component_categories":266,"app":276},"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",[258,260,262,264],{"id":50,"label":51,"slug":52,"rank":53,"group":259},{"id":55,"label":56,"slug":57},{"id":109,"label":110,"slug":111,"rank":62,"group":261},{"id":114,"label":115,"slug":116},{"id":104,"label":105,"slug":106,"rank":71,"group":263},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":112,"group":265},{"id":55,"label":56,"slug":57},[267,271,272,273,274,275],{"id":268,"title":269,"slug":270},214,"Popover","popover",{"id":119,"title":120,"slug":121},{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":277},[],{"uuid":279,"title":30,"description":280,"canonical_path":4,"image":281,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":282,"component_categories":291,"app":296},"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",[283,285,287],{"id":68,"label":69,"slug":70,"rank":53,"group":284},{"id":73,"label":74,"slug":75},{"id":109,"label":110,"slug":111,"rank":62,"group":286},{"id":114,"label":115,"slug":116},{"id":154,"label":288,"slug":289,"rank":71,"group":290},"Delete","delete",{"id":71,"label":201,"slug":202},[292,293,294,295],{"id":123,"title":124,"slug":125},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":297},[],{"uuid":299,"title":30,"description":300,"canonical_path":4,"image":301,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":302,"component_categories":312,"app":322},"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",[303,305,310],{"id":109,"label":110,"slug":111,"rank":53,"group":304},{"id":114,"label":115,"slug":116},{"id":306,"label":307,"slug":308,"rank":62,"group":309},11,"Edit","edit",{"id":71,"label":201,"slug":202},{"id":50,"label":51,"slug":52,"rank":71,"group":311},{"id":55,"label":56,"slug":57},[313,317,318,319,320,321],{"id":314,"title":315,"slug":316},260,"Badge","badge",{"id":82,"title":83,"slug":84},{"id":119,"title":120,"slug":121},{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":323},[],{"uuid":325,"title":30,"description":326,"canonical_path":4,"image":327,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":328,"component_categories":338,"app":342},"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",[329,331,333],{"id":109,"label":110,"slug":111,"rank":53,"group":330},{"id":114,"label":115,"slug":116},{"id":50,"label":51,"slug":52,"rank":62,"group":332},{"id":55,"label":56,"slug":57},{"id":334,"label":335,"slug":336,"rank":71,"group":337},118,"Help","help",{"id":73,"label":74,"slug":75},[339,340,341],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":343},[],{"uuid":345,"title":30,"description":346,"canonical_path":4,"image":347,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":348,"component_categories":355,"app":359},"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",[349,351,353],{"id":50,"label":51,"slug":52,"rank":53,"group":350},{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":62,"group":352},{"id":55,"label":56,"slug":57},{"id":334,"label":335,"slug":336,"rank":71,"group":354},{"id":73,"label":74,"slug":75},[356,357,358],{"id":82,"title":83,"slug":84},{"id":131,"title":132,"slug":133},{"id":86,"title":87,"slug":88},{"slug":31,"title":30,"logo":33,"categories":360},[],[],[363,365,367,369,371,373,375,377,379,381,383,385,387,390,393,396,399,401,405,409,413],{"label":51,"to":364},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":100,"to":366},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":110,"to":368},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":105,"to":370},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":69,"to":372},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":335,"to":374},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":176,"to":376},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":288,"to":378},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":307,"to":380},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":198,"to":382},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":144,"to":384},"\u002Fexamples\u002Fscreens\u002Floading",{"label":151,"to":386},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":388,"to":389},"Compound marketing pages","\u002Fexamples\u002Fapps\u002Fcompound\u002Fmarketing",{"label":391,"to":392},"Compound user flows","\u002Fexamples\u002Fapps\u002Fcompound\u002Fflows",{"label":394,"to":395},"Compound UI components","\u002Fexamples\u002Fapps\u002Fcompound\u002Fcomponents",{"label":397,"to":398},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":400,"to":18},"All SaaS app examples",{"label":402,"to":403,"description":404},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":406,"to":407,"description":408},"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":410,"to":411,"description":412},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":414,"to":415,"description":416},"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":418,"updated_at":419},"2022-02-06T12:37:38.000Z","2026-09-13T13:02:39.000Z"]