[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fswell\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":339,"links":340,"dates":401},"\u002Fexamples\u002Fapps\u002Fswell\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Swell product screens examples - Nicelydone","Browse Swell screen design examples. Preview the interface screenshots and explore related UI patterns. Next-level ecommerce for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c3b544b-edb2-4786-afc3-5a646892f787.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},"Swell design examples","\u002Fexamples\u002Fapps\u002Fswell",{"label":23,"to":4},"Swell 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},"Swell","swell","Next-level ecommerce for everyone","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fswell-81212618.png","https:\u002F\u002Fwww.swell.is","swellcommerce",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},3,"Shopping","shopping",{"id":45,"title":46,"slug":47},7,"Web Development","web-development",[49,73,84,103,131,152,179,193,218,250,288,322],{"uuid":50,"title":29,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":66,"app":71},"4c3b544b-edb2-4786-afc3-5a646892f787","Sign-in screen where the user authenticates with their email and password to access their store.",3024,1738,"Swell from Swell","screen",[57],{"id":58,"label":59,"slug":60,"rank":61,"group":62},2,"Forgot Password","forgot-password",0,{"id":63,"label":64,"slug":65},1,"Access & Account","access-and-account",[67],{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":29,"description":75,"canonical_path":4,"image":76,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":77,"component_categories":80,"app":82},"d8e9e99f-ed5e-48d9-9637-0e20e12e5868","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd8e9e99f-ed5e-48d9-9637-0e20e12e5868.png",[78],{"id":58,"label":59,"slug":60,"rank":61,"group":79},{"id":63,"label":64,"slug":65},[81],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":83},[],{"uuid":85,"title":29,"description":86,"canonical_path":4,"image":87,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":88,"component_categories":99,"app":101},"d24621d3-f327-4452-9808-530ceaca4501","Password recovery screen where the user receives confirmation via a toast notification that reset instructions have been sent to their email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd24621d3-f327-4452-9808-530ceaca4501.png",[89,91],{"id":58,"label":59,"slug":60,"rank":61,"group":90},{"id":63,"label":64,"slug":65},{"id":92,"label":93,"slug":94,"rank":63,"group":95},122,"Success","success",{"id":96,"label":97,"slug":98},12,"States & Feedback","states-and-feedback",[100],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":4,"image":107,"width":52,"height":53,"image_alt":108,"kind":55,"patterns":109,"component_categories":123,"app":129},"c3af6ea8-6042-485b-b5a0-8bb572a15d1c","Start your free trial | Swell","Signup screen where the user creates a new ecommerce store by entering their email, password, and store name, alongside a marketing panel promoting a 14-day free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3af6ea8-6042-485b-b5a0-8bb572a15d1c.png","Start your free trial | Swell from Swell",[110,115],{"id":111,"label":112,"slug":113,"rank":61,"group":114},5,"Sign Up","sign-up",{"id":63,"label":64,"slug":65},{"id":116,"label":117,"slug":118,"rank":63,"group":119},91,"Trial","trial",{"id":120,"label":121,"slug":122},9,"Plans & Limits","plans-and-limits",[124,128],{"id":125,"title":126,"slug":127},174,"Card","card",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":105,"description":133,"canonical_path":4,"image":134,"width":52,"height":53,"image_alt":108,"kind":55,"patterns":135,"component_categories":147,"app":150},"8c6db496-190a-47db-805e-037c9039b06c","Signup screen where the user creates a new store account with email and password, currently showing validation errors on the required fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c6db496-190a-47db-805e-037c9039b06c.png",[136,138,143],{"id":111,"label":112,"slug":113,"rank":61,"group":137},{"id":63,"label":64,"slug":65},{"id":139,"label":140,"slug":141,"rank":63,"group":142},116,"Error","error",{"id":96,"label":97,"slug":98},{"id":63,"label":144,"slug":145,"rank":58,"group":146},"Account Setup","account-setup",{"id":63,"label":64,"slug":65},[148,149],{"id":125,"title":126,"slug":127},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":154,"description":155,"canonical_path":4,"image":156,"width":52,"height":53,"image_alt":157,"kind":55,"patterns":158,"component_categories":166,"app":177},"31153ba7-3aae-46cc-bd90-9b8ec2367ecd","Verify your email | Swell","Verification screen where the user enters a code sent to their email to complete the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31153ba7-3aae-46cc-bd90-9b8ec2367ecd.png","Verify your email | Swell from Swell",[159,164],{"id":160,"label":161,"slug":162,"rank":61,"group":163},6,"Verification","verification",{"id":63,"label":64,"slug":65},{"id":111,"label":112,"slug":113,"rank":63,"group":165},{"id":63,"label":64,"slug":65},[167,171,175,176],{"id":168,"title":169,"slug":170},260,"Badge","badge",{"id":172,"title":173,"slug":174},169,"Avatar","avatar",{"id":125,"title":126,"slug":127},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":52,"height":53,"image_alt":184,"kind":55,"patterns":185,"component_categories":188,"app":191},"0ab928e8-c667-40c6-8ab4-4757f5a2262f","nicelydone+v1","Verification screen where the user enters a code to confirm their email address during the Swell signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ab928e8-c667-40c6-8ab4-4757f5a2262f.png","nicelydone+v1 from Swell",[186],{"id":160,"label":161,"slug":162,"rank":61,"group":187},{"id":63,"label":64,"slug":65},[189,190],{"id":125,"title":126,"slug":127},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":195,"description":196,"canonical_path":4,"image":197,"width":52,"height":53,"image_alt":198,"kind":55,"patterns":199,"component_categories":212,"app":216},"9e2e5247-3f73-4634-b7d9-d0b341748cd6","Home | nicelydone+v1","Home screen for a new storefront featuring a quick start guide with tasks like creating a product, activating a theme, and setting up a payment gateway.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e2e5247-3f73-4634-b7d9-d0b341748cd6.png","Home | nicelydone+v1 from Swell",[200,207],{"id":201,"label":202,"slug":203,"rank":61,"group":204},72,"Getting Started","getting-started",{"id":45,"label":205,"slug":206},"Onboarding & Education","onboarding-and-education",{"id":208,"label":209,"slug":210,"rank":63,"group":211},74,"Onboarding Checklist","onboarding-checklist",{"id":45,"label":205,"slug":206},[213,214,215],{"id":172,"title":173,"slug":174},{"id":125,"title":126,"slug":127},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":217},[],{"uuid":219,"title":220,"description":221,"canonical_path":4,"image":222,"width":52,"height":223,"image_alt":224,"kind":55,"patterns":225,"component_categories":242,"app":248},"23dd53ca-9423-4943-8711-beb1aae9aed5","Products | nicelydone+v1","Create page where the user adds a new product to their store by defining its type, uploading images, configuring pricing options, and writing a rich-text description.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23dd53ca-9423-4943-8711-beb1aae9aed5.png",6286,"Products | nicelydone+v1 from Swell",[226,232,237],{"id":45,"label":227,"slug":228,"rank":61,"group":229},"Add & Create","add-and-create",{"id":58,"label":230,"slug":231},"Actions","actions",{"id":233,"label":234,"slug":235,"rank":63,"group":236},25,"Upload & Download","upload-and-download",{"id":58,"label":230,"slug":231},{"id":238,"label":239,"slug":240,"rank":58,"group":241},11,"Edit","edit",{"id":58,"label":230,"slug":231},[243,247],{"id":244,"title":245,"slug":246},177,"Breadcrumb","breadcrumb",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":249},[],{"uuid":251,"title":220,"description":252,"canonical_path":4,"image":253,"width":52,"height":254,"image_alt":224,"kind":55,"patterns":255,"component_categories":281,"app":286},"91096f14-21a9-41d7-8951-5dbc5c3451bc","Detail page where the user edits a product's name, pricing, categories, and description.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F91096f14-21a9-41d7-8951-5dbc5c3451bc.png",4926,[256,258,266,273],{"id":238,"label":239,"slug":240,"rank":61,"group":257},{"id":58,"label":230,"slug":231},{"id":259,"label":260,"slug":261,"rank":63,"group":262},80,"Files","files",{"id":263,"label":264,"slug":265},8,"Pages & Content","pages-and-content",{"id":267,"label":268,"slug":269,"rank":58,"group":270},69,"Tabs","tabs",{"id":160,"label":271,"slug":272},"Navigation & Commands","navigation-and-commands",{"id":274,"label":275,"slug":276,"rank":41,"group":277},102,"Settings","settings",{"id":278,"label":279,"slug":280},10,"Settings & Admin","settings-and-admin",[282,283,285],{"id":244,"title":245,"slug":246},{"id":284,"title":268,"slug":269},233,{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":287},[],{"uuid":289,"title":220,"description":290,"canonical_path":4,"image":291,"width":52,"height":53,"image_alt":224,"kind":55,"patterns":292,"component_categories":315,"app":320},"541d8ba6-5d34-412d-9366-abcde4d60983","Product detail page where the user manages custom attributes for content and filtering.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F541d8ba6-5d34-412d-9366-abcde4d60983.png",[293,301,303,305,310],{"id":294,"label":295,"slug":296,"rank":61,"group":297},47,"Table","table",{"id":298,"label":299,"slug":300},4,"Data & Analysis","data-and-analysis",{"id":238,"label":239,"slug":240,"rank":63,"group":302},{"id":58,"label":230,"slug":231},{"id":267,"label":268,"slug":269,"rank":58,"group":304},{"id":160,"label":271,"slug":272},{"id":306,"label":307,"slug":308,"rank":41,"group":309},62,"Breadcrumbs","breadcrumbs",{"id":160,"label":271,"slug":272},{"id":311,"label":312,"slug":313,"rank":298,"group":314},115,"Empty State","empty-state",{"id":96,"label":97,"slug":98},[316,317,318,319],{"id":244,"title":245,"slug":246},{"id":284,"title":268,"slug":269},{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":321},[],{"uuid":323,"title":220,"description":324,"canonical_path":4,"image":325,"width":52,"height":53,"image_alt":224,"kind":55,"patterns":326,"component_categories":333,"app":337},"64b2a20d-5fda-4306-90bb-8c5719e5119b","Product detail page where the user configures inventory tracking for a specific item.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64b2a20d-5fda-4306-90bb-8c5719e5119b.png",[327,329,331],{"id":238,"label":239,"slug":240,"rank":61,"group":328},{"id":58,"label":230,"slug":231},{"id":294,"label":295,"slug":296,"rank":63,"group":330},{"id":298,"label":299,"slug":300},{"id":274,"label":275,"slug":276,"rank":58,"group":332},{"id":278,"label":279,"slug":280},[334,335,336],{"id":284,"title":268,"slug":269},{"id":172,"title":173,"slug":174},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":338},[],[],[341,343,345,347,349,351,353,355,357,359,361,363,365,368,371,374,377,380,383,385,389,393,397],{"label":239,"to":342},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":59,"to":344},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":112,"to":346},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":275,"to":348},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":295,"to":350},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":268,"to":352},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":161,"to":354},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":144,"to":356},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":227,"to":358},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":307,"to":360},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":312,"to":362},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":140,"to":364},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":366,"to":367},"Swell marketing pages","\u002Fexamples\u002Fapps\u002Fswell\u002Fmarketing",{"label":369,"to":370},"Swell user flows","\u002Fexamples\u002Fapps\u002Fswell\u002Fflows",{"label":372,"to":373},"Swell UI components","\u002Fexamples\u002Fapps\u002Fswell\u002Fcomponents",{"label":375,"to":376},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":378,"to":379},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":381,"to":382},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":384,"to":18},"All SaaS app examples",{"label":386,"to":387,"description":388},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":390,"to":391,"description":392},"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":394,"to":395,"description":396},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":398,"to":399,"description":400},"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":402,"updated_at":403},"2023-01-20T09:16:27.000Z","2026-09-13T13:02:39.000Z"]