[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdynaboard\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":327,"links":328,"dates":385},"\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Dynaboard product screens examples - Nicelydone","Browse Dynaboard screen design examples. Preview the interface screenshots and explore related UI patterns. Build a web app in 60 seconds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcca4e25-8ee1-44ca-94f2-5e8318b7ee68.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},"Dynaboard design examples","\u002Fexamples\u002Fapps\u002Fdynaboard",{"label":23,"to":4},"Dynaboard 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},"Dynaboard","dynaboard","Build a web app in 60 seconds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdinaboard-51ea0211.png","https:\u002F\u002Fdynaboard.com\u002F","https:\u002F\u002Ftwitter.com\u002Fdynaboard",[36,40,44],{"id":37,"title":38,"slug":39},96,"No code","no-code",{"id":41,"title":42,"slug":43},7,"Web Development","web-development",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",[49,78,92,119,133,146,186,216,240,263,280,304],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"bcca4e25-8ee1-44ca-94f2-5e8318b7ee68","Sign In • Dynaboard","Authentication screen where the user can sign in or sign up using Google, GitHub, or an email address, featuring a stylized product mockup on the right.",3024,1718,"Sign In • Dynaboard from Dynaboard","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},260,"Badge","badge",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":51,"description":80,"canonical_path":4,"image":81,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":82,"component_categories":88,"app":90},"471dc80f-1058-4834-8ab6-0a8293fd4b96","Verification screen where the user enters an 8-digit authentication code sent to their email to proceed with login.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F471dc80f-1058-4834-8ab6-0a8293fd4b96.png",[83],{"id":84,"label":85,"slug":86,"rank":62,"group":87},6,"Verification","verification",{"id":64,"label":65,"slug":66},[89],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":53,"height":54,"image_alt":97,"kind":56,"patterns":98,"component_categories":111,"app":117},"1250b86a-4a4d-40e0-9dd1-17d8482ea83e","Terms of Service • Dynaboard","Signup step where the user must agree to the platform services agreement, acceptable use policy, and privacy policy before getting started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1250b86a-4a4d-40e0-9dd1-17d8482ea83e.png","Terms of Service • Dynaboard from Dynaboard",[99,103],{"id":64,"label":100,"slug":101,"rank":62,"group":102},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},{"id":104,"label":105,"slug":106,"rank":64,"group":107},114,"Confirmation","confirmation",{"id":108,"label":109,"slug":110},12,"States & Feedback","states-and-feedback",[112,116],{"id":113,"title":114,"slug":115},174,"Card","card",{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":94,"description":121,"canonical_path":4,"image":122,"width":53,"height":54,"image_alt":97,"kind":56,"patterns":123,"component_categories":128,"app":131},"85574106-6d17-41ff-8039-cf0acc5aa313","Signup step where the user must agree to the Platform Services Agreement, Acceptable Use Policy, and Privacy Policy to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85574106-6d17-41ff-8039-cf0acc5aa313.png",[124,126],{"id":64,"label":100,"slug":101,"rank":62,"group":125},{"id":64,"label":65,"slug":66},{"id":104,"label":105,"slug":106,"rank":64,"group":127},{"id":108,"label":109,"slug":110},[129,130],{"id":113,"title":114,"slug":115},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":94,"description":95,"canonical_path":4,"image":135,"width":53,"height":54,"image_alt":97,"kind":56,"patterns":136,"component_categories":141,"app":144},"59d5cb05-2ab1-4fd7-86c5-7369d4d8c20f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59d5cb05-2ab1-4fd7-86c5-7369d4d8c20f.png",[137,139],{"id":64,"label":100,"slug":101,"rank":62,"group":138},{"id":64,"label":65,"slug":66},{"id":104,"label":105,"slug":106,"rank":64,"group":140},{"id":108,"label":109,"slug":110},[142,143],{"id":113,"title":114,"slug":115},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":152,"component_categories":168,"app":184},"6f5d2d85-a881-46f4-8e50-70f08e9d59c1","Apps • Dynaboard","Onboarding modal where the user selects a data source template like Google Sheets, MySQL, or a blank canvas to kickstart their new app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f5d2d85-a881-46f4-8e50-70f08e9d59c1.png","Apps • Dynaboard from Dynaboard",[153,160],{"id":41,"label":154,"slug":155,"rank":62,"group":156},"Add & Create","add-and-create",{"id":157,"label":158,"slug":159},2,"Actions","actions",{"id":161,"label":162,"slug":163,"rank":64,"group":164},86,"Templates","templates",{"id":165,"label":166,"slug":167},8,"Pages & Content","pages-and-content",[169,173,174,178,182,183],{"id":170,"title":171,"slug":172},169,"Avatar","avatar",{"id":113,"title":114,"slug":115},{"id":175,"title":176,"slug":177},240,"Horizontal navigation","horizontal-navigation",{"id":179,"title":180,"slug":181},284,"Modal","modal",{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":148,"description":188,"canonical_path":4,"image":189,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":190,"component_categories":196,"app":214},"e8b130fb-495f-4691-aa03-73ce230ee7fa","Creation modal where the user generates a new app by importing data from a shared Google Sheet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe8b130fb-495f-4691-aa03-73ce230ee7fa.png",[191],{"id":192,"label":193,"slug":194,"rank":62,"group":195},15,"Import & Export","import-and-export",{"id":157,"label":158,"slug":159},[197,198,202,206,207,211,212,213],{"id":170,"title":171,"slug":172},{"id":199,"title":200,"slug":201},168,"Accordion","accordion",{"id":203,"title":204,"slug":205},233,"Tabs","tabs",{"id":175,"title":176,"slug":177},{"id":208,"title":209,"slug":210},226,"Skeleton","skeleton",{"id":179,"title":180,"slug":181},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":148,"description":218,"canonical_path":4,"image":219,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":220,"component_categories":231,"app":238},"5428680c-0d93-485f-b062-cd4bebaf5bce","Create screen where the user configures a new application by connecting a Google Sheet, setting authorization levels, and viewing a structural preview of the generated UI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5428680c-0d93-485f-b062-cd4bebaf5bce.png",[221,229],{"id":222,"label":223,"slug":224,"rank":62,"group":225},30,"AI Generation","ai-generation",{"id":226,"label":227,"slug":228},3,"AI","ai",{"id":192,"label":193,"slug":194,"rank":64,"group":230},{"id":157,"label":158,"slug":159},[232,233,234,235,236,237],{"id":170,"title":171,"slug":172},{"id":203,"title":204,"slug":205},{"id":175,"title":176,"slug":177},{"id":208,"title":209,"slug":210},{"id":179,"title":180,"slug":181},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":239},[],{"uuid":241,"title":148,"description":242,"canonical_path":4,"image":243,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":244,"component_categories":249,"app":261},"2ca65050-bad9-4f3f-93af-f96da5ba2fc8","Create overlay where the user generates a new app by importing data from a Google Sheet, featuring a live skeleton preview of the resulting dashboard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2ca65050-bad9-4f3f-93af-f96da5ba2fc8.png",[245,247],{"id":192,"label":193,"slug":194,"rank":62,"group":246},{"id":157,"label":158,"slug":159},{"id":222,"label":223,"slug":224,"rank":64,"group":248},{"id":226,"label":227,"slug":228},[250,254,255,256,257,258,259,260],{"id":251,"title":252,"slug":253},167,"Alert","alert",{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":175,"title":176,"slug":177},{"id":208,"title":209,"slug":210},{"id":179,"title":180,"slug":181},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":262},[],{"uuid":264,"title":148,"description":265,"canonical_path":4,"image":266,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":267,"component_categories":270,"app":278},"adf1b900-64cf-4fb8-928f-4ac965d54318","Modal where the user configures details to generate a new application from a Google Sheet, including naming the app and setting sharing permissions, alongside a structural preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadf1b900-64cf-4fb8-928f-4ac965d54318.png",[268],{"id":192,"label":193,"slug":194,"rank":62,"group":269},{"id":157,"label":158,"slug":159},[271,272,273,274,275,276,277],{"id":251,"title":252,"slug":253},{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":175,"title":176,"slug":177},{"id":208,"title":209,"slug":210},{"id":179,"title":180,"slug":181},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":148,"description":282,"canonical_path":4,"image":283,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":284,"component_categories":295,"app":302},"bcca9dc4-44d8-45de-9082-58a142ede9e7","Creation modal where the user configures authentication rules and previews the layout before generating an app from a Google Sheet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcca9dc4-44d8-45de-9082-58a142ede9e7.png",[285,287],{"id":222,"label":223,"slug":224,"rank":62,"group":286},{"id":226,"label":227,"slug":228},{"id":288,"label":289,"slug":290,"rank":64,"group":291},102,"Settings","settings",{"id":292,"label":293,"slug":294},10,"Settings & Admin","settings-and-admin",[296,297,298,299,300,301],{"id":251,"title":252,"slug":253},{"id":199,"title":200,"slug":201},{"id":203,"title":204,"slug":205},{"id":208,"title":209,"slug":210},{"id":179,"title":180,"slug":181},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":303},[],{"uuid":305,"title":148,"description":306,"canonical_path":4,"image":307,"width":53,"height":54,"image_alt":151,"kind":56,"patterns":308,"component_categories":318,"app":325},"cb115c25-e93f-4482-93c5-77d80111c649","Creation modal where the user generates a new app by providing a REST API URL or cURL statement, featuring a live skeleton preview of the resulting interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb115c25-e93f-4482-93c5-77d80111c649.png",[309,311],{"id":222,"label":223,"slug":224,"rank":62,"group":310},{"id":226,"label":227,"slug":228},{"id":312,"label":313,"slug":314,"rank":64,"group":315},58,"Media Editor","media-editor",{"id":59,"label":316,"slug":317},"Media & Tools","media-and-tools",[319,320,321,322,323,324],{"id":199,"title":200,"slug":201},{"id":175,"title":176,"slug":177},{"id":208,"title":209,"slug":210},{"id":179,"title":180,"slug":181},{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":326},[],[],[329,331,333,335,337,339,341,343,345,347,349,352,355,358,361,364,367,369,373,377,381],{"label":223,"to":330},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":193,"to":332},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":100,"to":334},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":105,"to":336},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":154,"to":338},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":313,"to":340},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":289,"to":342},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":60,"to":344},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":162,"to":346},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":85,"to":348},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":350,"to":351},"Dynaboard marketing pages","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fmarketing",{"label":353,"to":354},"Dynaboard user flows","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fflows",{"label":356,"to":357},"Dynaboard UI components","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fcomponents",{"label":359,"to":360},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":362,"to":363},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":365,"to":366},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":368,"to":18},"All SaaS app examples",{"label":370,"to":371,"description":372},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":374,"to":375,"description":376},"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":378,"to":379,"description":380},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":382,"to":383,"description":384},"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":386,"updated_at":387},"2023-10-19T09:29:22.000Z","2026-09-13T13:02:39.000Z"]