[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplasso\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":300,"links":301,"dates":356},"\u002Fexamples\u002Fapps\u002Fplasso\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Plasso product screens examples - Nicelydone","Browse Plasso screen design examples. Preview the interface screenshots and explore related UI patterns. Payments made simple","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_sign-in_a976ff67_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Plasso design examples","\u002Fexamples\u002Fapps\u002Fplasso",{"label":23,"to":4},"Plasso 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,"categories":34},"Plasso","plasso","Payments made simple","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplasso-4971f86f.png","https:\u002F\u002Fplasso.co",[35],{"id":36,"title":37,"slug":38},39,"Payments","payments",[40,69,86,104,139,163,184,193,222,239,261,283],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":67},"601ad116-d7a8-4e7e-9fdf-ff71c47b014d","Sign in","Sign-in screen where the user authenticates with their email and password to access Plasso, featuring a full sitemap footer.",2880,1920,"Sign in from Plasso","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":44,"height":74,"image_alt":75,"kind":47,"patterns":76,"component_categories":82,"app":84},"210f3df5-824c-4cba-a658-b6a05795145d","Password reset","Password recovery screen where the user enters their email address to receive a reset link, with secondary options to log in or sign up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_password-reset_75423dbf_nicelydone.jpg",1864,"Password reset from Plasso",[77],{"id":78,"label":79,"slug":80,"rank":53,"group":81},2,"Forgot Password","forgot-password",{"id":55,"label":56,"slug":57},[83],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":44,"height":91,"image_alt":92,"kind":47,"patterns":93,"component_categories":99,"app":102},"41e7eb86-ea71-4fa2-84c0-1196c000192d","Sign up","Signup page where the user creates an account by entering their name, email, and password, and agreeing to the terms via a toggle switch.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_sign-up_e881cf94_nicelydone.jpg",2146,"Sign up from Plasso",[94],{"id":95,"label":96,"slug":97,"rank":53,"group":98},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[100,101],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":44,"height":109,"image_alt":110,"kind":47,"patterns":111,"component_categories":131,"app":137},"c47f76aa-3d4f-478f-876f-2f1b0cdccbcd","Welcome","Onboarding step where the user is welcomed to Plasso and prompted to connect their Stripe account to accept payments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_welcome_e9e8d36b_nicelydone.jpg",1520,"Welcome from Plasso",[112,119,123],{"id":113,"label":106,"slug":114,"rank":53,"group":115},77,"welcome",{"id":116,"label":117,"slug":118},7,"Onboarding & Education","onboarding-and-education",{"id":55,"label":120,"slug":121,"rank":55,"group":122},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":124,"label":125,"slug":126,"rank":78,"group":127},97,"Integrations","integrations",{"id":128,"label":129,"slug":130},10,"Settings & Admin","settings-and-admin",[132,136],{"id":133,"title":134,"slug":135},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":44,"height":144,"image_alt":145,"kind":47,"patterns":146,"component_categories":156,"app":161},"c8f4aee5-f335-4823-a7f9-ffb66ffa03af","Onboarding","Onboarding screen where the user is welcomed by name and presented with a grid of setup options, starting with a prompt to connect their Stripe account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_onboarding_762a0f4a_nicelydone.jpg",1526,"Onboarding from Plasso",[147,149,154],{"id":113,"label":106,"slug":114,"rank":53,"group":148},{"id":116,"label":117,"slug":118},{"id":150,"label":151,"slug":152,"rank":55,"group":153},74,"Onboarding Checklist","onboarding-checklist",{"id":116,"label":117,"slug":118},{"id":55,"label":120,"slug":121,"rank":78,"group":155},{"id":55,"label":56,"slug":57},[157],{"id":158,"title":159,"slug":160},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":44,"height":144,"image_alt":168,"kind":47,"patterns":169,"component_categories":175,"app":182},"91f5cae3-c181-40e4-97d7-479e10fc98a6","Create","Creation screen where the user selects between a Membership or Storefront space type to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_create_2396eecb_nicelydone.jpg","Create from Plasso",[170],{"id":171,"label":172,"slug":173,"rank":53,"group":174},75,"Setup Wizard","setup-wizard",{"id":116,"label":117,"slug":118},[176,180,181],{"id":177,"title":178,"slug":179},260,"Badge","badge",{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":165,"description":186,"canonical_path":4,"image":187,"width":44,"height":188,"image_alt":168,"kind":47,"patterns":189,"component_categories":190,"app":191},"6d568258-9a9f-4160-8c4f-c44a024d37b9","E-commerce Settings Form Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_create-2_46f63280_nicelydone.jpg",3036,[],[],{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":195,"description":196,"canonical_path":4,"image":197,"width":44,"height":109,"image_alt":198,"kind":47,"patterns":199,"component_categories":213,"app":220},"85a13c20-cd08-439e-b240-23689535e17f","Notification","Settings page where a modal prompts the user to add at least one plan to activate their space.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_notification_d60f15c3_nicelydone.jpg","Notification from Plasso",[200,208],{"id":201,"label":202,"slug":203,"rank":53,"group":204},114,"Confirmation","confirmation",{"id":205,"label":206,"slug":207},12,"States & Feedback","states-and-feedback",{"id":209,"label":210,"slug":211,"rank":55,"group":212},102,"Settings","settings",{"id":128,"label":129,"slug":130},[214,218,219],{"id":215,"title":216,"slug":217},169,"Avatar","avatar",{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":221},[],{"uuid":223,"title":165,"description":224,"canonical_path":4,"image":225,"width":44,"height":144,"image_alt":168,"kind":47,"patterns":226,"component_categories":235,"app":237},"cbb73fac-2484-4164-ad2b-72eb4d847cbd","Creation form where the user configures a new subscription plan, defining basic info, recurring pricing, and one-time charges.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_create-3_69726e7e_nicelydone.jpg",[227],{"id":228,"label":229,"slug":230,"rank":53,"group":231},89,"Pricing","pricing",{"id":232,"label":233,"slug":234},9,"Plans & Limits","plans-and-limits",[236],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":238},[],{"uuid":240,"title":195,"description":241,"canonical_path":4,"image":242,"width":44,"height":144,"image_alt":198,"kind":47,"patterns":243,"component_categories":256,"app":259},"87d2ddd0-85cc-4d83-9c38-5d162641bdd7","Settings page where the user sees a success confirmation modal after saving a subscription plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_notification-2_6d0522c8_nicelydone.jpg",[244,249,251,253],{"id":245,"label":246,"slug":247,"rank":53,"group":248},122,"Success","success",{"id":205,"label":206,"slug":207},{"id":228,"label":229,"slug":230,"rank":55,"group":250},{"id":232,"label":233,"slug":234},{"id":209,"label":210,"slug":211,"rank":78,"group":252},{"id":128,"label":129,"slug":130},{"id":201,"label":202,"slug":203,"rank":254,"group":255},3,{"id":205,"label":206,"slug":207},[257,258],{"id":133,"title":134,"slug":135},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":260},[],{"uuid":262,"title":263,"description":264,"canonical_path":4,"image":265,"width":44,"height":144,"image_alt":266,"kind":47,"patterns":267,"component_categories":279,"app":281},"18ca222b-984e-4112-9d86-3e1d2f1cf9df","List","Settings page where the user manages and reorders subscription plans for their members, currently showing basic and super tiers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_list_350803d8_nicelydone.jpg","List from Plasso",[268,270,277],{"id":228,"label":229,"slug":230,"rank":53,"group":269},{"id":232,"label":233,"slug":234},{"id":271,"label":272,"slug":273,"rank":55,"group":274},18,"Reorder","reorder",{"id":78,"label":275,"slug":276},"Actions","actions",{"id":209,"label":210,"slug":211,"rank":78,"group":278},{"id":128,"label":129,"slug":130},[280],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":282},[],{"uuid":284,"title":285,"description":286,"canonical_path":4,"image":287,"width":44,"height":144,"image_alt":288,"kind":47,"patterns":289,"component_categories":295,"app":298},"7b330a78-a6b5-4359-9e00-d13f6fda842c","Empty state","Empty list view for data items prompting the user to add custom data via a central card or top-right action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fplasso_empty-state_3957b80d_nicelydone.jpg","Empty state from Plasso",[290],{"id":291,"label":292,"slug":293,"rank":53,"group":294},115,"Empty State","empty-state",{"id":205,"label":206,"slug":207},[296,297],{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":299},[],[],[302,304,306,308,310,312,314,316,318,320,322,324,326,329,332,335,338,340,344,348,352],{"label":229,"to":303},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":210,"to":305},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":120,"to":307},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":202,"to":309},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":106,"to":311},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":292,"to":313},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":79,"to":315},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":125,"to":317},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":151,"to":319},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":272,"to":321},"\u002Fexamples\u002Fscreens\u002Freorder",{"label":172,"to":323},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":51,"to":325},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":327,"to":328},"Plasso marketing pages","\u002Fexamples\u002Fapps\u002Fplasso\u002Fmarketing",{"label":330,"to":331},"Plasso user flows","\u002Fexamples\u002Fapps\u002Fplasso\u002Fflows",{"label":333,"to":334},"Plasso UI components","\u002Fexamples\u002Fapps\u002Fplasso\u002Fcomponents",{"label":336,"to":337},"Payments app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpayments",{"label":339,"to":18},"All SaaS app examples",{"label":341,"to":342,"description":343},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":345,"to":346,"description":347},"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":349,"to":350,"description":351},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":353,"to":354,"description":355},"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":357,"updated_at":358},"2016-11-11T08:00:00.000Z","2026-09-13T13:02:39.000Z"]