[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbalsa\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":335,"links":336,"dates":397},"\u002Fexamples\u002Fapps\u002Fbalsa\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Balsa product screens examples - Nicelydone","Browse Balsa screen design examples. Preview the interface screenshots and explore related UI patterns. Move Fast, Together","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faeff5b9b-f2f6-4d45-8bc0-ec5d47d16807.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},"Balsa design examples","\u002Fexamples\u002Fapps\u002Fbalsa",{"label":23,"to":4},"Balsa 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,"categories":34},"Balsa","balsa","Move Fast, Together","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbalsa-5t8koeio.png","https:\u002F\u002Fwww.balsa.com",[35,39,43],{"id":36,"title":37,"slug":38},86,"Product management","product-management",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",{"id":44,"title":45,"slug":46},23,"Collaboration","collaboration",[48,72,86,124,150,188,212,235,257,277,295,316],{"uuid":49,"title":29,"description":50,"canonical_path":4,"image":11,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":55,"component_categories":65,"app":70},"aeff5b9b-f2f6-4d45-8bc0-ec5d47d16807","Sign-in screen where the user enters their work email to proceed with authentication.",3024,1738,"Balsa from Balsa","screen",[56],{"id":57,"label":58,"slug":59,"rank":60,"group":61},4,"Sign In","sign-in",0,{"id":62,"label":63,"slug":64},1,"Access & Account","access-and-account",[66],{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":29,"description":74,"canonical_path":4,"image":75,"width":51,"height":52,"image_alt":53,"kind":54,"patterns":76,"component_categories":82,"app":84},"3da4d01a-7ab6-43f5-914d-2aa7fb1e3cfb","Verification screen instructing the user to check their email for a magic link to complete the login process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3da4d01a-7ab6-43f5-914d-2aa7fb1e3cfb.png",[77],{"id":78,"label":79,"slug":80,"rank":60,"group":81},6,"Verification","verification",{"id":62,"label":63,"slug":64},[83],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":51,"height":52,"image_alt":91,"kind":54,"patterns":92,"component_categories":116,"app":122},"60ebf21c-bd2f-429f-87b3-1319e1437b08","Directory | Balsa","Directory list view where the user browses projects with columns for teammates, milestones, and status, and can create a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60ebf21c-bd2f-429f-87b3-1319e1437b08.png","Directory | Balsa from Balsa",[93,101,109],{"id":94,"label":95,"slug":96,"rank":60,"group":97},79,"Browse","browse",{"id":98,"label":99,"slug":100},8,"Pages & Content","pages-and-content",{"id":102,"label":103,"slug":104,"rank":62,"group":105},7,"Add & Create","add-and-create",{"id":106,"label":107,"slug":108},2,"Actions","actions",{"id":110,"label":111,"slug":112,"rank":106,"group":113},47,"Table","table",{"id":57,"label":114,"slug":115},"Data & Analysis","data-and-analysis",[117,121],{"id":118,"title":119,"slug":120},240,"Horizontal navigation","horizontal-navigation",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":88,"description":126,"canonical_path":4,"image":127,"width":51,"height":52,"image_alt":91,"kind":54,"patterns":128,"component_categories":138,"app":148},"033fb42e-6846-442c-a812-2ba6b14999a0","App home page where the user views a directory of their projects, tracks milestones, and can create a new project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F033fb42e-6846-442c-a812-2ba6b14999a0.png",[129,134,136],{"id":130,"label":131,"slug":132,"rank":60,"group":133},81,"Home","home",{"id":98,"label":99,"slug":100},{"id":102,"label":103,"slug":104,"rank":62,"group":135},{"id":106,"label":107,"slug":108},{"id":110,"label":111,"slug":112,"rank":106,"group":137},{"id":57,"label":114,"slug":115},[139,143,147],{"id":140,"title":141,"slug":142},174,"Card","card",{"id":144,"title":145,"slug":146},169,"Avatar","avatar",{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":51,"height":155,"image_alt":156,"kind":54,"patterns":157,"component_categories":178,"app":186},"c8eeaca5-a4db-4ec6-9322-f4c51d7845a1","Welcome to Balsa! | Balsa","Detail page for an example onboarding project containing helpful links, instructional task lists, and milestones to orient the user.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc8eeaca5-a4db-4ec6-9322-f4c51d7845a1.png",2714,"Welcome to Balsa! | Balsa from Balsa",[158,165,170],{"id":159,"label":160,"slug":161,"rank":60,"group":162},77,"Welcome","welcome",{"id":102,"label":163,"slug":164},"Onboarding & Education","onboarding-and-education",{"id":166,"label":167,"slug":168,"rank":62,"group":169},74,"Onboarding Checklist","onboarding-checklist",{"id":102,"label":163,"slug":164},{"id":171,"label":172,"slug":173,"rank":106,"group":174},117,"Feedback","feedback",{"id":175,"label":176,"slug":177},12,"States & Feedback","states-and-feedback",[179,180,184,185],{"id":118,"title":119,"slug":120},{"id":181,"title":182,"slug":183},260,"Badge","badge",{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":152,"description":190,"canonical_path":4,"image":191,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":192,"component_categories":205,"app":210},"3402e4ef-8ee3-44b6-89e6-be2f28d3bcfe","Detail page for a welcome project where the user can review onboarding tasks, change the project status, and access helpful resource links.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3402e4ef-8ee3-44b6-89e6-be2f28d3bcfe.png",[193,195,197,202],{"id":159,"label":160,"slug":161,"rank":60,"group":194},{"id":102,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":62,"group":196},{"id":102,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":106,"group":201},85,"Tasks","tasks",{"id":98,"label":99,"slug":100},{"id":130,"label":131,"slug":132,"rank":203,"group":204},3,{"id":98,"label":99,"slug":100},[206,207,208,209],{"id":118,"title":119,"slug":120},{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":152,"description":214,"canonical_path":4,"image":215,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":216,"component_categories":228,"app":233},"a818ff70-f61e-4226-8446-802522d2366c","Project detail page where the user views a welcome project containing a list of onboarding tasks and attached links, with a link action menu currently open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa818ff70-f61e-4226-8446-802522d2366c.png",[217,219,221,223],{"id":159,"label":160,"slug":161,"rank":60,"group":218},{"id":102,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":62,"group":220},{"id":102,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":106,"group":222},{"id":98,"label":99,"slug":100},{"id":224,"label":225,"slug":226,"rank":203,"group":227},11,"Edit","edit",{"id":106,"label":107,"slug":108},[229,230,231,232],{"id":118,"title":119,"slug":120},{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":152,"description":237,"canonical_path":4,"image":238,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":239,"component_categories":246,"app":255},"2caa9cfb-7ce8-49a0-80ef-d8693d49877c","Project detail page where the user is adding a new URL link via an inline popover form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2caa9cfb-7ce8-49a0-80ef-d8693d49877c.png",[240,242,244],{"id":159,"label":160,"slug":161,"rank":60,"group":241},{"id":102,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":62,"group":243},{"id":102,"label":163,"slug":164},{"id":224,"label":225,"slug":226,"rank":106,"group":245},{"id":106,"label":107,"slug":108},[247,251,252,253,254],{"id":248,"title":249,"slug":250},214,"Popover","popover",{"id":118,"title":119,"slug":120},{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":256},[],{"uuid":258,"title":152,"description":259,"canonical_path":4,"image":260,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":261,"component_categories":270,"app":275},"469cda38-62f4-41e8-8712-f4846754a8ac","Detail page where the user views a welcome project, manages links via an open dropdown menu, and interacts with a task list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F469cda38-62f4-41e8-8712-f4846754a8ac.png",[262,264,266,268],{"id":159,"label":160,"slug":161,"rank":60,"group":263},{"id":102,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":62,"group":265},{"id":98,"label":99,"slug":100},{"id":166,"label":167,"slug":168,"rank":106,"group":267},{"id":102,"label":163,"slug":164},{"id":224,"label":225,"slug":226,"rank":203,"group":269},{"id":106,"label":107,"slug":108},[271,272,273,274],{"id":118,"title":119,"slug":120},{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":276},[],{"uuid":278,"title":152,"description":279,"canonical_path":4,"image":280,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":281,"component_categories":288,"app":293},"1c3b4644-4424-4467-9992-37b433bad4f3","Detail page for an example project where the user can update the status, view related links, and complete a checklist of onboarding tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1c3b4644-4424-4467-9992-37b433bad4f3.png",[282,284,286],{"id":159,"label":160,"slug":161,"rank":60,"group":283},{"id":102,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":62,"group":285},{"id":102,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":106,"group":287},{"id":98,"label":99,"slug":100},[289,290,291,292],{"id":118,"title":119,"slug":120},{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":294},[],{"uuid":296,"title":152,"description":297,"canonical_path":4,"image":298,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":299,"component_categories":310,"app":314},"afc1e736-53c1-44ea-9dee-4ecdcdeaa61f","Project detail page where the user views an onboarding example, changes the project status via an open dropdown, and interacts with a task list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fafc1e736-53c1-44ea-9dee-4ecdcdeaa61f.png",[300,302,304,306],{"id":159,"label":160,"slug":161,"rank":60,"group":301},{"id":102,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":62,"group":303},{"id":102,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":106,"group":305},{"id":98,"label":99,"slug":100},{"id":44,"label":307,"slug":308,"rank":203,"group":309},"Select","select",{"id":106,"label":107,"slug":108},[311,312,313],{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":315},[],{"uuid":317,"title":152,"description":318,"canonical_path":4,"image":319,"width":51,"height":52,"image_alt":156,"kind":54,"patterns":320,"component_categories":329,"app":333},"1fe657d6-6025-40f9-ad84-9a1eed80e05d","Detail page for an onboarding project where the user can view attached links, update the project status, and check off a list of introductory tasks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1fe657d6-6025-40f9-ad84-9a1eed80e05d.png",[321,323,325,327],{"id":159,"label":160,"slug":161,"rank":60,"group":322},{"id":102,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":62,"group":324},{"id":102,"label":163,"slug":164},{"id":198,"label":199,"slug":200,"rank":106,"group":326},{"id":98,"label":99,"slug":100},{"id":224,"label":225,"slug":226,"rank":203,"group":328},{"id":106,"label":107,"slug":108},[330,331,332],{"id":181,"title":182,"slug":183},{"id":144,"title":145,"slug":146},{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":334},[],[],[337,339,341,343,345,347,349,351,353,355,357,359,361,364,367,370,373,376,379,381,385,389,393],{"label":167,"to":338},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":160,"to":340},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":199,"to":342},"\u002Fexamples\u002Fscreens\u002Ftasks",{"label":225,"to":344},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":103,"to":346},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":131,"to":348},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":111,"to":350},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":95,"to":352},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":172,"to":354},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":307,"to":356},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":58,"to":358},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":79,"to":360},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":362,"to":363},"Balsa marketing pages","\u002Fexamples\u002Fapps\u002Fbalsa\u002Fmarketing",{"label":365,"to":366},"Balsa user flows","\u002Fexamples\u002Fapps\u002Fbalsa\u002Fflows",{"label":368,"to":369},"Balsa UI components","\u002Fexamples\u002Fapps\u002Fbalsa\u002Fcomponents",{"label":371,"to":372},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":374,"to":375},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":377,"to":378},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":380,"to":18},"All SaaS app examples",{"label":382,"to":383,"description":384},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":386,"to":387,"description":388},"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":390,"to":391,"description":392},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":394,"to":395,"description":396},"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":398,"updated_at":399},"2022-10-15T10:49:57.000Z","2026-09-13T13:02:39.000Z"]