[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fplane\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":315,"links":316,"dates":377},"\u002Fexamples\u002Fapps\u002Fplane\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Plane product screens examples - Nicelydone","Browse Plane screen design examples. Preview the interface screenshots and explore related UI patterns. Project management tool from the future.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2634ec2-124e-4f56-9849-dd8e7ac10f38.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},"Plane design examples","\u002Fexamples\u002Fapps\u002Fplane",{"label":23,"to":4},"Plane 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},"Plane","plane","Project management tool from the future.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fplane-2z3nu5f0.png","https:\u002F\u002Fplane.so\u002F","https:\u002F\u002Ftwitter.com\u002Fplanepowers",[36,40,44],{"id":37,"title":38,"slug":39},86,"Product management","product-management",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},29,"Task Management","task-management",[49,74,85,99,116,147,168,188,203,236,255,294],{"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":72},"c2634ec2-124e-4f56-9849-dd8e7ac10f38","Plane | Simple, extensible, open-source project management tool.","Sign-in screen where the user authenticates via email magic link, Google, or GitHub.",3024,1718,"Plane | Simple, extensible, open-source project management tool. from Plane","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},4,"Sign In","sign-in",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":78,"component_categories":81,"app":83},"aadf2c9e-1383-4d81-8c63-cc9bc56003a0","Sign-in screen where the user authenticates via a magic link code sent to their email or through Google and GitHub OAuth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faadf2c9e-1383-4d81-8c63-cc9bc56003a0.png",[79],{"id":59,"label":60,"slug":61,"rank":62,"group":80},{"id":64,"label":65,"slug":66},[82],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":51,"description":87,"canonical_path":4,"image":88,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":89,"component_categories":95,"app":97},"5884bf37-c1df-41a9-adc9-eec58ab82ae0","Sign-in screen where the user authenticates by entering a verification code sent to their email, with alternative options for Google or GitHub SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5884bf37-c1df-41a9-adc9-eec58ab82ae0.png",[90],{"id":91,"label":92,"slug":93,"rank":62,"group":94},6,"Verification","verification",{"id":64,"label":65,"slug":66},[96],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":51,"description":101,"canonical_path":4,"image":102,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":103,"component_categories":112,"app":114},"05f734d0-45de-483f-a47d-278bc0d212f1","Sign-in screen where the user verifies their identity using a code sent to their email, with options to authenticate via Google or GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F05f734d0-45de-483f-a47d-278bc0d212f1.png",[104],{"id":105,"label":106,"slug":107,"rank":62,"group":108},120,"Loading","loading",{"id":109,"label":110,"slug":111},12,"States & Feedback","states-and-feedback",[113],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":51,"description":118,"canonical_path":4,"image":119,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":120,"component_categories":143,"app":145},"e4be7616-e794-42e3-b191-ad23802d5b43","Onboarding step where the user sets up their profile by entering their name, role, and time zone before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4be7616-e794-42e3-b191-ad23802d5b43.png",[121,129,137],{"id":122,"label":123,"slug":124,"rank":62,"group":125},74,"Onboarding Checklist","onboarding-checklist",{"id":126,"label":127,"slug":128},7,"Onboarding & Education","onboarding-and-education",{"id":130,"label":131,"slug":132,"rank":64,"group":133},3,"Profile","profile",{"id":134,"label":135,"slug":136},11,"Social & Collaboration","social-and-collaboration",{"id":138,"label":139,"slug":140,"rank":141,"group":142},75,"Setup Wizard","setup-wizard",2,{"id":126,"label":127,"slug":128},[144],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":51,"description":149,"canonical_path":4,"image":150,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":151,"component_categories":160,"app":166},"4710cf5e-2676-4e56-bb34-0b0f02531208","Onboarding step where the user sets up their profile by providing their first name, last name, role, and time zone.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4710cf5e-2676-4e56-bb34-0b0f02531208.png",[152,156,158],{"id":64,"label":153,"slug":154,"rank":62,"group":155},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},{"id":122,"label":123,"slug":124,"rank":64,"group":157},{"id":126,"label":127,"slug":128},{"id":130,"label":131,"slug":132,"rank":141,"group":159},{"id":134,"label":135,"slug":136},[161,165],{"id":162,"title":163,"slug":164},227,"Stepper","stepper",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":51,"description":170,"canonical_path":4,"image":171,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":172,"component_categories":184,"app":186},"ccf8ce48-b80e-47ab-83b7-4e5340a813ab","Onboarding step where the user names their workspace, sets a custom URL, and selects their organization size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fccf8ce48-b80e-47ab-83b7-4e5340a813ab.png",[173,175,177,179],{"id":122,"label":123,"slug":124,"rank":62,"group":174},{"id":126,"label":127,"slug":128},{"id":64,"label":153,"slug":154,"rank":64,"group":176},{"id":64,"label":65,"slug":66},{"id":138,"label":139,"slug":140,"rank":141,"group":178},{"id":126,"label":127,"slug":128},{"id":180,"label":181,"slug":182,"rank":130,"group":183},122,"Success","success",{"id":109,"label":110,"slug":111},[185],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":187},[],{"uuid":189,"title":51,"description":190,"canonical_path":4,"image":191,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":192,"component_categories":199,"app":201},"37622ce8-abd5-4c4c-a978-4f05af5ae433","Onboarding step where the user names their workspace, sets a custom URL, and specifies their organization size.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37622ce8-abd5-4c4c-a978-4f05af5ae433.png",[193,195,197],{"id":122,"label":123,"slug":124,"rank":62,"group":194},{"id":126,"label":127,"slug":128},{"id":138,"label":139,"slug":140,"rank":64,"group":196},{"id":126,"label":127,"slug":128},{"id":64,"label":153,"slug":154,"rank":141,"group":198},{"id":64,"label":65,"slug":66},[200],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":202},[],{"uuid":204,"title":51,"description":205,"canonical_path":4,"image":206,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":207,"component_categories":232,"app":234},"aa61be46-ba0f-4f3d-a9aa-0fbdfe7f1feb","Onboarding step where the user invites co-workers by email and assigns them a role, with an option to skip.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa61be46-ba0f-4f3d-a9aa-0fbdfe7f1feb.png",[208,215,223,228,230],{"id":209,"label":210,"slug":211,"rank":62,"group":212},133,"Invite Teammates","invite-teammates",{"id":141,"label":213,"slug":214},"Actions","actions",{"id":216,"label":217,"slug":218,"rank":64,"group":219},104,"Team Management","team-management",{"id":220,"label":221,"slug":222},10,"Settings & Admin","settings-and-admin",{"id":224,"label":225,"slug":226,"rank":141,"group":227},100,"Roles & Permissions","roles-and-permissions",{"id":220,"label":221,"slug":222},{"id":122,"label":123,"slug":124,"rank":130,"group":229},{"id":126,"label":127,"slug":128},{"id":180,"label":181,"slug":182,"rank":59,"group":231},{"id":109,"label":110,"slug":111},[233],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":235},[],{"uuid":237,"title":51,"description":238,"canonical_path":4,"image":239,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":240,"component_categories":251,"app":253},"b25f734d-9f88-4967-914d-07d4baaaefa3","Onboarding step where the user invites co-workers by email and assigns them admin or member roles before completing setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb25f734d-9f88-4967-914d-07d4baaaefa3.png",[241,243,245,247,249],{"id":209,"label":210,"slug":211,"rank":62,"group":242},{"id":141,"label":213,"slug":214},{"id":216,"label":217,"slug":218,"rank":64,"group":244},{"id":220,"label":221,"slug":222},{"id":224,"label":225,"slug":226,"rank":141,"group":246},{"id":220,"label":221,"slug":222},{"id":122,"label":123,"slug":124,"rank":130,"group":248},{"id":126,"label":127,"slug":128},{"id":138,"label":139,"slug":140,"rank":59,"group":250},{"id":126,"label":127,"slug":128},[252],{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":51,"description":257,"canonical_path":4,"image":258,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":259,"component_categories":282,"app":292},"142d0849-2fe8-4e02-8d99-feadd93b1d5e","Onboarding screen where a welcome modal prompts the user to take a product tour or explore the app on their own.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F142d0849-2fe8-4e02-8d99-feadd93b1d5e.png",[260,265,270,277],{"id":261,"label":262,"slug":263,"rank":62,"group":264},77,"Welcome","welcome",{"id":126,"label":127,"slug":128},{"id":266,"label":267,"slug":268,"rank":64,"group":269},72,"Getting Started","getting-started",{"id":126,"label":127,"slug":128},{"id":271,"label":272,"slug":273,"rank":141,"group":274},41,"Dashboard","dashboard",{"id":59,"label":275,"slug":276},"Data & Analysis","data-and-analysis",{"id":278,"label":279,"slug":280,"rank":130,"group":281},114,"Confirmation","confirmation",{"id":109,"label":110,"slug":111},[283,287,291],{"id":284,"title":285,"slug":286},284,"Modal","modal",{"id":288,"title":289,"slug":290},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":293},[],{"uuid":295,"title":51,"description":296,"canonical_path":4,"image":297,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":298,"component_categories":308,"app":313},"2cb85869-9cf4-452b-9954-145e2b85ea86","Onboarding screen where a welcome modal introduces the user to core concepts like issues, cycles, and modules via a multi-step product tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2cb85869-9cf4-452b-9954-145e2b85ea86.png",[299,304,306],{"id":300,"label":301,"slug":302,"rank":62,"group":303},73,"Guided Tour","guided-tour",{"id":126,"label":127,"slug":128},{"id":266,"label":267,"slug":268,"rank":64,"group":305},{"id":126,"label":127,"slug":128},{"id":261,"label":262,"slug":263,"rank":141,"group":307},{"id":126,"label":127,"slug":128},[309,310,311,312],{"id":284,"title":285,"slug":286},{"id":162,"title":163,"slug":164},{"id":288,"title":289,"slug":290},{"id":69,"title":70,"slug":71},{"slug":30,"title":29,"logo":32,"categories":314},[],[],[317,319,321,323,325,327,329,331,333,335,337,339,341,344,347,350,353,356,359,361,365,369,373],{"label":123,"to":318},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":139,"to":320},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":153,"to":322},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":267,"to":324},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":210,"to":326},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":131,"to":328},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":225,"to":330},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":60,"to":332},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":181,"to":334},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":217,"to":336},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":262,"to":338},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":279,"to":340},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":342,"to":343},"Plane marketing pages","\u002Fexamples\u002Fapps\u002Fplane\u002Fmarketing",{"label":345,"to":346},"Plane user flows","\u002Fexamples\u002Fapps\u002Fplane\u002Fflows",{"label":348,"to":349},"Plane UI components","\u002Fexamples\u002Fapps\u002Fplane\u002Fcomponents",{"label":351,"to":352},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":354,"to":355},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":357,"to":358},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":360,"to":18},"All SaaS app examples",{"label":362,"to":363,"description":364},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":366,"to":367,"description":368},"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":370,"to":371,"description":372},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":374,"to":375,"description":376},"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":378,"updated_at":379},"2023-11-19T12:44:34.000Z","2026-09-13T13:02:39.000Z"]