[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":337,"links":338,"dates":393},"\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"PlanetScale product screens examples - Nicelydone","Browse PlanetScale screen design examples. Preview the interface screenshots and explore related UI patterns. The database for developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe43884e-c3c2-4413-bf5a-107e06bd0a71.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},"PlanetScale design examples","\u002Fexamples\u002Fapps\u002Fplanetscale",{"label":23,"to":4},"PlanetScale 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},"PlanetScale","planetscale","The database for developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplanetscale-85bdf3af.png","https:\u002F\u002Fplanetscale.com","planetscaledata",[36],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",[41,70,87,104,116,162,191,216,233,249,277,306],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":59,"app":68},"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",[50],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",[60,64],{"id":61,"title":62,"slug":63},260,"Badge","badge",{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":45,"height":46,"image_alt":75,"kind":48,"patterns":76,"component_categories":82,"app":85},"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",[77],{"id":78,"label":79,"slug":80,"rank":54,"group":81},2,"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[83,84],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":45,"height":46,"image_alt":92,"kind":48,"patterns":93,"component_categories":99,"app":102},"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",[94],{"id":95,"label":96,"slug":97,"rank":54,"group":98},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},[100,101],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":89,"description":106,"canonical_path":4,"image":107,"width":45,"height":46,"image_alt":92,"kind":48,"patterns":108,"component_categories":111,"app":114},"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",[109],{"id":95,"label":96,"slug":97,"rank":54,"group":110},{"id":56,"label":57,"slug":58},[112,113],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":4,"image":120,"width":45,"height":46,"image_alt":121,"kind":48,"patterns":122,"component_categories":141,"app":160},"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",[123,131,136],{"id":124,"label":125,"slug":126,"rank":54,"group":127},77,"Welcome","welcome",{"id":128,"label":129,"slug":130},7,"Onboarding & Education","onboarding-and-education",{"id":132,"label":133,"slug":134,"rank":56,"group":135},72,"Getting Started","getting-started",{"id":128,"label":129,"slug":130},{"id":137,"label":138,"slug":139,"rank":78,"group":140},73,"Guided Tour","guided-tour",{"id":128,"label":129,"slug":130},[142,146,150,154,158,159],{"id":143,"title":144,"slug":145},211,"Pagination","pagination",{"id":147,"title":148,"slug":149},169,"Avatar","avatar",{"id":151,"title":152,"slug":153},227,"Stepper","stepper",{"id":155,"title":156,"slug":157},240,"Horizontal navigation","horizontal-navigation",{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":118,"description":164,"canonical_path":4,"image":165,"width":45,"height":46,"image_alt":121,"kind":48,"patterns":166,"component_categories":182,"app":189},"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",[167,175],{"id":168,"label":169,"slug":170,"rank":54,"group":171},94,"Account Settings","account-settings",{"id":172,"label":173,"slug":174},10,"Settings & Admin","settings-and-admin",{"id":176,"label":177,"slug":178,"rank":56,"group":179},11,"Edit","edit",{"id":78,"label":180,"slug":181},"Actions","actions",[183,187,188],{"id":184,"title":185,"slug":186},284,"Modal","modal",{"id":155,"title":156,"slug":157},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":190},[],{"uuid":192,"title":118,"description":193,"canonical_path":4,"image":194,"width":45,"height":46,"image_alt":121,"kind":48,"patterns":195,"component_categories":210,"app":214},"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",[196,200,202],{"id":56,"label":197,"slug":198,"rank":54,"group":199},"Account Setup","account-setup",{"id":56,"label":57,"slug":58},{"id":176,"label":177,"slug":178,"rank":56,"group":201},{"id":78,"label":180,"slug":181},{"id":203,"label":204,"slug":205,"rank":78,"group":206},114,"Confirmation","confirmation",{"id":207,"label":208,"slug":209},12,"States & Feedback","states-and-feedback",[211,212,213],{"id":184,"title":185,"slug":186},{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"slug":30,"title":29,"logo":32,"categories":215},[],{"uuid":217,"title":218,"description":219,"canonical_path":4,"image":220,"width":45,"height":46,"image_alt":221,"kind":48,"patterns":222,"component_categories":225,"app":231},"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",[223],{"id":124,"label":125,"slug":126,"rank":54,"group":224},{"id":128,"label":129,"slug":130},[226,227,228,229,230],{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":218,"description":235,"canonical_path":4,"image":236,"width":45,"height":46,"image_alt":221,"kind":48,"patterns":237,"component_categories":240,"app":247},"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",[238],{"id":132,"label":133,"slug":134,"rank":54,"group":239},{"id":128,"label":129,"slug":130},[241,242,243,244,245,246],{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":218,"description":251,"canonical_path":4,"image":252,"width":45,"height":46,"image_alt":221,"kind":48,"patterns":253,"component_categories":268,"app":275},"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",[254,256,263],{"id":132,"label":133,"slug":134,"rank":54,"group":255},{"id":128,"label":129,"slug":130},{"id":257,"label":258,"slug":259,"rank":56,"group":260},44,"Progress","progress",{"id":51,"label":261,"slug":262},"Data & Analysis","data-and-analysis",{"id":264,"label":265,"slug":266,"rank":78,"group":267},47,"Table","table",{"id":51,"label":261,"slug":262},[269,270,271,272,273,274],{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":276},[],{"uuid":278,"title":218,"description":279,"canonical_path":4,"image":280,"width":45,"height":46,"image_alt":221,"kind":48,"patterns":281,"component_categories":298,"app":304},"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",[282,284,286,290],{"id":137,"label":138,"slug":139,"rank":54,"group":283},{"id":128,"label":129,"slug":130},{"id":132,"label":133,"slug":134,"rank":56,"group":285},{"id":128,"label":129,"slug":130},{"id":37,"label":287,"slug":288,"rank":78,"group":289},"Timeline","timeline",{"id":51,"label":261,"slug":262},{"id":291,"label":292,"slug":293,"rank":294,"group":295},53,"Code Editor","code-editor",3,{"id":95,"label":296,"slug":297},"Media & Tools","media-and-tools",[299,300,301,302,303],{"id":143,"title":144,"slug":145},{"id":147,"title":148,"slug":149},{"id":155,"title":156,"slug":157},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":305},[],{"uuid":307,"title":218,"description":308,"canonical_path":4,"image":309,"width":45,"height":46,"image_alt":221,"kind":48,"patterns":310,"component_categories":325,"app":335},"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",[311,313,318,320],{"id":132,"label":133,"slug":134,"rank":54,"group":312},{"id":128,"label":129,"slug":130},{"id":314,"label":315,"slug":316,"rank":56,"group":317},75,"Setup Wizard","setup-wizard",{"id":128,"label":129,"slug":130},{"id":257,"label":258,"slug":259,"rank":78,"group":319},{"id":51,"label":261,"slug":262},{"id":321,"label":322,"slug":323,"rank":294,"group":324},41,"Dashboard","dashboard",{"id":51,"label":261,"slug":262},[326,330,331,332,333,334],{"id":327,"title":328,"slug":329},174,"Card","card",{"id":147,"title":148,"slug":149},{"id":151,"title":152,"slug":153},{"id":155,"title":156,"slug":157},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":336},[],[],[339,341,343,345,347,349,351,353,355,357,359,361,363,366,369,372,375,377,381,385,389],{"label":133,"to":340},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":177,"to":342},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":138,"to":344},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":258,"to":346},"\u002Fexamples\u002Fscreens\u002Fprogress",{"label":96,"to":348},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":125,"to":350},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":169,"to":352},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":197,"to":354},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":292,"to":356},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":204,"to":358},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":322,"to":360},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":79,"to":362},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":364,"to":365},"PlanetScale marketing pages","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fmarketing",{"label":367,"to":368},"PlanetScale user flows","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fflows",{"label":370,"to":371},"PlanetScale UI components","\u002Fexamples\u002Fapps\u002Fplanetscale\u002Fcomponents",{"label":373,"to":374},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":376,"to":18},"All SaaS app examples",{"label":378,"to":379,"description":380},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":382,"to":383,"description":384},"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":386,"to":387,"description":388},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":390,"to":391,"description":392},"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":394,"updated_at":395},"2022-01-09T19:53:50.000Z","2026-09-13T13:02:39.000Z"]