[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwrap":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":283,"dates":315},"\u002Fexamples\u002Fapps\u002Fwrap","detail","apps",true,{"title":9,"description":10,"og_image":11},"Wrap design examples - Nicelydone","Explore Wrap UI design examples. Capture & Edit Beautiful Screenshots","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F04735feb-1eee-46ee-9733-49993b7e2076.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Wrap design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Wrap",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fwrap\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fwrap\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Wrap","wrap","Capture & Edit Beautiful Screenshots","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwrap-mhr0s6c9.png","https:\u002F\u002Fwrap.so",[41],{"id":42,"title":43,"slug":44},8,"Design","design",[],[47,280],{"family":48,"examples":49},"screens",[50,75,86,105,121,142,155,170,183,209,231,258],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":73},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},4,"Sign In","sign-in",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69],{"id":70,"title":71,"slug":72},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":74},[],{"uuid":76,"title":52,"description":77,"canonical_path":29,"image":78,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":79,"component_categories":82,"app":84},"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",[80],{"id":60,"label":61,"slug":62,"rank":63,"group":81},{"id":65,"label":66,"slug":67},[83],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":85},[],{"uuid":87,"title":52,"description":88,"canonical_path":29,"image":89,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":90,"component_categories":101,"app":103},"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",[91,93],{"id":60,"label":61,"slug":62,"rank":63,"group":92},{"id":65,"label":66,"slug":67},{"id":94,"label":95,"slug":96,"rank":65,"group":97},120,"Loading","loading",{"id":98,"label":99,"slug":100},12,"States & Feedback","states-and-feedback",[102],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":104},[],{"uuid":106,"title":52,"description":107,"canonical_path":29,"image":108,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":109,"component_categories":117,"app":119},"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",[110,112],{"id":60,"label":61,"slug":62,"rank":63,"group":111},{"id":65,"label":66,"slug":67},{"id":113,"label":114,"slug":115,"rank":65,"group":116},116,"Error","error",{"id":98,"label":99,"slug":100},[118],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":120},[],{"uuid":122,"title":52,"description":123,"canonical_path":29,"image":124,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":125,"component_categories":138,"app":140},"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",[126,131,135],{"id":127,"label":128,"slug":129,"rank":63,"group":130},5,"Sign Up","sign-up",{"id":65,"label":66,"slug":67},{"id":65,"label":132,"slug":133,"rank":65,"group":134},"Account Setup","account-setup",{"id":65,"label":66,"slug":67},{"id":94,"label":95,"slug":96,"rank":136,"group":137},2,{"id":98,"label":99,"slug":100},[139],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":141},[],{"uuid":143,"title":52,"description":144,"canonical_path":29,"image":145,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":146,"component_categories":151,"app":153},"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",[147,149],{"id":127,"label":128,"slug":129,"rank":63,"group":148},{"id":65,"label":66,"slug":67},{"id":113,"label":114,"slug":115,"rank":65,"group":150},{"id":98,"label":99,"slug":100},[152],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":154},[],{"uuid":156,"title":52,"description":157,"canonical_path":29,"image":158,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":159,"component_categories":166,"app":168},"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",[160,162,164],{"id":127,"label":128,"slug":129,"rank":63,"group":161},{"id":65,"label":66,"slug":67},{"id":113,"label":114,"slug":115,"rank":65,"group":163},{"id":98,"label":99,"slug":100},{"id":65,"label":132,"slug":133,"rank":136,"group":165},{"id":65,"label":66,"slug":67},[167],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":169},[],{"uuid":171,"title":52,"description":172,"canonical_path":29,"image":173,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":174,"component_categories":179,"app":181},"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",[175,177],{"id":127,"label":128,"slug":129,"rank":63,"group":176},{"id":65,"label":66,"slug":67},{"id":65,"label":132,"slug":133,"rank":65,"group":178},{"id":65,"label":66,"slug":67},[180],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":182},[],{"uuid":184,"title":52,"description":185,"canonical_path":29,"image":186,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":187,"component_categories":201,"app":207},"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",[188,196],{"id":189,"label":190,"slug":191,"rank":63,"group":192},89,"Pricing","pricing",{"id":193,"label":194,"slug":195},9,"Plans & Limits","plans-and-limits",{"id":197,"label":198,"slug":199,"rank":65,"group":200},91,"Trial","trial",{"id":193,"label":194,"slug":195},[202,206],{"id":203,"title":204,"slug":205},260,"Badge","badge",{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":208},[],{"uuid":210,"title":52,"description":211,"canonical_path":29,"image":212,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":213,"component_categories":227,"app":229},"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",[214,222],{"id":215,"label":216,"slug":217,"rank":63,"group":218},94,"Account Settings","account-settings",{"id":219,"label":220,"slug":221},10,"Settings & Admin","settings-and-admin",{"id":223,"label":224,"slug":225,"rank":65,"group":226},115,"Empty State","empty-state",{"id":98,"label":99,"slug":100},[228],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":230},[],{"uuid":232,"title":52,"description":233,"canonical_path":29,"image":234,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":235,"component_categories":250,"app":256},"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",[236,240,245],{"id":136,"label":237,"slug":238,"rank":63,"group":239},"Forgot Password","forgot-password",{"id":65,"label":66,"slug":67},{"id":241,"label":242,"slug":243,"rank":65,"group":244},122,"Success","success",{"id":98,"label":99,"slug":100},{"id":246,"label":247,"slug":248,"rank":136,"group":249},114,"Confirmation","confirmation",{"id":98,"label":99,"slug":100},[251,255],{"id":252,"title":253,"slug":254},284,"Modal","modal",{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":257},[],{"uuid":259,"title":52,"description":260,"canonical_path":29,"image":261,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":262,"component_categories":276,"app":278},"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",[263,271],{"id":264,"label":265,"slug":266,"rank":63,"group":267},75,"Setup Wizard","setup-wizard",{"id":268,"label":269,"slug":270},7,"Onboarding & Education","onboarding-and-education",{"id":272,"label":273,"slug":274,"rank":65,"group":275},72,"Getting Started","getting-started",{"id":268,"label":269,"slug":270},[277],{"id":70,"title":71,"slug":72},{"slug":36,"title":35,"logo":38,"categories":279},[],{"family":281,"examples":282},"pages",[],[284,286,288,291,294,297,299,303,307,311],{"label":285,"to":29},"Wrap product screens",{"label":287,"to":32},"Wrap marketing pages",{"label":289,"to":290},"Wrap user flows","\u002Fexamples\u002Fapps\u002Fwrap\u002Fflows",{"label":292,"to":293},"Wrap UI components","\u002Fexamples\u002Fapps\u002Fwrap\u002Fcomponents",{"label":295,"to":296},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":298,"to":18},"All SaaS app examples",{"label":300,"to":301,"description":302},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":304,"to":305,"description":306},"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":308,"to":309,"description":310},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":312,"to":313,"description":314},"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":316,"updated_at":317},"2023-01-16T18:28:40.000Z","2026-09-13T13:44:12.000Z"]