[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdynaboard":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":352,"dates":388},"\u002Fexamples\u002Fapps\u002Fdynaboard","detail","apps",true,{"title":9,"description":10,"og_image":11},"Dynaboard design examples - Nicelydone","Explore Dynaboard UI design examples. Build a web app in 60 seconds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcca4e25-8ee1-44ca-94f2-5e8318b7ee68.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Dynaboard design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Dynaboard",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fdynaboard\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48,52,56],{"id":49,"title":50,"slug":51},96,"No code","no-code",{"id":53,"title":54,"slug":55},7,"Web Development","web-development",{"id":57,"title":58,"slug":59},48,"Developer Tools","developer-tools",[],[62,343,346,349],{"family":63,"examples":64},"screens",[65,94,108,135,149,162,202,232,256,279,296,320],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":92},"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",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},5,"Sign Up","sign-up",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84,88],{"id":85,"title":86,"slug":87},260,"Badge","badge",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":93},[],{"uuid":95,"title":67,"description":96,"canonical_path":29,"image":97,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":98,"component_categories":104,"app":106},"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",[99],{"id":100,"label":101,"slug":102,"rank":78,"group":103},6,"Verification","verification",{"id":80,"label":81,"slug":82},[105],{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":29,"image":112,"width":69,"height":70,"image_alt":113,"kind":72,"patterns":114,"component_categories":127,"app":133},"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",[115,119],{"id":80,"label":116,"slug":117,"rank":78,"group":118},"Account Setup","account-setup",{"id":80,"label":81,"slug":82},{"id":120,"label":121,"slug":122,"rank":80,"group":123},114,"Confirmation","confirmation",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",[128,132],{"id":129,"title":130,"slug":131},174,"Card","card",{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":134},[],{"uuid":136,"title":110,"description":137,"canonical_path":29,"image":138,"width":69,"height":70,"image_alt":113,"kind":72,"patterns":139,"component_categories":144,"app":147},"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",[140,142],{"id":80,"label":116,"slug":117,"rank":78,"group":141},{"id":80,"label":81,"slug":82},{"id":120,"label":121,"slug":122,"rank":80,"group":143},{"id":124,"label":125,"slug":126},[145,146],{"id":129,"title":130,"slug":131},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":148},[],{"uuid":150,"title":110,"description":111,"canonical_path":29,"image":151,"width":69,"height":70,"image_alt":113,"kind":72,"patterns":152,"component_categories":157,"app":160},"59d5cb05-2ab1-4fd7-86c5-7369d4d8c20f","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59d5cb05-2ab1-4fd7-86c5-7369d4d8c20f.png",[153,155],{"id":80,"label":116,"slug":117,"rank":78,"group":154},{"id":80,"label":81,"slug":82},{"id":120,"label":121,"slug":122,"rank":80,"group":156},{"id":124,"label":125,"slug":126},[158,159],{"id":129,"title":130,"slug":131},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":29,"image":166,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":168,"component_categories":184,"app":200},"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",[169,176],{"id":53,"label":170,"slug":171,"rank":78,"group":172},"Add & Create","add-and-create",{"id":173,"label":174,"slug":175},2,"Actions","actions",{"id":177,"label":178,"slug":179,"rank":80,"group":180},86,"Templates","templates",{"id":181,"label":182,"slug":183},8,"Pages & Content","pages-and-content",[185,189,190,194,198,199],{"id":186,"title":187,"slug":188},169,"Avatar","avatar",{"id":129,"title":130,"slug":131},{"id":191,"title":192,"slug":193},240,"Horizontal navigation","horizontal-navigation",{"id":195,"title":196,"slug":197},284,"Modal","modal",{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":201},[],{"uuid":203,"title":164,"description":204,"canonical_path":29,"image":205,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":206,"component_categories":212,"app":230},"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",[207],{"id":208,"label":209,"slug":210,"rank":78,"group":211},15,"Import & Export","import-and-export",{"id":173,"label":174,"slug":175},[213,214,218,222,223,227,228,229],{"id":186,"title":187,"slug":188},{"id":215,"title":216,"slug":217},168,"Accordion","accordion",{"id":219,"title":220,"slug":221},233,"Tabs","tabs",{"id":191,"title":192,"slug":193},{"id":224,"title":225,"slug":226},226,"Skeleton","skeleton",{"id":195,"title":196,"slug":197},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":231},[],{"uuid":233,"title":164,"description":234,"canonical_path":29,"image":235,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":236,"component_categories":247,"app":254},"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",[237,245],{"id":238,"label":239,"slug":240,"rank":78,"group":241},30,"AI Generation","ai-generation",{"id":242,"label":243,"slug":244},3,"AI","ai",{"id":208,"label":209,"slug":210,"rank":80,"group":246},{"id":173,"label":174,"slug":175},[248,249,250,251,252,253],{"id":186,"title":187,"slug":188},{"id":219,"title":220,"slug":221},{"id":191,"title":192,"slug":193},{"id":224,"title":225,"slug":226},{"id":195,"title":196,"slug":197},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":255},[],{"uuid":257,"title":164,"description":258,"canonical_path":29,"image":259,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":260,"component_categories":265,"app":277},"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",[261,263],{"id":208,"label":209,"slug":210,"rank":78,"group":262},{"id":173,"label":174,"slug":175},{"id":238,"label":239,"slug":240,"rank":80,"group":264},{"id":242,"label":243,"slug":244},[266,270,271,272,273,274,275,276],{"id":267,"title":268,"slug":269},167,"Alert","alert",{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":191,"title":192,"slug":193},{"id":224,"title":225,"slug":226},{"id":195,"title":196,"slug":197},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":278},[],{"uuid":280,"title":164,"description":281,"canonical_path":29,"image":282,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":283,"component_categories":286,"app":294},"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",[284],{"id":208,"label":209,"slug":210,"rank":78,"group":285},{"id":173,"label":174,"slug":175},[287,288,289,290,291,292,293],{"id":267,"title":268,"slug":269},{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":191,"title":192,"slug":193},{"id":224,"title":225,"slug":226},{"id":195,"title":196,"slug":197},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":295},[],{"uuid":297,"title":164,"description":298,"canonical_path":29,"image":299,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":300,"component_categories":311,"app":318},"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",[301,303],{"id":238,"label":239,"slug":240,"rank":78,"group":302},{"id":242,"label":243,"slug":244},{"id":304,"label":305,"slug":306,"rank":80,"group":307},102,"Settings","settings",{"id":308,"label":309,"slug":310},10,"Settings & Admin","settings-and-admin",[312,313,314,315,316,317],{"id":267,"title":268,"slug":269},{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":224,"title":225,"slug":226},{"id":195,"title":196,"slug":197},{"id":85,"title":86,"slug":87},{"slug":42,"title":41,"logo":44,"categories":319},[],{"uuid":321,"title":164,"description":322,"canonical_path":29,"image":323,"width":69,"height":70,"image_alt":167,"kind":72,"patterns":324,"component_categories":334,"app":341},"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",[325,327],{"id":238,"label":239,"slug":240,"rank":78,"group":326},{"id":242,"label":243,"slug":244},{"id":328,"label":329,"slug":330,"rank":80,"group":331},58,"Media Editor","media-editor",{"id":75,"label":332,"slug":333},"Media & Tools","media-and-tools",[335,336,337,338,339,340],{"id":215,"title":216,"slug":217},{"id":191,"title":192,"slug":193},{"id":224,"title":225,"slug":226},{"id":195,"title":196,"slug":197},{"id":85,"title":86,"slug":87},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":342},[],{"family":344,"examples":345},"flows",[],{"family":347,"examples":348},"components",[],{"family":350,"examples":351},"pages",[],[353,355,357,359,361,364,367,370,372,376,380,384],{"label":354,"to":29},"Dynaboard product screens",{"label":356,"to":38},"Dynaboard marketing pages",{"label":358,"to":32},"Dynaboard user flows",{"label":360,"to":35},"Dynaboard UI components",{"label":362,"to":363},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":365,"to":366},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":368,"to":369},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":371,"to":18},"All SaaS app examples",{"label":373,"to":374,"description":375},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":377,"to":378,"description":379},"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":381,"to":382,"description":383},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":385,"to":386,"description":387},"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":389,"updated_at":390},"2023-10-19T09:29:15.000Z","2026-09-26T00:10:37.000Z"]