[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fartboard-studio":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":370,"dates":400},"\u002Fexamples\u002Fapps\u002Fartboard-studio","detail","apps",true,{"title":9,"description":10,"og_image":11},"Artboard Studio design examples - Nicelydone","Explore Artboard Studio UI design examples. Design and animate like never before","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89d125a5-ae96-4656-aa14-a878ba082803.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Artboard Studio design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Artboard Studio",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fartboard-studio\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Artboard Studio","artboard-studio","Design and animate like never before","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fartboard-studio-9eeq44og.png","https:\u002F\u002Fartboard.studio","artboard_studio",[48],{"id":49,"title":50,"slug":51},8,"Design","design",[],[54,361,364,367],{"family":55,"examples":56},"screens",[57,86,101,112,132,151,165,184,229,257,284,331],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":84},"89d125a5-ae96-4656-aa14-a878ba082803","Create mockups online | Artboard Studio","Sign-in screen where the user authenticates with Google, Facebook, or email, featuring a product UI preview on the right.",3024,1674,"Create mockups online | Artboard Studio from Artboard Studio","screen",[66],{"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",[76,80],{"id":77,"title":78,"slug":79},233,"Tabs","tabs",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":85},[],{"uuid":87,"title":59,"description":88,"canonical_path":29,"image":89,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":90,"component_categories":96,"app":99},"1fcd18b6-bafa-4a2b-b379-dff9c1e0265d","Password recovery screen where the user enters their email address to receive a verification code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fcd18b6-bafa-4a2b-b379-dff9c1e0265d.png",[91],{"id":92,"label":93,"slug":94,"rank":70,"group":95},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[97,98],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":59,"description":88,"canonical_path":29,"image":103,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":104,"component_categories":107,"app":110},"5c65bada-4f8d-48dd-b813-2be84aff89c1","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c65bada-4f8d-48dd-b813-2be84aff89c1.png",[105],{"id":92,"label":93,"slug":94,"rank":70,"group":106},{"id":72,"label":73,"slug":74},[108,109],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":111},[],{"uuid":113,"title":59,"description":114,"canonical_path":29,"image":115,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":116,"component_categories":127,"app":130},"9b496fc7-4f59-4d12-ac9b-1a43ad906a62","Password recovery screen where the user attempts to request a verification code but encounters an invalid email error, presented in a split-screen layout with a product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b496fc7-4f59-4d12-ac9b-1a43ad906a62.png",[117,119],{"id":92,"label":93,"slug":94,"rank":70,"group":118},{"id":72,"label":73,"slug":74},{"id":120,"label":121,"slug":122,"rank":72,"group":123},116,"Error","error",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",[128,129],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":131},[],{"uuid":133,"title":59,"description":134,"canonical_path":29,"image":135,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":136,"component_categories":146,"app":149},"2f85ded8-584a-4261-ab9a-ecae21b93cd0","Signup page where the user can create an account using email, Google, or Facebook, featuring a product interface preview on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f85ded8-584a-4261-ab9a-ecae21b93cd0.png",[137,142],{"id":138,"label":139,"slug":140,"rank":70,"group":141},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},{"id":72,"label":143,"slug":144,"rank":72,"group":145},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},[147,148],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":59,"description":153,"canonical_path":29,"image":154,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":155,"component_categories":160,"app":163},"7e4ae4c8-d538-4e8e-be95-02162a3cb8e9","Sign-up page where the user creates an account using an email and password or social login, alongside a product interface preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e4ae4c8-d538-4e8e-be95-02162a3cb8e9.png",[156,158],{"id":138,"label":139,"slug":140,"rank":70,"group":157},{"id":72,"label":73,"slug":74},{"id":72,"label":143,"slug":144,"rank":72,"group":159},{"id":72,"label":73,"slug":74},[161,162],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":164},[],{"uuid":166,"title":59,"description":167,"canonical_path":29,"image":168,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":169,"component_categories":179,"app":182},"e6110a46-c9ff-4e59-a444-feff13c46a85","Signup page where the user has successfully registered an account using an email address and password, alongside a product preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6110a46-c9ff-4e59-a444-feff13c46a85.png",[170,172,177],{"id":138,"label":139,"slug":140,"rank":70,"group":171},{"id":72,"label":73,"slug":74},{"id":173,"label":174,"slug":175,"rank":72,"group":176},122,"Success","success",{"id":124,"label":125,"slug":126},{"id":72,"label":143,"slug":144,"rank":92,"group":178},{"id":72,"label":73,"slug":74},[180,181],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":29,"image":188,"width":61,"height":62,"image_alt":189,"kind":64,"patterns":190,"component_categories":216,"app":227},"d01f3fb5-0167-4bc0-9897-5f7e1d1f1008","Projects | Artboard Studio","List view where the user can search, filter, and create new projects, currently showing an empty state for drafts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd01f3fb5-0167-4bc0-9897-5f7e1d1f1008.png","Projects | Artboard Studio from Artboard Studio",[191,198,203,210],{"id":192,"label":193,"slug":194,"rank":70,"group":195},80,"Files","files",{"id":49,"label":196,"slug":197},"Pages & Content","pages-and-content",{"id":199,"label":200,"slug":201,"rank":72,"group":202},115,"Empty State","empty-state",{"id":124,"label":125,"slug":126},{"id":204,"label":205,"slug":206,"rank":92,"group":207},22,"Search","search",{"id":92,"label":208,"slug":209},"Actions","actions",{"id":211,"label":212,"slug":213,"rank":214,"group":215},7,"Add & Create","add-and-create",3,{"id":92,"label":208,"slug":209},[217,221,225,226],{"id":218,"title":219,"slug":220},174,"Card","card",{"id":222,"title":223,"slug":224},240,"Horizontal navigation","horizontal-navigation",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":228},[],{"uuid":230,"title":186,"description":231,"canonical_path":29,"image":232,"width":61,"height":62,"image_alt":189,"kind":64,"patterns":233,"component_categories":251,"app":255},"37bea21a-2547-4186-bf20-b0e8f98c6b6f","List view where the user can create their first project, with the user profile dropdown captured open to reveal an upgrade prompt and usage limits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37bea21a-2547-4186-bf20-b0e8f98c6b6f.png",[234,236,238,246],{"id":199,"label":200,"slug":201,"rank":70,"group":235},{"id":124,"label":125,"slug":126},{"id":211,"label":212,"slug":213,"rank":72,"group":237},{"id":92,"label":208,"slug":209},{"id":239,"label":240,"slug":241,"rank":92,"group":242},92,"Upgrade Prompt","upgrade-prompt",{"id":243,"label":244,"slug":245},9,"Plans & Limits","plans-and-limits",{"id":247,"label":248,"slug":249,"rank":214,"group":250},93,"Usage Limit","usage-limit",{"id":243,"label":244,"slug":245},[252,253,254],{"id":218,"title":219,"slug":220},{"id":222,"title":223,"slug":224},{"id":77,"title":78,"slug":79},{"slug":42,"title":41,"logo":44,"categories":256},[],{"uuid":258,"title":186,"description":259,"canonical_path":29,"image":260,"width":61,"height":62,"image_alt":189,"kind":64,"patterns":261,"component_categories":273,"app":282},"cb51c987-0baa-4d7a-a1bf-778f405448d6","Projects list view where the user can create a new project, currently showing an open user menu with a usage donut chart and an upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb51c987-0baa-4d7a-a1bf-778f405448d6.png",[262,267,269,271],{"id":263,"label":264,"slug":265,"rank":70,"group":266},81,"Home","home",{"id":49,"label":196,"slug":197},{"id":211,"label":212,"slug":213,"rank":72,"group":268},{"id":92,"label":208,"slug":209},{"id":199,"label":200,"slug":201,"rank":92,"group":270},{"id":124,"label":125,"slug":126},{"id":239,"label":240,"slug":241,"rank":214,"group":272},{"id":243,"label":244,"slug":245},[274,278,279,280,281],{"id":275,"title":276,"slug":277},169,"Avatar","avatar",{"id":218,"title":219,"slug":220},{"id":222,"title":223,"slug":224},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":283},[],{"uuid":285,"title":186,"description":286,"canonical_path":29,"image":287,"width":61,"height":62,"image_alt":189,"kind":64,"patterns":288,"component_categories":318,"app":329},"7e3db24e-69c6-4d31-96f5-3211543d7ef4","Design editor interface featuring a blank canvas, a left-hand tool palette, a right-hand workspace inspector for background color, and a bottom timeline for animation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e3db24e-69c6-4d31-96f5-3211543d7ef4.png",[289,296,301,306,313],{"id":290,"label":291,"slug":292,"rank":70,"group":293},55,"Design Editor","design-editor",{"id":138,"label":294,"slug":295},"Media & Tools","media-and-tools",{"id":297,"label":298,"slug":299,"rank":72,"group":300},58,"Media Editor","media-editor",{"id":138,"label":294,"slug":295},{"id":302,"label":303,"slug":304,"rank":92,"group":305},11,"Edit","edit",{"id":92,"label":208,"slug":209},{"id":307,"label":308,"slug":309,"rank":214,"group":310},48,"Timeline","timeline",{"id":67,"label":311,"slug":312},"Data & Analysis","data-and-analysis",{"id":314,"label":315,"slug":316,"rank":67,"group":317},24,"Share","share",{"id":92,"label":208,"slug":209},[319,323,327,328],{"id":320,"title":321,"slug":322},177,"Breadcrumb","breadcrumb",{"id":324,"title":325,"slug":326},257,"Input number","input-number",{"id":222,"title":223,"slug":224},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":330},[],{"uuid":332,"title":186,"description":333,"canonical_path":29,"image":334,"width":61,"height":62,"image_alt":189,"kind":64,"patterns":335,"component_categories":342,"app":359},"b4decab8-a4f5-4fa1-a1d6-27ebb21cc4b3","Design editor canvas where the user is selecting a background color using a floating color picker popover.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4decab8-a4f5-4fa1-a1d6-27ebb21cc4b3.png",[336,338,340],{"id":290,"label":291,"slug":292,"rank":70,"group":337},{"id":138,"label":294,"slug":295},{"id":297,"label":298,"slug":299,"rank":72,"group":339},{"id":138,"label":294,"slug":295},{"id":302,"label":303,"slug":304,"rank":92,"group":341},{"id":92,"label":208,"slug":209},[343,347,351,355,356,357,358],{"id":344,"title":345,"slug":346},214,"Popover","popover",{"id":348,"title":349,"slug":350},183,"Color picker","color-picker",{"id":352,"title":353,"slug":354},277,"Button group","button-group",{"id":320,"title":321,"slug":322},{"id":324,"title":325,"slug":326},{"id":222,"title":223,"slug":224},{"id":81,"title":82,"slug":83},{"slug":42,"title":41,"logo":44,"categories":360},[],{"family":362,"examples":363},"flows",[],{"family":365,"examples":366},"components",[],{"family":368,"examples":369},"pages",[],[371,373,375,377,379,382,384,388,392,396],{"label":372,"to":29},"Artboard Studio product screens",{"label":374,"to":38},"Artboard Studio marketing pages",{"label":376,"to":32},"Artboard Studio user flows",{"label":378,"to":35},"Artboard Studio UI components",{"label":380,"to":381},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":383,"to":18},"All SaaS app examples",{"label":385,"to":386,"description":387},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":389,"to":390,"description":391},"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":393,"to":394,"description":395},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":397,"to":398,"description":399},"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":401,"updated_at":402},"2022-08-19T09:20:34.000Z","2026-09-26T12:10:16.000Z"]