[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplanetscale":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":49,"showcases":50,"links":356,"dates":387},"\u002Fexamples\u002Fapps\u002Fplanetscale","detail","apps",true,{"title":9,"description":10,"og_image":11},"PlanetScale design examples - Nicelydone","Explore PlanetScale UI design examples. The database for developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe43884e-c3c2-4413-bf5a-107e06bd0a71.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"PlanetScale design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore PlanetScale",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"twitter_username":43,"categories":44},"PlanetScale","planetscale","The database for developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplanetscale-85bdf3af.png","https:\u002F\u002Fplanetscale.com","planetscaledata",[45],{"id":46,"title":47,"slug":48},48,"Developer Tools","developer-tools",[],[51,350,353],{"family":52,"examples":53},"screens",[54,83,100,117,129,175,204,229,246,262,290,319],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":81},"fe43884e-c3c2-4413-bf5a-107e06bd0a71","Sign in - PlanetScale","Sign-in screen where the user authenticates with email and password, GitHub, or Single sign-on.",3072,1652,"Sign in - PlanetScale from PlanetScale","screen",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73,77],{"id":74,"title":75,"slug":76},260,"Badge","badge",{"id":78,"title":79,"slug":80},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":29,"image":87,"width":58,"height":59,"image_alt":88,"kind":61,"patterns":89,"component_categories":95,"app":98},"5c32acd7-b5a4-4544-8291-bf30cce517c1","Reset your password - PlanetScale","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c32acd7-b5a4-4544-8291-bf30cce517c1.png","Reset your password - PlanetScale from PlanetScale",[90],{"id":91,"label":92,"slug":93,"rank":67,"group":94},2,"Forgot Password","forgot-password",{"id":69,"label":70,"slug":71},[96,97],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":29,"image":104,"width":58,"height":59,"image_alt":105,"kind":61,"patterns":106,"component_categories":112,"app":115},"ee7bd6d6-f3ae-4667-8c46-f9d032d1c2a2","Sign up - PlanetScale","Sign-up page where the user creates an account using an email and password or authenticates via GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee7bd6d6-f3ae-4667-8c46-f9d032d1c2a2.png","Sign up - PlanetScale from PlanetScale",[107],{"id":108,"label":109,"slug":110,"rank":67,"group":111},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[113,114],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":116},[],{"uuid":118,"title":102,"description":119,"canonical_path":29,"image":120,"width":58,"height":59,"image_alt":105,"kind":61,"patterns":121,"component_categories":124,"app":127},"15965705-4704-40f9-84e1-f7b89b4e1b75","Signup page where the user creates an account using an email and password or continues with GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F15965705-4704-40f9-84e1-f7b89b4e1b75.png",[122],{"id":108,"label":109,"slug":110,"rank":67,"group":123},{"id":69,"label":70,"slug":71},[125,126],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":29,"image":133,"width":58,"height":59,"image_alt":134,"kind":61,"patterns":135,"component_categories":154,"app":173},"e582e756-72b7-4526-a860-10e04613fec0","products overview - PlanetScale","Onboarding step where the user is welcomed to their newly created organization and prompted to take a product tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe582e756-72b7-4526-a860-10e04613fec0.png","products overview - PlanetScale from PlanetScale",[136,144,149],{"id":137,"label":138,"slug":139,"rank":67,"group":140},77,"Welcome","welcome",{"id":141,"label":142,"slug":143},7,"Onboarding & Education","onboarding-and-education",{"id":145,"label":146,"slug":147,"rank":69,"group":148},72,"Getting Started","getting-started",{"id":141,"label":142,"slug":143},{"id":150,"label":151,"slug":152,"rank":91,"group":153},73,"Guided Tour","guided-tour",{"id":141,"label":142,"slug":143},[155,159,163,167,171,172],{"id":156,"title":157,"slug":158},211,"Pagination","pagination",{"id":160,"title":161,"slug":162},169,"Avatar","avatar",{"id":164,"title":165,"slug":166},227,"Stepper","stepper",{"id":168,"title":169,"slug":170},240,"Horizontal navigation","horizontal-navigation",{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":174},[],{"uuid":176,"title":131,"description":177,"canonical_path":29,"image":178,"width":58,"height":59,"image_alt":134,"kind":61,"patterns":179,"component_categories":195,"app":202},"64998f45-b192-43f3-8c79-1dbdac5bb921","Settings modal where the user updates their organization name, with helper text enforcing lowercase alphanumeric characters and dashes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64998f45-b192-43f3-8c79-1dbdac5bb921.png",[180,188],{"id":181,"label":182,"slug":183,"rank":67,"group":184},94,"Account Settings","account-settings",{"id":185,"label":186,"slug":187},10,"Settings & Admin","settings-and-admin",{"id":189,"label":190,"slug":191,"rank":69,"group":192},11,"Edit","edit",{"id":91,"label":193,"slug":194},"Actions","actions",[196,200,201],{"id":197,"title":198,"slug":199},284,"Modal","modal",{"id":168,"title":169,"slug":170},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":203},[],{"uuid":205,"title":131,"description":206,"canonical_path":29,"image":207,"width":58,"height":59,"image_alt":134,"kind":61,"patterns":208,"component_categories":223,"app":227},"6c075644-18dc-4727-8e04-fcf47b47c9f7","Onboarding step where the user is prompted to update their organization name via a modal dialog before proceeding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c075644-18dc-4727-8e04-fcf47b47c9f7.png",[209,213,215],{"id":69,"label":210,"slug":211,"rank":67,"group":212},"Account Setup","account-setup",{"id":69,"label":70,"slug":71},{"id":189,"label":190,"slug":191,"rank":69,"group":214},{"id":91,"label":193,"slug":194},{"id":216,"label":217,"slug":218,"rank":91,"group":219},114,"Confirmation","confirmation",{"id":220,"label":221,"slug":222},12,"States & Feedback","states-and-feedback",[224,225,226],{"id":197,"title":198,"slug":199},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"slug":39,"title":38,"logo":41,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":29,"image":233,"width":58,"height":59,"image_alt":234,"kind":61,"patterns":235,"component_categories":238,"app":244},"cec4f47e-35a3-45ee-810e-c96986dfdb26","nicelydone overview - PlanetScale","Onboarding step welcoming the user and confirming their auto-generated organization name, with an option to start a product tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcec4f47e-35a3-45ee-810e-c96986dfdb26.png","nicelydone overview - PlanetScale from PlanetScale",[236],{"id":137,"label":138,"slug":139,"rank":67,"group":237},{"id":141,"label":142,"slug":143},[239,240,241,242,243],{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":245},[],{"uuid":247,"title":231,"description":248,"canonical_path":29,"image":249,"width":58,"height":59,"image_alt":234,"kind":61,"patterns":250,"component_categories":253,"app":260},"d7ddbabf-ce86-4858-9b8b-1965fbbe61cc","Onboarding step where the user learns about serverless databases and can navigate to the next feature highlight.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7ddbabf-ce86-4858-9b8b-1965fbbe61cc.png",[251],{"id":145,"label":146,"slug":147,"rank":67,"group":252},{"id":141,"label":142,"slug":143},[254,255,256,257,258,259],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":261},[],{"uuid":263,"title":231,"description":264,"canonical_path":29,"image":265,"width":58,"height":59,"image_alt":234,"kind":61,"patterns":266,"component_categories":281,"app":288},"a9b9411e-007d-4be4-809c-bc31a9a651aa","Onboarding step explaining the data branching feature with an interactive diagram and a mock table showing branch relationships.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9b9411e-007d-4be4-809c-bc31a9a651aa.png",[267,269,276],{"id":145,"label":146,"slug":147,"rank":67,"group":268},{"id":141,"label":142,"slug":143},{"id":270,"label":271,"slug":272,"rank":69,"group":273},44,"Progress","progress",{"id":64,"label":274,"slug":275},"Data & Analysis","data-and-analysis",{"id":277,"label":278,"slug":279,"rank":91,"group":280},47,"Table","table",{"id":64,"label":274,"slug":275},[282,283,284,285,286,287],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":289},[],{"uuid":291,"title":231,"description":292,"canonical_path":29,"image":293,"width":58,"height":59,"image_alt":234,"kind":61,"patterns":294,"component_categories":311,"app":317},"f50f2bb5-337b-480d-b86d-1e2f7360320e","Onboarding product tour step where the user learns about non-blocking schema changes via a visual timeline and a code diff example.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff50f2bb5-337b-480d-b86d-1e2f7360320e.png",[295,297,299,303],{"id":150,"label":151,"slug":152,"rank":67,"group":296},{"id":141,"label":142,"slug":143},{"id":145,"label":146,"slug":147,"rank":69,"group":298},{"id":141,"label":142,"slug":143},{"id":46,"label":300,"slug":301,"rank":91,"group":302},"Timeline","timeline",{"id":64,"label":274,"slug":275},{"id":304,"label":305,"slug":306,"rank":307,"group":308},53,"Code Editor","code-editor",3,{"id":108,"label":309,"slug":310},"Media & Tools","media-and-tools",[312,313,314,315,316],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":168,"title":169,"slug":170},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":318},[],{"uuid":320,"title":231,"description":321,"canonical_path":29,"image":322,"width":58,"height":59,"image_alt":234,"kind":61,"patterns":323,"component_categories":338,"app":348},"6d873600-04d2-40d3-883c-9db7ce712a75","Onboarding step explaining deploy requests with a visual timeline and a deploy queue example, prompting the user to continue to the next step.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d873600-04d2-40d3-883c-9db7ce712a75.png",[324,326,331,333],{"id":145,"label":146,"slug":147,"rank":67,"group":325},{"id":141,"label":142,"slug":143},{"id":327,"label":328,"slug":329,"rank":69,"group":330},75,"Setup Wizard","setup-wizard",{"id":141,"label":142,"slug":143},{"id":270,"label":271,"slug":272,"rank":91,"group":332},{"id":64,"label":274,"slug":275},{"id":334,"label":335,"slug":336,"rank":307,"group":337},41,"Dashboard","dashboard",{"id":64,"label":274,"slug":275},[339,343,344,345,346,347],{"id":340,"title":341,"slug":342},174,"Card","card",{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":168,"title":169,"slug":170},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"slug":39,"title":38,"logo":41,"categories":349},[],{"family":351,"examples":352},"flows",[],{"family":354,"examples":355},"pages",[],[357,359,361,363,366,369,371,375,379,383],{"label":358,"to":29},"PlanetScale product screens",{"label":360,"to":35},"PlanetScale marketing pages",{"label":362,"to":32},"PlanetScale user flows",{"label":364,"to":365},"PlanetScale UI components","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fcomponents",{"label":367,"to":368},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":370,"to":18},"All SaaS app examples",{"label":372,"to":373,"description":374},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":376,"to":377,"description":378},"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":380,"to":381,"description":382},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":384,"to":385,"description":386},"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":388,"updated_at":389},"2022-01-09T19:53:50.000Z","2026-09-13T13:02:39.000Z"]