[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwrap\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":270,"links":271,"dates":326},"\u002Fexamples\u002Fapps\u002Fwrap\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Wrap product screens examples - Nicelydone","Browse Wrap screen design examples. Preview the interface screenshots and explore related UI patterns. Capture & Edit Beautiful Screenshots","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04735feb-1eee-46ee-9733-49993b7e2076.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},"Wrap design examples","\u002Fexamples\u002Fapps\u002Fwrap",{"label":23,"to":4},"Wrap 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},"Wrap","wrap","Capture & Edit Beautiful Screenshots","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwrap-mhr0s6c9.png","https:\u002F\u002Fwrap.so",[35],{"id":36,"title":37,"slug":38},8,"Design","design",[40,65,76,95,111,132,145,160,173,199,221,248],{"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":63},"04735feb-1eee-46ee-9733-49993b7e2076","Wrap — Capture | Edit Beautiful Screenshots","Sign-in screen where the user authenticates with Google or via email.",3024,1738,"Wrap — Capture | Edit Beautiful Screenshots from Wrap","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],{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":64},[],{"uuid":66,"title":42,"description":67,"canonical_path":4,"image":68,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":69,"component_categories":72,"app":74},"7db81fa9-fedc-45de-8b09-93824fe765be","Sign-in screen where the user authenticates with Google or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7db81fa9-fedc-45de-8b09-93824fe765be.png",[70],{"id":50,"label":51,"slug":52,"rank":53,"group":71},{"id":55,"label":56,"slug":57},[73],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":42,"description":78,"canonical_path":4,"image":79,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":80,"component_categories":91,"app":93},"a4e376cb-1d40-48b1-a068-dfe9dc4507a7","Sign-in screen where the user authenticates with Google or email and password, currently showing a loading state for the Google login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4e376cb-1d40-48b1-a068-dfe9dc4507a7.png",[81,83],{"id":50,"label":51,"slug":52,"rank":53,"group":82},{"id":55,"label":56,"slug":57},{"id":84,"label":85,"slug":86,"rank":55,"group":87},120,"Loading","loading",{"id":88,"label":89,"slug":90},12,"States & Feedback","states-and-feedback",[92],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":94},[],{"uuid":96,"title":42,"description":97,"canonical_path":4,"image":98,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":99,"component_categories":107,"app":109},"2da86259-9923-41c9-af35-2195ba80ac06","Sign-in screen where the user attempts to authenticate with Google or email but encounters a visible Firebase popup closure error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2da86259-9923-41c9-af35-2195ba80ac06.png",[100,102],{"id":50,"label":51,"slug":52,"rank":53,"group":101},{"id":55,"label":56,"slug":57},{"id":103,"label":104,"slug":105,"rank":55,"group":106},116,"Error","error",{"id":88,"label":89,"slug":90},[108],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":42,"description":113,"canonical_path":4,"image":114,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":115,"component_categories":128,"app":130},"fdfdfe1d-1ef1-481f-8eb2-fe3d371b671c","Signup screen where the user can start a 7-day free trial via Google or email, currently showing a loading state on the Google provider button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdfdfe1d-1ef1-481f-8eb2-fe3d371b671c.png",[116,121,125],{"id":117,"label":118,"slug":119,"rank":53,"group":120},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},{"id":55,"label":122,"slug":123,"rank":55,"group":124},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},{"id":84,"label":85,"slug":86,"rank":126,"group":127},2,{"id":88,"label":89,"slug":90},[129],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":42,"description":134,"canonical_path":4,"image":135,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":136,"component_categories":141,"app":143},"08ffb70b-30ab-40c4-bda9-cbbae9d19d76","Signup screen where the user is prompted to start a free trial via Google or email, currently displaying an authentication popup error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08ffb70b-30ab-40c4-bda9-cbbae9d19d76.png",[137,139],{"id":117,"label":118,"slug":119,"rank":53,"group":138},{"id":55,"label":56,"slug":57},{"id":103,"label":104,"slug":105,"rank":55,"group":140},{"id":88,"label":89,"slug":90},[142],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":42,"description":147,"canonical_path":4,"image":148,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":149,"component_categories":156,"app":158},"ccb4fb71-31b1-4203-bbb9-da624bf5d485","Signup page where the user attempts to register via Google or email but encounters a Firebase popup error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fccb4fb71-31b1-4203-bbb9-da624bf5d485.png",[150,152,154],{"id":117,"label":118,"slug":119,"rank":53,"group":151},{"id":55,"label":56,"slug":57},{"id":103,"label":104,"slug":105,"rank":55,"group":153},{"id":88,"label":89,"slug":90},{"id":55,"label":122,"slug":123,"rank":126,"group":155},{"id":55,"label":56,"slug":57},[157],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":42,"description":162,"canonical_path":4,"image":163,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":164,"component_categories":169,"app":171},"f3747fe9-1f2d-40c1-9360-2e714c0a8ae7","Signup screen where the user enters their name, email, and password to start a 7-day free trial, or authenticates with Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3747fe9-1f2d-40c1-9360-2e714c0a8ae7.png",[165,167],{"id":117,"label":118,"slug":119,"rank":53,"group":166},{"id":55,"label":56,"slug":57},{"id":55,"label":122,"slug":123,"rank":55,"group":168},{"id":55,"label":56,"slug":57},[170],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":42,"description":175,"canonical_path":4,"image":176,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":177,"component_categories":191,"app":197},"29ca79bd-2154-40ad-a355-ee2d02b772f8","Paywall screen where the user selects between a yearly or monthly subscription to start a 7-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29ca79bd-2154-40ad-a355-ee2d02b772f8.png",[178,186],{"id":179,"label":180,"slug":181,"rank":53,"group":182},89,"Pricing","pricing",{"id":183,"label":184,"slug":185},9,"Plans & Limits","plans-and-limits",{"id":187,"label":188,"slug":189,"rank":55,"group":190},91,"Trial","trial",{"id":183,"label":184,"slug":185},[192,196],{"id":193,"title":194,"slug":195},260,"Badge","badge",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":42,"description":201,"canonical_path":4,"image":202,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":203,"component_categories":217,"app":219},"f2736990-58a7-4936-8792-f9cff8a6c446","Settings page where the user manages their account with options to upgrade, change password, or log out, alongside an empty state for downloaded items.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2736990-58a7-4936-8792-f9cff8a6c446.png",[204,212],{"id":205,"label":206,"slug":207,"rank":53,"group":208},94,"Account Settings","account-settings",{"id":209,"label":210,"slug":211},10,"Settings & Admin","settings-and-admin",{"id":213,"label":214,"slug":215,"rank":55,"group":216},115,"Empty State","empty-state",{"id":88,"label":89,"slug":90},[218],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":42,"description":223,"canonical_path":4,"image":224,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":225,"component_categories":240,"app":246},"14087a69-0f24-4b35-a827-198cbb05f4ea","Password recovery screen where a modal confirms that a reset link has been sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14087a69-0f24-4b35-a827-198cbb05f4ea.png",[226,230,235],{"id":126,"label":227,"slug":228,"rank":53,"group":229},"Forgot Password","forgot-password",{"id":55,"label":56,"slug":57},{"id":231,"label":232,"slug":233,"rank":55,"group":234},122,"Success","success",{"id":88,"label":89,"slug":90},{"id":236,"label":237,"slug":238,"rank":126,"group":239},114,"Confirmation","confirmation",{"id":88,"label":89,"slug":90},[241,245],{"id":242,"title":243,"slug":244},284,"Modal","modal",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":42,"description":250,"canonical_path":4,"image":251,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":252,"component_categories":266,"app":268},"299a0479-52d5-4bb4-812f-659217b8f4ce","Onboarding step where the user selects their preferred browser—Chrome, Brave, Firefox, or Edge—to receive specific installation instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F299a0479-52d5-4bb4-812f-659217b8f4ce.png",[253,261],{"id":254,"label":255,"slug":256,"rank":53,"group":257},75,"Setup Wizard","setup-wizard",{"id":258,"label":259,"slug":260},7,"Onboarding & Education","onboarding-and-education",{"id":262,"label":263,"slug":264,"rank":55,"group":265},72,"Getting Started","getting-started",{"id":258,"label":259,"slug":260},[267],{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":269},[],[],[272,274,276,278,280,282,284,286,288,290,292,294,296,299,302,305,308,310,314,318,322],{"label":51,"to":273},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":118,"to":275},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":122,"to":277},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":104,"to":279},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":85,"to":281},"\u002Fexamples\u002Fscreens\u002Floading",{"label":206,"to":283},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":237,"to":285},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":214,"to":287},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":227,"to":289},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":263,"to":291},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":180,"to":293},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":255,"to":295},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":297,"to":298},"Wrap marketing pages","\u002Fexamples\u002Fapps\u002Fwrap\u002Fmarketing",{"label":300,"to":301},"Wrap user flows","\u002Fexamples\u002Fapps\u002Fwrap\u002Fflows",{"label":303,"to":304},"Wrap UI components","\u002Fexamples\u002Fapps\u002Fwrap\u002Fcomponents",{"label":306,"to":307},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":309,"to":18},"All SaaS app examples",{"label":311,"to":312,"description":313},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":315,"to":316,"description":317},"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":319,"to":320,"description":321},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":323,"to":324,"description":325},"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":327,"updated_at":328},"2023-01-16T18:28:40.000Z","2026-09-13T13:44:12.000Z"]