[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fretool":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":37,"examples":52,"showcases":53,"links":336,"dates":370},"\u002Fexamples\u002Fapps\u002Fretool","detail","apps",true,{"title":9,"description":10,"og_image":11},"Retool design examples - Nicelydone","Explore Retool UI design examples. Build internal tools, remarkably fast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6be75be-876b-4aa7-b628-5c7bdae475ad.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Retool design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":36},"SaaS app examples",[24],{"title":25,"links":26},"Explore Retool",[27,30,33],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fretool\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fretool\u002Fflows",{"label":34,"to":35},"marketing pages","\u002Fexamples\u002Fapps\u002Fretool\u002Fmarketing",[],{"title":38,"slug":39,"description":40,"logo":41,"url":42,"categories":43},"Retool","retool","Build internal tools, remarkably fast.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fretool-84knfk1j.png","https:\u002F\u002Fretool.com",[44,48],{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",{"id":49,"title":50,"slug":51},96,"No code","no-code",[],[54,330,333],{"family":55,"examples":56},"screens",[57,86,103,120,132,144,166,189,223,240,264,286],{"uuid":58,"title":59,"description":60,"canonical_path":29,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":84},"b6be75be-876b-4aa7-b628-5c7bdae475ad","Login | Retool","Sign-in screen where the user authenticates with Google or their email and password.",3024,1738,"Login | Retool from Retool","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76,80],{"id":77,"title":78,"slug":79},174,"Card","card",{"id":81,"title":82,"slug":83},175,"Button","button",{"slug":39,"title":38,"logo":41,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":29,"image":90,"width":61,"height":62,"image_alt":91,"kind":64,"patterns":92,"component_categories":98,"app":101},"c9ac1759-2029-44e8-8a10-7f092cd7aabd","Reset Password | Retool","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9ac1759-2029-44e8-8a10-7f092cd7aabd.png","Reset Password | Retool from Retool",[93],{"id":94,"label":95,"slug":96,"rank":70,"group":97},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[99,100],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":29,"image":107,"width":61,"height":62,"image_alt":108,"kind":64,"patterns":109,"component_categories":115,"app":118},"b3f04a5f-f94f-42df-bcb0-b4ea0e95a6ea","Sign up | Retool","Signup screen where the user creates an account using their name, work email, and password, or authenticates via Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb3f04a5f-f94f-42df-bcb0-b4ea0e95a6ea.png","Sign up | Retool from Retool",[110],{"id":111,"label":112,"slug":113,"rank":70,"group":114},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},[116,117],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":119},[],{"uuid":121,"title":105,"description":122,"canonical_path":29,"image":123,"width":61,"height":62,"image_alt":108,"kind":64,"patterns":124,"component_categories":127,"app":130},"24cb5ff6-c11c-4139-9d1a-a72e75c67f12","Signup screen where the user creates a new account by providing their name, work email, and a password, or by authenticating with Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24cb5ff6-c11c-4139-9d1a-a72e75c67f12.png",[125],{"id":111,"label":112,"slug":113,"rank":70,"group":126},{"id":72,"label":73,"slug":74},[128,129],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":131},[],{"uuid":133,"title":105,"description":134,"canonical_path":29,"image":135,"width":61,"height":62,"image_alt":108,"kind":64,"patterns":136,"component_categories":139,"app":142},"0399740a-0fcc-4f29-ae8e-8661b5bced21","Signup screen where the user enters their name, work email, and password to create a Retool account, or chooses to authenticate with Google.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0399740a-0fcc-4f29-ae8e-8661b5bced21.png",[137],{"id":111,"label":112,"slug":113,"rank":70,"group":138},{"id":72,"label":73,"slug":74},[140,141],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":143},[],{"uuid":145,"title":38,"description":146,"canonical_path":29,"image":147,"width":61,"height":62,"image_alt":148,"kind":64,"patterns":149,"component_categories":162,"app":164},"e646f4e8-bd58-4a8e-8eea-7a1f406409d2","Onboarding step where the user chooses a team URL for their new workspace and configures domain auto-join.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe646f4e8-bd58-4a8e-8eea-7a1f406409d2.png","Retool from Retool",[150,154],{"id":72,"label":151,"slug":152,"rank":70,"group":153},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},{"id":155,"label":156,"slug":157,"rank":72,"group":158},104,"Team Management","team-management",{"id":159,"label":160,"slug":161},10,"Settings & Admin","settings-and-admin",[163],{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":165},[],{"uuid":167,"title":38,"description":168,"canonical_path":29,"image":169,"width":61,"height":62,"image_alt":148,"kind":64,"patterns":170,"component_categories":181,"app":187},"50f21e38-aab3-4ffb-86da-a4bf32410949","Onboarding step where the user chooses a subdomain for their Retool workspace and configures domain-based auto-join.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50f21e38-aab3-4ffb-86da-a4bf32410949.png",[171,173],{"id":72,"label":151,"slug":152,"rank":70,"group":172},{"id":72,"label":73,"slug":74},{"id":174,"label":175,"slug":176,"rank":72,"group":177},75,"Setup Wizard","setup-wizard",{"id":178,"label":179,"slug":180},7,"Onboarding & Education","onboarding-and-education",[182,186],{"id":183,"title":184,"slug":185},167,"Alert","alert",{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":188},[],{"uuid":190,"title":191,"description":192,"canonical_path":29,"image":193,"width":61,"height":62,"image_alt":194,"kind":64,"patterns":195,"component_categories":203,"app":221},"6f1e31da-9c14-4def-bb97-36e062193a7d","Onboarding Page | Editor  Retool","Design editor where the user is prompted to connect a database or API resource like PostgreSQL, MongoDB, or REST API during onboarding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f1e31da-9c14-4def-bb97-36e062193a7d.png","Onboarding Page | Editor  Retool from Retool",[196,198],{"id":174,"label":175,"slug":176,"rank":70,"group":197},{"id":178,"label":179,"slug":180},{"id":199,"label":200,"slug":201,"rank":72,"group":202},97,"Integrations","integrations",{"id":159,"label":160,"slug":161},[204,208,212,216,220],{"id":205,"title":206,"slug":207},277,"Button group","button-group",{"id":209,"title":210,"slug":211},240,"Horizontal navigation","horizontal-navigation",{"id":213,"title":214,"slug":215},284,"Modal","modal",{"id":217,"title":218,"slug":219},233,"Tabs","tabs",{"id":77,"title":78,"slug":79},{"slug":39,"title":38,"logo":41,"categories":222},[],{"uuid":224,"title":191,"description":225,"canonical_path":29,"image":226,"width":61,"height":62,"image_alt":194,"kind":64,"patterns":227,"component_categories":232,"app":238},"cb9b8b31-3f77-46c8-9d69-d1f3815ae71d","Design editor where the user is configuring a new GitHub resource integration via a modal form, requiring a username and personal token.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcb9b8b31-3f77-46c8-9d69-d1f3815ae71d.png",[228,230],{"id":174,"label":175,"slug":176,"rank":70,"group":229},{"id":178,"label":179,"slug":180},{"id":199,"label":200,"slug":201,"rank":72,"group":231},{"id":159,"label":160,"slug":161},[233,234,235,236,237],{"id":205,"title":206,"slug":207},{"id":209,"title":210,"slug":211},{"id":213,"title":214,"slug":215},{"id":217,"title":218,"slug":219},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":239},[],{"uuid":241,"title":191,"description":242,"canonical_path":29,"image":243,"width":61,"height":62,"image_alt":194,"kind":64,"patterns":244,"component_categories":252,"app":262},"877825e7-5805-4c10-b5cd-00e7ef2b731e","App builder interface where the user configures a new MySQL database connection by entering credentials and SSL settings in a setup modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F877825e7-5805-4c10-b5cd-00e7ef2b731e.png",[245,247],{"id":72,"label":151,"slug":152,"rank":70,"group":246},{"id":72,"label":73,"slug":74},{"id":248,"label":249,"slug":250,"rank":72,"group":251},102,"Settings","settings",{"id":159,"label":160,"slug":161},[253,257,258,259,260,261],{"id":254,"title":255,"slug":256},177,"Breadcrumb","breadcrumb",{"id":183,"title":184,"slug":185},{"id":205,"title":206,"slug":207},{"id":209,"title":210,"slug":211},{"id":213,"title":214,"slug":215},{"id":217,"title":218,"slug":219},{"slug":39,"title":38,"logo":41,"categories":263},[],{"uuid":265,"title":191,"description":266,"canonical_path":29,"image":267,"width":61,"height":62,"image_alt":194,"kind":64,"patterns":268,"component_categories":279,"app":284},"991e4157-c7e0-4f01-922c-79d668465f5a","Page builder interface displaying an onboarding modal that prompts the user to take a quick tutorial on core concepts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F991e4157-c7e0-4f01-922c-79d668465f5a.png",[269,274],{"id":270,"label":271,"slug":272,"rank":70,"group":273},73,"Guided Tour","guided-tour",{"id":178,"label":179,"slug":180},{"id":275,"label":276,"slug":277,"rank":72,"group":278},76,"Tutorial","tutorial",{"id":178,"label":179,"slug":180},[280,281,282,283],{"id":213,"title":214,"slug":215},{"id":217,"title":218,"slug":219},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":285},[],{"uuid":287,"title":288,"description":289,"canonical_path":29,"image":290,"width":61,"height":62,"image_alt":291,"kind":64,"patterns":292,"component_categories":319,"app":328},"7e6eda97-4bdd-4d17-94db-d293e34d3909","Onboarding Page - d332 | Editor  Retool","Design editor where the user is guided by a product tour popover to drag a table component onto the canvas, with a component library on the right and a SQL query editor at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e6eda97-4bdd-4d17-94db-d293e34d3909.png","Onboarding Page - d332 | Editor  Retool from Retool",[293,295,301,306,312],{"id":270,"label":271,"slug":272,"rank":70,"group":294},{"id":178,"label":179,"slug":180},{"id":159,"label":296,"slug":297,"rank":72,"group":298},"Drag & Drop","drag-and-drop",{"id":94,"label":299,"slug":300},"Actions","actions",{"id":302,"label":303,"slug":304,"rank":94,"group":305},11,"Edit","edit",{"id":94,"label":299,"slug":300},{"id":307,"label":308,"slug":309,"rank":310,"group":311},74,"Onboarding Checklist","onboarding-checklist",3,{"id":178,"label":179,"slug":180},{"id":313,"label":314,"slug":315,"rank":67,"group":316},53,"Code Editor","code-editor",{"id":111,"label":317,"slug":318},"Media & Tools","media-and-tools",[320,324,325,326,327],{"id":321,"title":322,"slug":323},169,"Avatar","avatar",{"id":209,"title":210,"slug":211},{"id":217,"title":218,"slug":219},{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"slug":39,"title":38,"logo":41,"categories":329},[],{"family":331,"examples":332},"flows",[],{"family":334,"examples":335},"pages",[],[337,339,341,343,346,349,352,354,358,362,366],{"label":338,"to":29},"Retool product screens",{"label":340,"to":35},"Retool marketing pages",{"label":342,"to":32},"Retool user flows",{"label":344,"to":345},"Retool UI components","\u002Fexamples\u002Fapps\u002Fretool\u002Fcomponents",{"label":347,"to":348},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":350,"to":351},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":353,"to":18},"All SaaS app examples",{"label":355,"to":356,"description":357},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":359,"to":360,"description":361},"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":363,"to":364,"description":365},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":367,"to":368,"description":369},"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":371,"updated_at":372},"2022-09-01T11:22:20.000Z","2026-09-13T13:02:39.000Z"]