[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftango":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":242,"dates":272},"\u002Fexamples\u002Fapps\u002Ftango","detail","apps",true,{"title":9,"description":10,"og_image":11},"Tango design examples - Nicelydone","Explore Tango UI design examples. Interactive walkthroughs, created in seconds","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F769fd02a-28b8-4f4f-95f6-c4bc48ad7058.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Tango design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Tango",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftango\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftango\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftango\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ftango\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Tango","tango","Interactive walkthroughs, created in seconds","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftango-94551899.png","https:\u002F\u002Fwww.tango.us\u002F","Tango_HQ",[48],{"id":49,"title":50,"slug":51},22,"Knowledge Management","knowledge-management",[],[54,233,236,239],{"family":55,"examples":56},"screens",[57,81,97,107,119,138,153,164,180,196,209,220],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":74,"app":79},"769fd02a-28b8-4f4f-95f6-c4bc48ad7058","Sign In","Sign-in screen where the user authenticates with Google, email and password, or SSO.",3024,1674,"Sign In from Tango","screen",[66],{"id":67,"label":59,"slug":68,"rank":69,"group":70},4,"sign-in",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":80},[],{"uuid":82,"title":83,"description":84,"canonical_path":29,"image":85,"width":61,"height":62,"image_alt":86,"kind":64,"patterns":87,"component_categories":93,"app":95},"75253473-db73-4f95-aa62-653626a19d3b","Reset Password","Password recovery screen where the user enters their email address to receive reset instructions, with an alternative link to return to the sign-in page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75253473-db73-4f95-aa62-653626a19d3b.png","Reset Password from Tango",[88],{"id":89,"label":90,"slug":91,"rank":69,"group":92},2,"Forgot Password","forgot-password",{"id":71,"label":72,"slug":73},[94],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":96},[],{"uuid":98,"title":83,"description":99,"canonical_path":29,"image":100,"width":61,"height":62,"image_alt":86,"kind":64,"patterns":101,"component_categories":104,"app":105},"a0a6fb31-bb67-4210-9896-10f20529ce3d","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa0a6fb31-bb67-4210-9896-10f20529ce3d.png",[102],{"id":89,"label":90,"slug":91,"rank":69,"group":103},{"id":71,"label":72,"slug":73},[],{"slug":42,"title":41,"logo":44,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":29,"image":111,"width":61,"height":62,"image_alt":112,"kind":64,"patterns":113,"component_categories":116,"app":117},"eb81af91-2e5f-4827-ad18-ed9ca807147f","Confirm Reset Password","Password recovery screen where the user enters a verification code sent to their email and sets a new password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb81af91-2e5f-4827-ad18-ed9ca807147f.png","Confirm Reset Password from Tango",[114],{"id":89,"label":90,"slug":91,"rank":69,"group":115},{"id":71,"label":72,"slug":73},[],{"slug":42,"title":41,"logo":44,"categories":118},[],{"uuid":120,"title":109,"description":121,"canonical_path":29,"image":122,"width":61,"height":62,"image_alt":112,"kind":64,"patterns":123,"component_categories":134,"app":136},"2b978159-daf2-4490-b086-1f945b6f2a1d","Password recovery screen where the user enters an email verification code and sets a new password, featuring a success toast notification.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b978159-daf2-4490-b086-1f945b6f2a1d.png",[124,126],{"id":89,"label":90,"slug":91,"rank":69,"group":125},{"id":71,"label":72,"slug":73},{"id":127,"label":128,"slug":129,"rank":71,"group":130},114,"Confirmation","confirmation",{"id":131,"label":132,"slug":133},12,"States & Feedback","states-and-feedback",[135],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":61,"height":62,"image_alt":143,"kind":64,"patterns":144,"component_categories":149,"app":151},"8d0b969a-4d3d-49a6-8666-6feda586d667","Sign Up","Signup screen where the user creates an account using Google or by entering their name, email, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d0b969a-4d3d-49a6-8666-6feda586d667.png","Sign Up from Tango",[145],{"id":146,"label":140,"slug":147,"rank":69,"group":148},5,"sign-up",{"id":71,"label":72,"slug":73},[150],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":152},[],{"uuid":154,"title":140,"description":155,"canonical_path":29,"image":156,"width":61,"height":62,"image_alt":143,"kind":64,"patterns":157,"component_categories":160,"app":162},"006bcac1-04a4-4b65-b145-4a294af92100","Signup page where the user can create an account using Google OAuth or by providing their name, email, and a password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F006bcac1-04a4-4b65-b145-4a294af92100.png",[158],{"id":146,"label":140,"slug":147,"rank":69,"group":159},{"id":71,"label":72,"slug":73},[161],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":163},[],{"uuid":165,"title":140,"description":166,"canonical_path":29,"image":167,"width":61,"height":62,"image_alt":143,"kind":64,"patterns":168,"component_categories":176,"app":178},"58dcb770-1527-451f-89a9-3d0c216577cd","Sign-up screen where the user enters their name, email, and password to create a Tango account, currently showing a loading state during submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58dcb770-1527-451f-89a9-3d0c216577cd.png",[169,171],{"id":146,"label":140,"slug":147,"rank":69,"group":170},{"id":71,"label":72,"slug":73},{"id":172,"label":173,"slug":174,"rank":71,"group":175},120,"Loading","loading",{"id":131,"label":132,"slug":133},[177],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":29,"image":184,"width":61,"height":62,"image_alt":185,"kind":64,"patterns":186,"component_categories":192,"app":194},"0e373c9a-32f5-4772-b109-747917865342","Confirm Sign Up","Verification screen where the user must paste a temporary sign-up code sent to their email address to complete registration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e373c9a-32f5-4772-b109-747917865342.png","Confirm Sign Up from Tango",[187],{"id":188,"label":189,"slug":190,"rank":69,"group":191},6,"Verification","verification",{"id":71,"label":72,"slug":73},[193],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":195},[],{"uuid":197,"title":182,"description":198,"canonical_path":29,"image":199,"width":61,"height":62,"image_alt":185,"kind":64,"patterns":200,"component_categories":205,"app":207},"d72f1f19-e501-442c-aba3-5ffa8d309b19","Email verification screen where the user enters a temporary sign-up code sent to their inbox to complete registration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd72f1f19-e501-442c-aba3-5ffa8d309b19.png",[201,203],{"id":188,"label":189,"slug":190,"rank":69,"group":202},{"id":71,"label":72,"slug":73},{"id":146,"label":140,"slug":147,"rank":71,"group":204},{"id":71,"label":72,"slug":73},[206],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":208},[],{"uuid":210,"title":59,"description":211,"canonical_path":29,"image":212,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":213,"component_categories":216,"app":218},"745387ed-d600-41f2-89c2-e764b62be4fd","Sign-in screen where the user authenticates with Google, email, or SSO, featuring a successful email verification toast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F745387ed-d600-41f2-89c2-e764b62be4fd.png",[214],{"id":188,"label":189,"slug":190,"rank":69,"group":215},{"id":71,"label":72,"slug":73},[217],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":219},[],{"uuid":221,"title":59,"description":222,"canonical_path":29,"image":223,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":224,"component_categories":229,"app":231},"380efe7a-e29f-4d29-8afb-cd67e869477e","Sign-in screen where the user is authenticating with their email and password, currently showing a loading state upon submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F380efe7a-e29f-4d29-8afb-cd67e869477e.png",[225,227],{"id":67,"label":59,"slug":68,"rank":69,"group":226},{"id":71,"label":72,"slug":73},{"id":172,"label":173,"slug":174,"rank":71,"group":228},{"id":131,"label":132,"slug":133},[230],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":232},[],{"family":234,"examples":235},"flows",[],{"family":237,"examples":238},"components",[],{"family":240,"examples":241},"pages",[],[243,245,247,249,251,254,256,260,264,268],{"label":244,"to":29},"Tango product screens",{"label":246,"to":38},"Tango marketing pages",{"label":248,"to":32},"Tango user flows",{"label":250,"to":35},"Tango UI components",{"label":252,"to":253},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":255,"to":18},"All SaaS app examples",{"label":257,"to":258,"description":259},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":261,"to":262,"description":263},"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":265,"to":266,"description":267},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":269,"to":270,"description":271},"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":273,"updated_at":274},"2023-06-05T14:47:45.000Z","2026-09-13T13:02:39.000Z"]