[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnavattic":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":63,"showcases":64,"links":296,"dates":314},"\u002Fexamples\u002Fapps\u002Fnavattic","detail","apps",true,{"title":9,"description":10,"og_image":11},"Navattic design examples - Nicelydone","Explore Navattic UI design examples. Make buying easier with demos","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad635b6c-4676-479d-af7f-9e07c0fb2252.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Navattic design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Navattic",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Navattic","navattic","Make buying easier with demos","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","https:\u002F\u002Fnavattic.com",[47,51,55,59],{"id":48,"title":49,"slug":50},25,"Marketing","marketing",{"id":52,"title":53,"slug":54},80,"Artificial Intelligence","artificial-intelligence",{"id":56,"title":57,"slug":58},96,"No code","no-code",{"id":60,"title":61,"slug":62},103,"Demo Automation","demo-automation",[],[65,287,290,293],{"family":66,"examples":67},"screens",[68,97,109,125,140,151,167,202,215,228,256,272],{"uuid":69,"title":70,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":95},"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",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},4,"Sign In","sign-in",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87,91],{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":70,"description":99,"canonical_path":29,"image":100,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":101,"component_categories":104,"app":107},"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",[102],{"id":78,"label":79,"slug":80,"rank":81,"group":103},{"id":83,"label":84,"slug":85},[105,106],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":70,"description":111,"canonical_path":29,"image":112,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":113,"component_categories":116,"app":123},"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",[114],{"id":78,"label":79,"slug":80,"rank":81,"group":115},{"id":83,"label":84,"slug":85},[117,121,122],{"id":118,"title":119,"slug":120},167,"Alert","alert",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":124},[],{"uuid":126,"title":41,"description":127,"canonical_path":29,"image":128,"width":72,"height":73,"image_alt":129,"kind":75,"patterns":130,"component_categories":136,"app":138},"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",[131],{"id":132,"label":133,"slug":134,"rank":81,"group":135},5,"Sign Up","sign-up",{"id":83,"label":84,"slug":85},[137],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":139},[],{"uuid":141,"title":41,"description":142,"canonical_path":29,"image":143,"width":72,"height":73,"image_alt":129,"kind":75,"patterns":144,"component_categories":147,"app":149},"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",[145],{"id":132,"label":133,"slug":134,"rank":81,"group":146},{"id":83,"label":84,"slug":85},[148],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":150},[],{"uuid":152,"title":41,"description":153,"canonical_path":29,"image":154,"width":72,"height":73,"image_alt":129,"kind":75,"patterns":155,"component_categories":163,"app":165},"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",[156,158],{"id":132,"label":133,"slug":134,"rank":81,"group":157},{"id":83,"label":84,"slug":85},{"id":159,"label":160,"slug":161,"rank":83,"group":162},6,"Verification","verification",{"id":83,"label":84,"slug":85},[164],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":29,"image":171,"width":72,"height":73,"image_alt":172,"kind":75,"patterns":173,"component_categories":189,"app":200},"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",[174,182],{"id":175,"label":176,"slug":177,"rank":81,"group":178},74,"Onboarding Checklist","onboarding-checklist",{"id":179,"label":180,"slug":181},7,"Onboarding & Education","onboarding-and-education",{"id":179,"label":183,"slug":184,"rank":83,"group":185},"Add & Create","add-and-create",{"id":186,"label":187,"slug":188},2,"Actions","actions",[190,194,198,199],{"id":191,"title":192,"slug":193},260,"Badge","badge",{"id":195,"title":196,"slug":197},227,"Stepper","stepper",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":201},[],{"uuid":203,"title":169,"description":204,"canonical_path":29,"image":205,"width":72,"height":73,"image_alt":172,"kind":75,"patterns":206,"component_categories":211,"app":213},"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",[207],{"id":83,"label":208,"slug":209,"rank":81,"group":210},"Account Setup","account-setup",{"id":83,"label":84,"slug":85},[212],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":214},[],{"uuid":216,"title":169,"description":217,"canonical_path":29,"image":218,"width":72,"height":73,"image_alt":172,"kind":75,"patterns":219,"component_categories":224,"app":226},"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",[220,222],{"id":175,"label":176,"slug":177,"rank":81,"group":221},{"id":179,"label":180,"slug":181},{"id":179,"label":183,"slug":184,"rank":83,"group":223},{"id":186,"label":187,"slug":188},[225],{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":227},[],{"uuid":229,"title":169,"description":230,"canonical_path":29,"image":231,"width":72,"height":73,"image_alt":172,"kind":75,"patterns":232,"component_categories":243,"app":254},"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",[233,235],{"id":175,"label":176,"slug":177,"rank":81,"group":234},{"id":179,"label":180,"slug":181},{"id":236,"label":237,"slug":238,"rank":83,"group":239},121,"Request Access","request-access",{"id":240,"label":241,"slug":242},12,"States & Feedback","states-and-feedback",[244,248,252,253],{"id":245,"title":246,"slug":247},169,"Avatar","avatar",{"id":249,"title":250,"slug":251},214,"Popover","popover",{"id":195,"title":196,"slug":197},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":255},[],{"uuid":257,"title":169,"description":258,"canonical_path":29,"image":259,"width":72,"height":73,"image_alt":172,"kind":75,"patterns":260,"component_categories":266,"app":270},"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",[261],{"id":262,"label":263,"slug":264,"rank":81,"group":265},75,"Setup Wizard","setup-wizard",{"id":179,"label":180,"slug":181},[267,268,269],{"id":195,"title":196,"slug":197},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":271},[],{"uuid":273,"title":169,"description":274,"canonical_path":29,"image":275,"width":72,"height":73,"image_alt":172,"kind":75,"patterns":276,"component_categories":281,"app":285},"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",[277,279],{"id":262,"label":263,"slug":264,"rank":81,"group":278},{"id":179,"label":180,"slug":181},{"id":179,"label":183,"slug":184,"rank":83,"group":280},{"id":186,"label":187,"slug":188},[282,283,284],{"id":249,"title":250,"slug":251},{"id":245,"title":246,"slug":247},{"id":92,"title":93,"slug":94},{"slug":42,"title":41,"logo":44,"categories":286},[],{"family":288,"examples":289},"flows",[],{"family":291,"examples":292},"components",[],{"family":294,"examples":295},"pages",[],[297,299,301,303,305,308,311],{"label":298,"to":29},"Navattic product screens",{"label":300,"to":38},"Navattic marketing pages",{"label":302,"to":32},"Navattic user flows",{"label":304,"to":35},"Navattic UI components",{"label":306,"to":307},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":309,"to":310},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":312,"to":313},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":315,"updated_at":316},"2026-05-04T09:43:45.000Z","2026-09-13T13:02:39.000Z"]