[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":271,"links":272,"dates":298},"\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Navattic product screens examples - Nicelydone","Browse Navattic screen design examples. Preview the interface screenshots and explore related UI patterns. Make buying easier with demos","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad635b6c-4676-479d-af7f-9e07c0fb2252.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},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":23,"to":4},"Navattic 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,"categories":34},"Navattic","navattic","Make buying easier with demos","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","https:\u002F\u002Fnavattic.com",[35,39,43,47],{"id":36,"title":37,"slug":38},25,"Marketing","marketing",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},96,"No code","no-code",{"id":48,"title":49,"slug":50},103,"Demo Automation","demo-automation",[52,81,93,109,124,135,151,186,199,212,240,256],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":79},"ad635b6c-4676-479d-af7f-9e07c0fb2252","Login","Sign-in screen where the user is prompted to correct an invalid email address via a toast notification, with an alternative option to authenticate via Google.",3024,1758,"Login from Navattic","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":54,"description":83,"canonical_path":4,"image":84,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":85,"component_categories":88,"app":91},"888fda95-0b3b-4400-aa07-a34a4166f034","Sign-in screen where the user is authenticating with their email address, currently showing a loading state, with an alternative option to sign in via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F888fda95-0b3b-4400-aa07-a34a4166f034.png",[86],{"id":62,"label":63,"slug":64,"rank":65,"group":87},{"id":67,"label":68,"slug":69},[89,90],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":95,"canonical_path":4,"image":96,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":97,"component_categories":100,"app":107},"9afb4256-fd16-44b8-8d4f-732177b87b5a","Sign-in screen displaying an alert that no account was found for the entered email, offering options to continue with a different email, sign in with Google, or sign up.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9afb4256-fd16-44b8-8d4f-732177b87b5a.png",[98],{"id":62,"label":63,"slug":64,"rank":65,"group":99},{"id":67,"label":68,"slug":69},[101,105,106],{"id":102,"title":103,"slug":104},167,"Alert","alert",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":29,"description":111,"canonical_path":4,"image":112,"width":56,"height":57,"image_alt":113,"kind":59,"patterns":114,"component_categories":120,"app":122},"1da3e3aa-e47b-4326-8bcc-e2ddf24204b1","Signup screen where the user can create an account using an email address or Google SSO, accompanied by a list of product value propositions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1da3e3aa-e47b-4326-8bcc-e2ddf24204b1.png","Navattic from Navattic",[115],{"id":116,"label":117,"slug":118,"rank":65,"group":119},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},[121],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":29,"description":126,"canonical_path":4,"image":127,"width":56,"height":57,"image_alt":113,"kind":59,"patterns":128,"component_categories":131,"app":133},"c2e5433b-b85b-4270-8349-5c2a3498f79c","Signup screen where the user enters their email or authenticates with Google, alongside a value proposition and customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2e5433b-b85b-4270-8349-5c2a3498f79c.png",[129],{"id":116,"label":117,"slug":118,"rank":65,"group":130},{"id":67,"label":68,"slug":69},[132],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":29,"description":137,"canonical_path":4,"image":138,"width":56,"height":57,"image_alt":113,"kind":59,"patterns":139,"component_categories":147,"app":149},"036c3df4-2de7-43b3-a5ec-230a00aa481c","Signup page where the user enters a one-time verification code sent to their email to create an account, alongside a value proposition and logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F036c3df4-2de7-43b3-a5ec-230a00aa481c.png",[140,142],{"id":116,"label":117,"slug":118,"rank":65,"group":141},{"id":67,"label":68,"slug":69},{"id":143,"label":144,"slug":145,"rank":67,"group":146},6,"Verification","verification",{"id":67,"label":68,"slug":69},[148],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":150},[],{"uuid":152,"title":153,"description":154,"canonical_path":4,"image":155,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":157,"component_categories":173,"app":184},"97d26e08-59fc-4951-a336-d6a1d7424aff","Onboarding","Onboarding step where the user enters their first and last name, accompanied by a dynamic preview showing how their name will appear in the product interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F97d26e08-59fc-4951-a336-d6a1d7424aff.png","Onboarding from Navattic",[158,166],{"id":159,"label":160,"slug":161,"rank":65,"group":162},74,"Onboarding Checklist","onboarding-checklist",{"id":163,"label":164,"slug":165},7,"Onboarding & Education","onboarding-and-education",{"id":163,"label":167,"slug":168,"rank":67,"group":169},"Add & Create","add-and-create",{"id":170,"label":171,"slug":172},2,"Actions","actions",[174,178,182,183],{"id":175,"title":176,"slug":177},260,"Badge","badge",{"id":179,"title":180,"slug":181},227,"Stepper","stepper",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":153,"description":188,"canonical_path":4,"image":189,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":190,"component_categories":195,"app":197},"1d0d1e7d-8131-4281-ae65-98a81f481ad1","Onboarding step where the user enters their first and last name to build their account, accompanied by a live preview reflecting their input.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d0d1e7d-8131-4281-ae65-98a81f481ad1.png",[191],{"id":67,"label":192,"slug":193,"rank":65,"group":194},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},[196],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":153,"description":201,"canonical_path":4,"image":202,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":203,"component_categories":208,"app":210},"cc013caf-1c88-4211-a2dd-fe903c4449c0","Onboarding step where the user is asked how they heard about the product, featuring a progress indicator and a decorative browser illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcc013caf-1c88-4211-a2dd-fe903c4449c0.png",[204,206],{"id":159,"label":160,"slug":161,"rank":65,"group":205},{"id":163,"label":164,"slug":165},{"id":163,"label":167,"slug":168,"rank":67,"group":207},{"id":170,"label":171,"slug":172},[209],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":153,"description":214,"canonical_path":4,"image":215,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":216,"component_categories":227,"app":238},"e444c8c7-0ed2-4297-8f34-b6866d190166","Onboarding step where the user can request access to existing workspaces matching their domain or choose to create a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe444c8c7-0ed2-4297-8f34-b6866d190166.png",[217,219],{"id":159,"label":160,"slug":161,"rank":65,"group":218},{"id":163,"label":164,"slug":165},{"id":220,"label":221,"slug":222,"rank":67,"group":223},121,"Request Access","request-access",{"id":224,"label":225,"slug":226},12,"States & Feedback","states-and-feedback",[228,232,236,237],{"id":229,"title":230,"slug":231},169,"Avatar","avatar",{"id":233,"title":234,"slug":235},214,"Popover","popover",{"id":179,"title":180,"slug":181},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":239},[],{"uuid":241,"title":153,"description":242,"canonical_path":4,"image":243,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":244,"component_categories":250,"app":254},"fbf0c51a-a8ee-4e10-b182-d864eaa95834","Onboarding step where the user creates a new workspace by providing a name and URL, or chooses to join an existing one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbf0c51a-a8ee-4e10-b182-d864eaa95834.png",[245],{"id":246,"label":247,"slug":248,"rank":65,"group":249},75,"Setup Wizard","setup-wizard",{"id":163,"label":164,"slug":165},[251,252,253],{"id":179,"title":180,"slug":181},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":255},[],{"uuid":257,"title":153,"description":258,"canonical_path":4,"image":259,"width":56,"height":57,"image_alt":156,"kind":59,"patterns":260,"component_categories":265,"app":269},"92328813-bb16-41b6-a1ed-be6eca6fccfe","Onboarding step where the user creates a new workspace by providing a name and custom URL, alongside a stylized preview of the app interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F92328813-bb16-41b6-a1ed-be6eca6fccfe.png",[261,263],{"id":246,"label":247,"slug":248,"rank":65,"group":262},{"id":163,"label":164,"slug":165},{"id":163,"label":167,"slug":168,"rank":67,"group":264},{"id":170,"label":171,"slug":172},[266,267,268],{"id":233,"title":234,"slug":235},{"id":229,"title":230,"slug":231},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":270},[],[],[273,275,277,279,281,283,285,287,289,292,295],{"label":167,"to":274},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":160,"to":276},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":63,"to":278},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":117,"to":280},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":247,"to":282,"count":170},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":192,"to":284,"count":67},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":221,"to":286,"count":67},"\u002Fexamples\u002Fscreens\u002Frequest-access",{"label":144,"to":288,"count":67},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":290,"to":291},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":293,"to":294},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":296,"to":297},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":299,"updated_at":300},"2026-05-04T09:43:45.000Z","2026-09-13T13:02:39.000Z"]