[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcausal\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":345,"links":346,"dates":404},"\u002Fexamples\u002Fapps\u002Fcausal\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Causal product screens examples - Nicelydone","Browse Causal screen design examples. Preview the interface screenshots and explore related UI patterns. The business planning platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F730e991c-a37e-4ea3-9ce1-766699ac6adc.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},"Causal design examples","\u002Fexamples\u002Fapps\u002Fcausal",{"label":23,"to":4},"Causal product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Causal","causal","The business planning platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcausal-b9013c30.png","https:\u002F\u002Fwww.causal.app","CausalHQ",[36,40],{"id":37,"title":38,"slug":39},36,"Finance","finance",{"id":41,"title":42,"slug":43},46,"Analytics","analytics",[45,78,94,117,138,159,172,216,234,252,287,310],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":76},"730e991c-a37e-4ea3-9ce1-766699ac6adc","Login - Causal","Sign-in screen where the user authenticates with Google, Xero, or email, alongside a product preview and value propositions.",3024,1738,"Login - Causal from Causal","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64,68,72],{"id":65,"title":66,"slug":67},233,"Tabs","tabs",{"id":69,"title":70,"slug":71},260,"Badge","badge",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":49,"height":50,"image_alt":83,"kind":52,"patterns":84,"component_categories":90,"app":92},"4cc56152-56c0-4cd0-8a74-3b058eca9fee","Forgot Password - Causal","Password recovery screen where the user enters their email to receive a reset link, featuring a product preview and social proof alongside the form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cc56152-56c0-4cd0-8a74-3b058eca9fee.png","Forgot Password - Causal from Causal",[85],{"id":86,"label":87,"slug":88,"rank":58,"group":89},2,"Forgot Password","forgot-password",{"id":60,"label":61,"slug":62},[91],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":80,"description":96,"canonical_path":4,"image":97,"width":49,"height":50,"image_alt":83,"kind":52,"patterns":98,"component_categories":109,"app":115},"388ab0cf-ff06-4b92-9377-a65209957494","Password recovery screen where a modal confirms that a reset link has been sent to the provided email address if an account exists.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F388ab0cf-ff06-4b92-9377-a65209957494.png",[99,101],{"id":86,"label":87,"slug":88,"rank":58,"group":100},{"id":60,"label":61,"slug":62},{"id":102,"label":103,"slug":104,"rank":60,"group":105},114,"Confirmation","confirmation",{"id":106,"label":107,"slug":108},12,"States & Feedback","states-and-feedback",[110,114],{"id":111,"title":112,"slug":113},284,"Modal","modal",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":47,"description":119,"canonical_path":4,"image":120,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":121,"component_categories":132,"app":136},"f42cd9b5-ba8c-4c93-9e27-74b5563c8530","Sign-in screen where the user authenticates with Google, Xero, or email, alongside product value propositions and a G2 rating.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff42cd9b5-ba8c-4c93-9e27-74b5563c8530.png",[122,124],{"id":55,"label":56,"slug":57,"rank":58,"group":123},{"id":60,"label":61,"slug":62},{"id":125,"label":126,"slug":127,"rank":60,"group":128},88,"Feature Gate","feature-gate",{"id":129,"label":130,"slug":131},9,"Plans & Limits","plans-and-limits",[133,134,135],{"id":65,"title":66,"slug":67},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":4,"image":142,"width":49,"height":143,"image_alt":144,"kind":52,"patterns":145,"component_categories":155,"app":157},"49c4f898-a9ad-406d-ba82-21f02f41b144","Register - Causal","Signup page where the user can create an account via Google, Xero, or email, alongside a product preview and feature highlights.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49c4f898-a9ad-406d-ba82-21f02f41b144.png",1972,"Register - Causal from Causal",[146,151],{"id":147,"label":148,"slug":149,"rank":58,"group":150},5,"Sign Up","sign-up",{"id":60,"label":61,"slug":62},{"id":60,"label":152,"slug":153,"rank":60,"group":154},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[156],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":158},[],{"uuid":160,"title":140,"description":161,"canonical_path":4,"image":162,"width":49,"height":50,"image_alt":144,"kind":52,"patterns":163,"component_categories":168,"app":170},"38b54d2d-c261-4297-8b1a-4c29316ea980","Sign-up screen where the user creates an account using Google, Xero, or email, alongside a product preview and feature list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38b54d2d-c261-4297-8b1a-4c29316ea980.png",[164,166],{"id":147,"label":148,"slug":149,"rank":58,"group":165},{"id":60,"label":61,"slug":62},{"id":60,"label":152,"slug":153,"rank":60,"group":167},{"id":60,"label":61,"slug":62},[169],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":49,"height":50,"image_alt":177,"kind":52,"patterns":178,"component_categories":207,"app":214},"19eb1fc5-3eae-4795-8045-d99c999bf1b2","Models - Causal","Onboarding step where the user selects their job function, company size, and use case timeframe to tailor their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19eb1fc5-3eae-4795-8045-d99c999bf1b2.png","Models - Causal from Causal",[179,187,192,199,202],{"id":180,"label":181,"slug":182,"rank":58,"group":183},75,"Setup Wizard","setup-wizard",{"id":184,"label":185,"slug":186},7,"Onboarding & Education","onboarding-and-education",{"id":188,"label":189,"slug":190,"rank":60,"group":191},74,"Onboarding Checklist","onboarding-checklist",{"id":184,"label":185,"slug":186},{"id":193,"label":194,"slug":195,"rank":86,"group":196},42,"Form","form",{"id":55,"label":197,"slug":198},"Data & Analysis","data-and-analysis",{"id":60,"label":152,"slug":153,"rank":200,"group":201},3,{"id":60,"label":61,"slug":62},{"id":203,"label":204,"slug":205,"rank":55,"group":206},77,"Welcome","welcome",{"id":184,"label":185,"slug":186},[208,212,213],{"id":209,"title":210,"slug":211},240,"Horizontal navigation","horizontal-navigation",{"id":111,"title":112,"slug":113},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":174,"description":218,"canonical_path":4,"image":219,"width":49,"height":50,"image_alt":177,"kind":52,"patterns":220,"component_categories":227,"app":232},"59abacf7-413e-4dad-8f8d-c65c25adbdfe","Onboarding screen where a new user answers a short questionnaire about their job function, company size, and timeline to personalize their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59abacf7-413e-4dad-8f8d-c65c25adbdfe.png",[221,223,225],{"id":188,"label":189,"slug":190,"rank":58,"group":222},{"id":184,"label":185,"slug":186},{"id":180,"label":181,"slug":182,"rank":60,"group":224},{"id":184,"label":185,"slug":186},{"id":60,"label":152,"slug":153,"rank":86,"group":226},{"id":60,"label":61,"slug":62},[228,229,230,231],{"id":209,"title":210,"slug":211},{"id":111,"title":112,"slug":113},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":233},[],{"uuid":235,"title":174,"description":236,"canonical_path":4,"image":237,"width":49,"height":50,"image_alt":177,"kind":52,"patterns":238,"component_categories":245,"app":250},"3cb209a7-7330-45c0-8bcd-332cd492d2db","Onboarding modal where the user selects their job function, company size, and timeline for building a model to tailor their experience.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3cb209a7-7330-45c0-8bcd-332cd492d2db.png",[239,241,243],{"id":188,"label":189,"slug":190,"rank":58,"group":240},{"id":184,"label":185,"slug":186},{"id":180,"label":181,"slug":182,"rank":60,"group":242},{"id":184,"label":185,"slug":186},{"id":203,"label":204,"slug":205,"rank":86,"group":244},{"id":184,"label":185,"slug":186},[246,247,248,249],{"id":209,"title":210,"slug":211},{"id":111,"title":112,"slug":113},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":251},[],{"uuid":253,"title":174,"description":254,"canonical_path":4,"image":255,"width":49,"height":50,"image_alt":177,"kind":52,"patterns":256,"component_categories":277,"app":285},"c48d785e-284e-43da-a074-393bb48ed069","Onboarding screen where a new user is welcomed and prompted to start a tutorial or choose a starting template like Personal finance or SaaS Financials.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc48d785e-284e-43da-a074-393bb48ed069.png",[257,259,264,272],{"id":203,"label":204,"slug":205,"rank":58,"group":258},{"id":184,"label":185,"slug":186},{"id":260,"label":261,"slug":262,"rank":60,"group":263},73,"Guided Tour","guided-tour",{"id":184,"label":185,"slug":186},{"id":265,"label":266,"slug":267,"rank":86,"group":268},86,"Templates","templates",{"id":269,"label":270,"slug":271},8,"Pages & Content","pages-and-content",{"id":273,"label":274,"slug":275,"rank":200,"group":276},72,"Getting Started","getting-started",{"id":184,"label":185,"slug":186},[278,282,283,284],{"id":279,"title":280,"slug":281},174,"Card","card",{"id":111,"title":112,"slug":113},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":286},[],{"uuid":288,"title":174,"description":289,"canonical_path":4,"image":290,"width":49,"height":50,"image_alt":177,"kind":52,"patterns":291,"component_categories":304,"app":308},"7da848a9-d71f-4084-b96c-91e1e63b81ba","Dashboard where the user is prompted to start building their first model by choosing a blank model, data wizard, or template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7da848a9-d71f-4084-b96c-91e1e63b81ba.png",[292,297,299],{"id":293,"label":294,"slug":295,"rank":58,"group":296},115,"Empty State","empty-state",{"id":106,"label":107,"slug":108},{"id":273,"label":274,"slug":275,"rank":60,"group":298},{"id":184,"label":185,"slug":186},{"id":300,"label":301,"slug":302,"rank":86,"group":303},41,"Dashboard","dashboard",{"id":55,"label":197,"slug":198},[305,306,307],{"id":279,"title":280,"slug":281},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":309},[],{"uuid":311,"title":312,"description":313,"canonical_path":4,"image":314,"width":49,"height":50,"image_alt":315,"kind":52,"patterns":316,"component_categories":338,"app":343},"af834ec2-6da0-4dee-8849-f08b59b6d335","SaaS Model Cloned - Causal","Spreadsheet view where the user edits revenue, churn, and subscriber assumptions for a SaaS financial model.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf834ec2-6da0-4dee-8849-f08b59b6d335.png","SaaS Model Cloned - Causal from Causal",[317,324,329,331],{"id":318,"label":319,"slug":320,"rank":58,"group":321},11,"Edit","edit",{"id":86,"label":322,"slug":323},"Actions","actions",{"id":325,"label":326,"slug":327,"rank":60,"group":328},80,"Files","files",{"id":269,"label":270,"slug":271},{"id":193,"label":194,"slug":195,"rank":86,"group":330},{"id":55,"label":197,"slug":198},{"id":332,"label":333,"slug":334,"rank":200,"group":335},58,"Media Editor","media-editor",{"id":147,"label":336,"slug":337},"Media & Tools","media-and-tools",[339,340,341,342],{"id":65,"title":66,"slug":67},{"id":209,"title":210,"slug":211},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":344},[],[],[347,349,351,353,355,357,359,361,363,365,367,369,371,374,377,380,383,386,388,392,396,400],{"label":152,"to":348},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":189,"to":350},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":181,"to":352},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":204,"to":354},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":87,"to":356},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":194,"to":358},"\u002Fexamples\u002Fscreens\u002Fform",{"label":274,"to":360},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":56,"to":362},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":148,"to":364},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":103,"to":366},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":301,"to":368},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":319,"to":370},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":372,"to":373},"Causal marketing pages","\u002Fexamples\u002Fapps\u002Fcausal\u002Fmarketing",{"label":375,"to":376},"Causal user flows","\u002Fexamples\u002Fapps\u002Fcausal\u002Fflows",{"label":378,"to":379},"Causal UI components","\u002Fexamples\u002Fapps\u002Fcausal\u002Fcomponents",{"label":381,"to":382},"Finance app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffinance",{"label":384,"to":385},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":387,"to":18},"All SaaS app examples",{"label":389,"to":390,"description":391},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":393,"to":394,"description":395},"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":397,"to":398,"description":399},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":401,"to":402,"description":403},"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":405,"updated_at":406},"2023-04-03T09:20:48.000Z","2026-09-13T13:02:39.000Z"]