[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Farcade":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":68,"showcases":69,"links":419,"dates":455},"\u002Fexamples\u002Fapps\u002Farcade","detail","apps",true,{"title":9,"description":10,"og_image":11},"Arcade design examples - Nicelydone","Explore Arcade UI design examples. Create effortlessly beautiful demos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0cc59b1d-930e-4cff-aca7-21c1221e330a.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Arcade design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Arcade",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Farcade\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Farcade\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Farcade\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Farcade\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Arcade","arcade","Create effortlessly beautiful demos in minutes","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Farcade-661b86c8.png","https:\u002F\u002Fwww.arcade.software","arcade_demo",[48,52,56,60,64],{"id":49,"title":50,"slug":51},8,"Design","design",{"id":53,"title":54,"slug":55},25,"Marketing","marketing",{"id":57,"title":58,"slug":59},80,"Artificial Intelligence","artificial-intelligence",{"id":61,"title":62,"slug":63},100,"Video","video",{"id":65,"title":66,"slug":67},103,"Demo Automation","demo-automation",[],[70,410,413,416],{"family":71,"examples":72},"screens",[73,106,140,170,187,206,224,261,294,321,363,389],{"uuid":74,"title":75,"description":76,"canonical_path":29,"image":11,"width":77,"height":78,"image_alt":79,"kind":80,"patterns":81,"component_categories":99,"app":104},"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",[82,91],{"id":83,"label":84,"slug":85,"rank":86,"group":87},4,"Sign In","sign-in",0,{"id":88,"label":89,"slug":90},1,"Access & Account","access-and-account",{"id":92,"label":93,"slug":94,"rank":88,"group":95},77,"Welcome","welcome",{"id":96,"label":97,"slug":98},7,"Onboarding & Education","onboarding-and-education",[100],{"id":101,"title":102,"slug":103},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":105},[],{"uuid":107,"title":93,"description":108,"canonical_path":29,"image":109,"width":77,"height":110,"image_alt":111,"kind":80,"patterns":112,"component_categories":120,"app":138},"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",[113,115],{"id":92,"label":93,"slug":94,"rank":86,"group":114},{"id":96,"label":97,"slug":98},{"id":116,"label":117,"slug":118,"rank":88,"group":119},75,"Setup Wizard","setup-wizard",{"id":96,"label":97,"slug":98},[121,125,129,133,137],{"id":122,"title":123,"slug":124},227,"Stepper","stepper",{"id":126,"title":127,"slug":128},240,"Horizontal navigation","horizontal-navigation",{"id":130,"title":131,"slug":132},174,"Card","card",{"id":134,"title":135,"slug":136},260,"Badge","badge",{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":139},[],{"uuid":141,"title":93,"description":142,"canonical_path":29,"image":143,"width":77,"height":110,"image_alt":111,"kind":80,"patterns":144,"component_categories":162,"app":168},"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",[145,147,149,154],{"id":92,"label":93,"slug":94,"rank":86,"group":146},{"id":96,"label":97,"slug":98},{"id":116,"label":117,"slug":118,"rank":88,"group":148},{"id":96,"label":97,"slug":98},{"id":88,"label":150,"slug":151,"rank":152,"group":153},"Account Setup","account-setup",2,{"id":88,"label":89,"slug":90},{"id":155,"label":156,"slug":157,"rank":158,"group":159},23,"Select","select",3,{"id":152,"label":160,"slug":161},"Actions","actions",[163,164,165,166,167],{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":134,"title":135,"slug":136},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":93,"description":172,"canonical_path":29,"image":173,"width":77,"height":174,"image_alt":111,"kind":80,"patterns":175,"component_categories":182,"app":185},"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,[176,178,180],{"id":92,"label":93,"slug":94,"rank":86,"group":177},{"id":96,"label":97,"slug":98},{"id":116,"label":117,"slug":118,"rank":88,"group":179},{"id":96,"label":97,"slug":98},{"id":155,"label":156,"slug":157,"rank":152,"group":181},{"id":152,"label":160,"slug":161},[183,184],{"id":122,"title":123,"slug":124},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":186},[],{"uuid":188,"title":93,"description":172,"canonical_path":29,"image":189,"width":77,"height":174,"image_alt":111,"kind":80,"patterns":190,"component_categories":200,"app":204},"d3a8101f-7bce-4ebc-b50f-0c4203903eca","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd3a8101f-7bce-4ebc-b50f-0c4203903eca.png",[191,193,198],{"id":92,"label":93,"slug":94,"rank":86,"group":192},{"id":96,"label":97,"slug":98},{"id":194,"label":195,"slug":196,"rank":88,"group":197},74,"Onboarding Checklist","onboarding-checklist",{"id":96,"label":97,"slug":98},{"id":88,"label":150,"slug":151,"rank":152,"group":199},{"id":88,"label":89,"slug":90},[201,202,203],{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":205},[],{"uuid":207,"title":93,"description":208,"canonical_path":29,"image":209,"width":77,"height":210,"image_alt":111,"kind":80,"patterns":211,"component_categories":218,"app":222},"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,[212,214,216],{"id":92,"label":93,"slug":94,"rank":86,"group":213},{"id":96,"label":97,"slug":98},{"id":116,"label":117,"slug":118,"rank":88,"group":215},{"id":96,"label":97,"slug":98},{"id":194,"label":195,"slug":196,"rank":152,"group":217},{"id":96,"label":97,"slug":98},[219,220,221],{"id":122,"title":123,"slug":124},{"id":130,"title":131,"slug":132},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":223},[],{"uuid":225,"title":226,"description":227,"canonical_path":29,"image":228,"width":77,"height":78,"image_alt":229,"kind":80,"patterns":230,"component_categories":248,"app":259},"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",[231,233,241],{"id":194,"label":195,"slug":196,"rank":86,"group":232},{"id":96,"label":97,"slug":98},{"id":234,"label":235,"slug":236,"rank":88,"group":237},115,"Empty State","empty-state",{"id":238,"label":239,"slug":240},12,"States & Feedback","states-and-feedback",{"id":242,"label":243,"slug":244,"rank":152,"group":245},81,"Home","home",{"id":49,"label":246,"slug":247},"Pages & Content","pages-and-content",[249,253,257,258],{"id":250,"title":251,"slug":252},226,"Skeleton","skeleton",{"id":254,"title":255,"slug":256},169,"Avatar","avatar",{"id":134,"title":135,"slug":136},{"id":130,"title":131,"slug":132},{"slug":42,"title":41,"logo":44,"categories":260},[],{"uuid":262,"title":226,"description":263,"canonical_path":29,"image":264,"width":77,"height":78,"image_alt":229,"kind":80,"patterns":265,"component_categories":286,"app":292},"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",[266,273,278],{"id":267,"label":268,"slug":269,"rank":86,"group":270},41,"Dashboard","dashboard",{"id":83,"label":271,"slug":272},"Data & Analysis","data-and-analysis",{"id":274,"label":275,"slug":276,"rank":88,"group":277},79,"Browse","browse",{"id":49,"label":246,"slug":247},{"id":279,"label":280,"slug":281,"rank":152,"group":282},71,"Workspace Switcher","workspace-switcher",{"id":283,"label":284,"slug":285},6,"Navigation & Commands","navigation-and-commands",[287,288,289,290,291],{"id":250,"title":251,"slug":252},{"id":254,"title":255,"slug":256},{"id":134,"title":135,"slug":136},{"id":130,"title":131,"slug":132},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":293},[],{"uuid":295,"title":226,"description":296,"canonical_path":29,"image":297,"width":77,"height":78,"image_alt":229,"kind":80,"patterns":298,"component_categories":310,"app":319},"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",[299,301,306,308],{"id":194,"label":195,"slug":196,"rank":86,"group":300},{"id":96,"label":97,"slug":98},{"id":302,"label":303,"slug":304,"rank":88,"group":305},72,"Getting Started","getting-started",{"id":96,"label":97,"slug":98},{"id":234,"label":235,"slug":236,"rank":152,"group":307},{"id":238,"label":239,"slug":240},{"id":242,"label":243,"slug":244,"rank":158,"group":309},{"id":49,"label":246,"slug":247},[311,315,316,317,318],{"id":312,"title":313,"slug":314},284,"Modal","modal",{"id":254,"title":255,"slug":256},{"id":134,"title":135,"slug":136},{"id":130,"title":131,"slug":132},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":320},[],{"uuid":322,"title":323,"description":324,"canonical_path":29,"image":325,"width":77,"height":78,"image_alt":326,"kind":80,"patterns":327,"component_categories":347,"app":361},"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",[328,333,337,345],{"id":329,"label":330,"slug":331,"rank":86,"group":332},11,"Edit","edit",{"id":152,"label":160,"slug":161},{"id":53,"label":334,"slug":335,"rank":88,"group":336},"Upload & Download","upload-and-download",{"id":152,"label":160,"slug":161},{"id":338,"label":339,"slug":340,"rank":152,"group":341},55,"Design Editor","design-editor",{"id":342,"label":343,"slug":344},5,"Media & Tools","media-and-tools",{"id":234,"label":235,"slug":236,"rank":158,"group":346},{"id":238,"label":239,"slug":240},[348,352,356,357,358,359,360],{"id":349,"title":350,"slug":351},177,"Breadcrumb","breadcrumb",{"id":353,"title":354,"slug":355},233,"Tabs","tabs",{"id":126,"title":127,"slug":128},{"id":254,"title":255,"slug":256},{"id":134,"title":135,"slug":136},{"id":130,"title":131,"slug":132},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":362},[],{"uuid":364,"title":365,"description":366,"canonical_path":29,"image":367,"width":77,"height":78,"image_alt":368,"kind":80,"patterns":369,"component_categories":382,"app":387},"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",[370,372,377],{"id":53,"label":334,"slug":335,"rank":86,"group":371},{"id":152,"label":160,"slug":161},{"id":373,"label":374,"slug":375,"rank":88,"group":376},120,"Loading","loading",{"id":238,"label":239,"slug":240},{"id":378,"label":379,"slug":380,"rank":152,"group":381},58,"Media Editor","media-editor",{"id":342,"label":343,"slug":344},[383,384,385,386],{"id":126,"title":127,"slug":128},{"id":254,"title":255,"slug":256},{"id":134,"title":135,"slug":136},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":388},[],{"uuid":390,"title":391,"description":392,"canonical_path":29,"image":393,"width":77,"height":78,"image_alt":394,"kind":80,"patterns":395,"component_categories":402,"app":408},"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",[396,398,400],{"id":53,"label":334,"slug":335,"rank":86,"group":397},{"id":152,"label":160,"slug":161},{"id":373,"label":374,"slug":375,"rank":88,"group":399},{"id":238,"label":239,"slug":240},{"id":274,"label":275,"slug":276,"rank":152,"group":401},{"id":49,"label":246,"slug":247},[403,404,405,406,407],{"id":126,"title":127,"slug":128},{"id":254,"title":255,"slug":256},{"id":134,"title":135,"slug":136},{"id":130,"title":131,"slug":132},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":409},[],{"family":411,"examples":412},"flows",[],{"family":414,"examples":415},"components",[],{"family":417,"examples":418},"pages",[],[420,422,424,426,428,431,434,437,439,443,447,451],{"label":421,"to":29},"Arcade product screens",{"label":423,"to":38},"Arcade marketing pages",{"label":425,"to":32},"Arcade user flows",{"label":427,"to":35},"Arcade UI components",{"label":429,"to":430},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":432,"to":433},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":435,"to":436},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":438,"to":18},"All SaaS app examples",{"label":440,"to":441,"description":442},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":444,"to":445,"description":446},"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":448,"to":449,"description":450},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":452,"to":453,"description":454},"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":456,"updated_at":457},"2024-03-13T10:12:37.000Z","2026-09-22T00:10:13.000Z"]