[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Farcade\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":56,"showcases":394,"links":395,"dates":456},"\u002Fexamples\u002Fapps\u002Farcade\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Arcade product screens examples - Nicelydone","Browse Arcade screen design examples. Preview the interface screenshots and explore related UI patterns. Create effortlessly beautiful demos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cc59b1d-930e-4cff-aca7-21c1221e330a.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},"Arcade design examples","\u002Fexamples\u002Fapps\u002Farcade",{"label":23,"to":4},"Arcade 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},"Arcade","arcade","Create effortlessly beautiful demos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farcade-661b86c8.png","https:\u002F\u002Fwww.arcade.software","arcade_demo",[36,40,44,48,52],{"id":37,"title":38,"slug":39},8,"Design","design",{"id":41,"title":42,"slug":43},25,"Marketing","marketing",{"id":45,"title":46,"slug":47},80,"Artificial Intelligence","artificial-intelligence",{"id":49,"title":50,"slug":51},100,"Video","video",{"id":53,"title":54,"slug":55},103,"Demo Automation","demo-automation",[57,90,124,154,171,190,208,245,278,305,347,373],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":83,"app":88},"0cc59b1d-930e-4cff-aca7-21c1221e330a","Welcome to Arcade!","Sign-in screen where the user authenticates with Google or Microsoft.",3024,1674,"Welcome to Arcade! from Arcade","screen",[66,75],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",{"id":76,"label":77,"slug":78,"rank":72,"group":79},77,"Welcome","welcome",{"id":80,"label":81,"slug":82},7,"Onboarding & Education","onboarding-and-education",[84],{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":77,"description":92,"canonical_path":4,"image":93,"width":61,"height":94,"image_alt":95,"kind":64,"patterns":96,"component_categories":104,"app":122},"1ec0a3df-7da2-415c-92c1-61d6c6cc97aa","Onboarding step where the user selects their intended use cases for Arcade, such as Marketing, Sales, or Product, to personalize their setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1ec0a3df-7da2-415c-92c1-61d6c6cc97aa.png",2504,"Welcome from Arcade",[97,99],{"id":76,"label":77,"slug":78,"rank":70,"group":98},{"id":80,"label":81,"slug":82},{"id":100,"label":101,"slug":102,"rank":72,"group":103},75,"Setup Wizard","setup-wizard",{"id":80,"label":81,"slug":82},[105,109,113,117,121],{"id":106,"title":107,"slug":108},227,"Stepper","stepper",{"id":110,"title":111,"slug":112},240,"Horizontal navigation","horizontal-navigation",{"id":114,"title":115,"slug":116},174,"Card","card",{"id":118,"title":119,"slug":120},260,"Badge","badge",{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":77,"description":126,"canonical_path":4,"image":127,"width":61,"height":94,"image_alt":95,"kind":64,"patterns":128,"component_categories":146,"app":152},"d199ffa3-0aed-4134-9323-13dcd1bc4a20","Onboarding screen where the user selects their planned use cases for Arcade, such as Marketing, Sales, or Product.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd199ffa3-0aed-4134-9323-13dcd1bc4a20.png",[129,131,133,138],{"id":76,"label":77,"slug":78,"rank":70,"group":130},{"id":80,"label":81,"slug":82},{"id":100,"label":101,"slug":102,"rank":72,"group":132},{"id":80,"label":81,"slug":82},{"id":72,"label":134,"slug":135,"rank":136,"group":137},"Account Setup","account-setup",2,{"id":72,"label":73,"slug":74},{"id":139,"label":140,"slug":141,"rank":142,"group":143},23,"Select","select",3,{"id":136,"label":144,"slug":145},"Actions","actions",[147,148,149,150,151],{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"id":114,"title":115,"slug":116},{"id":118,"title":119,"slug":120},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":77,"description":156,"canonical_path":4,"image":157,"width":61,"height":158,"image_alt":95,"kind":64,"patterns":159,"component_categories":166,"app":169},"c3de496c-9611-46a5-8348-b9bc8032d2c8","Onboarding step where the user selects their company size from a list of ranges to continue setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc3de496c-9611-46a5-8348-b9bc8032d2c8.png",1852,[160,162,164],{"id":76,"label":77,"slug":78,"rank":70,"group":161},{"id":80,"label":81,"slug":82},{"id":100,"label":101,"slug":102,"rank":72,"group":163},{"id":80,"label":81,"slug":82},{"id":139,"label":140,"slug":141,"rank":136,"group":165},{"id":136,"label":144,"slug":145},[167,168],{"id":106,"title":107,"slug":108},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":77,"description":156,"canonical_path":4,"image":173,"width":61,"height":158,"image_alt":95,"kind":64,"patterns":174,"component_categories":184,"app":188},"d3a8101f-7bce-4ebc-b50f-0c4203903eca","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3a8101f-7bce-4ebc-b50f-0c4203903eca.png",[175,177,182],{"id":76,"label":77,"slug":78,"rank":70,"group":176},{"id":80,"label":81,"slug":82},{"id":178,"label":179,"slug":180,"rank":72,"group":181},74,"Onboarding Checklist","onboarding-checklist",{"id":80,"label":81,"slug":82},{"id":72,"label":134,"slug":135,"rank":136,"group":183},{"id":72,"label":73,"slug":74},[185,186,187],{"id":106,"title":107,"slug":108},{"id":110,"title":111,"slug":112},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":77,"description":192,"canonical_path":4,"image":193,"width":61,"height":194,"image_alt":95,"kind":64,"patterns":195,"component_categories":202,"app":206},"c2380fad-1db0-4815-a52e-021e51dd1a34","Onboarding step where the user is prompted to install the Chrome extension to record demos, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2380fad-1db0-4815-a52e-021e51dd1a34.png",1798,[196,198,200],{"id":76,"label":77,"slug":78,"rank":70,"group":197},{"id":80,"label":81,"slug":82},{"id":100,"label":101,"slug":102,"rank":72,"group":199},{"id":80,"label":81,"slug":82},{"id":178,"label":179,"slug":180,"rank":136,"group":201},{"id":80,"label":81,"slug":82},[203,204,205],{"id":106,"title":107,"slug":108},{"id":114,"title":115,"slug":116},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":4,"image":212,"width":61,"height":62,"image_alt":213,"kind":64,"patterns":214,"component_categories":232,"app":243},"c2229209-bd6e-4468-b0fc-0e788fda9cce","My Workspace","Workspace list view where the user can access getting-started resources and create their first Arcade, with an active onboarding checklist in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2229209-bd6e-4468-b0fc-0e788fda9cce.png","My Workspace from Arcade",[215,217,225],{"id":178,"label":179,"slug":180,"rank":70,"group":216},{"id":80,"label":81,"slug":82},{"id":218,"label":219,"slug":220,"rank":72,"group":221},115,"Empty State","empty-state",{"id":222,"label":223,"slug":224},12,"States & Feedback","states-and-feedback",{"id":226,"label":227,"slug":228,"rank":136,"group":229},81,"Home","home",{"id":37,"label":230,"slug":231},"Pages & Content","pages-and-content",[233,237,241,242],{"id":234,"title":235,"slug":236},226,"Skeleton","skeleton",{"id":238,"title":239,"slug":240},169,"Avatar","avatar",{"id":118,"title":119,"slug":120},{"id":114,"title":115,"slug":116},{"slug":30,"title":29,"logo":32,"categories":244},[],{"uuid":246,"title":210,"description":247,"canonical_path":4,"image":248,"width":61,"height":62,"image_alt":213,"kind":64,"patterns":249,"component_categories":270,"app":276},"a11f5ab7-c819-4e75-981d-f6182056139e","App home screen where the user is guided by an onboarding checklist, resource cards, and an empty grid view waiting for their first creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa11f5ab7-c819-4e75-981d-f6182056139e.png",[250,257,262],{"id":251,"label":252,"slug":253,"rank":70,"group":254},41,"Dashboard","dashboard",{"id":67,"label":255,"slug":256},"Data & Analysis","data-and-analysis",{"id":258,"label":259,"slug":260,"rank":72,"group":261},79,"Browse","browse",{"id":37,"label":230,"slug":231},{"id":263,"label":264,"slug":265,"rank":136,"group":266},71,"Workspace Switcher","workspace-switcher",{"id":267,"label":268,"slug":269},6,"Navigation & Commands","navigation-and-commands",[271,272,273,274,275],{"id":234,"title":235,"slug":236},{"id":238,"title":239,"slug":240},{"id":118,"title":119,"slug":120},{"id":114,"title":115,"slug":116},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":210,"description":280,"canonical_path":4,"image":281,"width":61,"height":62,"image_alt":213,"kind":64,"patterns":282,"component_categories":294,"app":303},"d0abbc0f-6650-478b-bad8-0dc905a6a9c1","Home dashboard with an onboarding overlay prompting the user to create their first Arcade using the Chrome extension, featuring step-by-step instructions and a manual upload fallback.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0abbc0f-6650-478b-bad8-0dc905a6a9c1.png",[283,285,290,292],{"id":178,"label":179,"slug":180,"rank":70,"group":284},{"id":80,"label":81,"slug":82},{"id":286,"label":287,"slug":288,"rank":72,"group":289},72,"Getting Started","getting-started",{"id":80,"label":81,"slug":82},{"id":218,"label":219,"slug":220,"rank":136,"group":291},{"id":222,"label":223,"slug":224},{"id":226,"label":227,"slug":228,"rank":142,"group":293},{"id":37,"label":230,"slug":231},[295,299,300,301,302],{"id":296,"title":297,"slug":298},284,"Modal","modal",{"id":238,"title":239,"slug":240},{"id":118,"title":119,"slug":120},{"id":114,"title":115,"slug":116},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":304},[],{"uuid":306,"title":307,"description":308,"canonical_path":4,"image":309,"width":61,"height":62,"image_alt":310,"kind":64,"patterns":311,"component_categories":331,"app":345},"98013c22-c50d-4539-a936-16519df58b2d","Edit Arcade Flow Tue Mar 05 2024","Design editor for an interactive product tour where the user is prompted to upload media, add from a library, or capture a new recording to start building their flow.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F98013c22-c50d-4539-a936-16519df58b2d.png","Edit Arcade Flow Tue Mar 05 2024 from Arcade",[312,317,321,329],{"id":313,"label":314,"slug":315,"rank":70,"group":316},11,"Edit","edit",{"id":136,"label":144,"slug":145},{"id":41,"label":318,"slug":319,"rank":72,"group":320},"Upload & Download","upload-and-download",{"id":136,"label":144,"slug":145},{"id":322,"label":323,"slug":324,"rank":136,"group":325},55,"Design Editor","design-editor",{"id":326,"label":327,"slug":328},5,"Media & Tools","media-and-tools",{"id":218,"label":219,"slug":220,"rank":142,"group":330},{"id":222,"label":223,"slug":224},[332,336,340,341,342,343,344],{"id":333,"title":334,"slug":335},177,"Breadcrumb","breadcrumb",{"id":337,"title":338,"slug":339},233,"Tabs","tabs",{"id":110,"title":111,"slug":112},{"id":238,"title":239,"slug":240},{"id":118,"title":119,"slug":120},{"id":114,"title":115,"slug":116},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":346},[],{"uuid":348,"title":349,"description":350,"canonical_path":4,"image":351,"width":61,"height":62,"image_alt":352,"kind":64,"patterns":353,"component_categories":366,"app":371},"7f28f559-09b7-4df6-9eca-5a6a18b1db23","Uploading 13...","Editor screen showing the upload progress of a recorded web application demo inside a browser mockup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f28f559-09b7-4df6-9eca-5a6a18b1db23.png","Uploading 13... from Arcade",[354,356,361],{"id":41,"label":318,"slug":319,"rank":70,"group":355},{"id":136,"label":144,"slug":145},{"id":357,"label":358,"slug":359,"rank":72,"group":360},120,"Loading","loading",{"id":222,"label":223,"slug":224},{"id":362,"label":363,"slug":364,"rank":136,"group":365},58,"Media Editor","media-editor",{"id":326,"label":327,"slug":328},[367,368,369,370],{"id":110,"title":111,"slug":112},{"id":238,"title":239,"slug":240},{"id":118,"title":119,"slug":120},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":372},[],{"uuid":374,"title":375,"description":376,"canonical_path":4,"image":377,"width":61,"height":62,"image_alt":378,"kind":64,"patterns":379,"component_categories":386,"app":392},"9fe0c9a0-e068-4d1a-9126-27b88b32e0c0","Uploading 51...","Creation screen where the user waits for a screen recording of a web design inspiration site to finish uploading, with options to share or edit the pending artifact.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fe0c9a0-e068-4d1a-9126-27b88b32e0c0.png","Uploading 51... from Arcade",[380,382,384],{"id":41,"label":318,"slug":319,"rank":70,"group":381},{"id":136,"label":144,"slug":145},{"id":357,"label":358,"slug":359,"rank":72,"group":383},{"id":222,"label":223,"slug":224},{"id":258,"label":259,"slug":260,"rank":136,"group":385},{"id":37,"label":230,"slug":231},[387,388,389,390,391],{"id":110,"title":111,"slug":112},{"id":238,"title":239,"slug":240},{"id":118,"title":119,"slug":120},{"id":114,"title":115,"slug":116},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":393},[],[],[396,398,400,402,404,406,408,410,412,414,416,418,420,423,426,429,432,435,438,440,444,448,452],{"label":77,"to":397},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":179,"to":399},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":101,"to":401},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":219,"to":403},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":318,"to":405},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":134,"to":407},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":259,"to":409},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":227,"to":411},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":358,"to":413},"\u002Fexamples\u002Fscreens\u002Floading",{"label":140,"to":415},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":252,"to":417},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":323,"to":419},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":421,"to":422},"Arcade marketing pages","\u002Fexamples\u002Fapps\u002Farcade\u002Fmarketing",{"label":424,"to":425},"Arcade user flows","\u002Fexamples\u002Fapps\u002Farcade\u002Fflows",{"label":427,"to":428},"Arcade UI components","\u002Fexamples\u002Fapps\u002Farcade\u002Fcomponents",{"label":430,"to":431},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":433,"to":434},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":436,"to":437},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":439,"to":18},"All SaaS app examples",{"label":441,"to":442,"description":443},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":445,"to":446,"description":447},"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":449,"to":450,"description":451},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":453,"to":454,"description":455},"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":457,"updated_at":458},"2024-03-13T10:14:43.000Z","2026-09-13T13:02:39.000Z"]