[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fretool\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":317,"links":318,"dates":376},"\u002Fexamples\u002Fapps\u002Fretool\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Retool product screens examples - Nicelydone","Browse Retool screen design examples. Preview the interface screenshots and explore related UI patterns. Build internal tools, remarkably fast.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb6be75be-876b-4aa7-b628-5c7bdae475ad.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},"Retool design examples","\u002Fexamples\u002Fapps\u002Fretool",{"label":23,"to":4},"Retool 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},"Retool","retool","Build internal tools, remarkably fast.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fretool-84knfk1j.png","https:\u002F\u002Fretool.com",[35,39],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},96,"No code","no-code",[44,73,90,107,119,131,153,176,210,227,251,273],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":71},"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",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67],{"id":64,"title":65,"slug":66},174,"Card","card",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":48,"height":49,"image_alt":78,"kind":51,"patterns":79,"component_categories":85,"app":88},"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",[80],{"id":81,"label":82,"slug":83,"rank":57,"group":84},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[86,87],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":48,"height":49,"image_alt":95,"kind":51,"patterns":96,"component_categories":102,"app":105},"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",[97],{"id":98,"label":99,"slug":100,"rank":57,"group":101},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[103,104],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":92,"description":109,"canonical_path":4,"image":110,"width":48,"height":49,"image_alt":95,"kind":51,"patterns":111,"component_categories":114,"app":117},"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",[112],{"id":98,"label":99,"slug":100,"rank":57,"group":113},{"id":59,"label":60,"slug":61},[115,116],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":92,"description":121,"canonical_path":4,"image":122,"width":48,"height":49,"image_alt":95,"kind":51,"patterns":123,"component_categories":126,"app":129},"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",[124],{"id":98,"label":99,"slug":100,"rank":57,"group":125},{"id":59,"label":60,"slug":61},[127,128],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":29,"description":133,"canonical_path":4,"image":134,"width":48,"height":49,"image_alt":135,"kind":51,"patterns":136,"component_categories":149,"app":151},"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",[137,141],{"id":59,"label":138,"slug":139,"rank":57,"group":140},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},{"id":142,"label":143,"slug":144,"rank":59,"group":145},104,"Team Management","team-management",{"id":146,"label":147,"slug":148},10,"Settings & Admin","settings-and-admin",[150],{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":29,"description":155,"canonical_path":4,"image":156,"width":48,"height":49,"image_alt":135,"kind":51,"patterns":157,"component_categories":168,"app":174},"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",[158,160],{"id":59,"label":138,"slug":139,"rank":57,"group":159},{"id":59,"label":60,"slug":61},{"id":161,"label":162,"slug":163,"rank":59,"group":164},75,"Setup Wizard","setup-wizard",{"id":165,"label":166,"slug":167},7,"Onboarding & Education","onboarding-and-education",[169,173],{"id":170,"title":171,"slug":172},167,"Alert","alert",{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":178,"description":179,"canonical_path":4,"image":180,"width":48,"height":49,"image_alt":181,"kind":51,"patterns":182,"component_categories":190,"app":208},"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",[183,185],{"id":161,"label":162,"slug":163,"rank":57,"group":184},{"id":165,"label":166,"slug":167},{"id":186,"label":187,"slug":188,"rank":59,"group":189},97,"Integrations","integrations",{"id":146,"label":147,"slug":148},[191,195,199,203,207],{"id":192,"title":193,"slug":194},277,"Button group","button-group",{"id":196,"title":197,"slug":198},240,"Horizontal navigation","horizontal-navigation",{"id":200,"title":201,"slug":202},284,"Modal","modal",{"id":204,"title":205,"slug":206},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":178,"description":212,"canonical_path":4,"image":213,"width":48,"height":49,"image_alt":181,"kind":51,"patterns":214,"component_categories":219,"app":225},"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",[215,217],{"id":161,"label":162,"slug":163,"rank":57,"group":216},{"id":165,"label":166,"slug":167},{"id":186,"label":187,"slug":188,"rank":59,"group":218},{"id":146,"label":147,"slug":148},[220,221,222,223,224],{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":204,"title":205,"slug":206},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":178,"description":229,"canonical_path":4,"image":230,"width":48,"height":49,"image_alt":181,"kind":51,"patterns":231,"component_categories":239,"app":249},"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",[232,234],{"id":59,"label":138,"slug":139,"rank":57,"group":233},{"id":59,"label":60,"slug":61},{"id":235,"label":236,"slug":237,"rank":59,"group":238},102,"Settings","settings",{"id":146,"label":147,"slug":148},[240,244,245,246,247,248],{"id":241,"title":242,"slug":243},177,"Breadcrumb","breadcrumb",{"id":170,"title":171,"slug":172},{"id":192,"title":193,"slug":194},{"id":196,"title":197,"slug":198},{"id":200,"title":201,"slug":202},{"id":204,"title":205,"slug":206},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":178,"description":253,"canonical_path":4,"image":254,"width":48,"height":49,"image_alt":181,"kind":51,"patterns":255,"component_categories":266,"app":271},"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",[256,261],{"id":257,"label":258,"slug":259,"rank":57,"group":260},73,"Guided Tour","guided-tour",{"id":165,"label":166,"slug":167},{"id":262,"label":263,"slug":264,"rank":59,"group":265},76,"Tutorial","tutorial",{"id":165,"label":166,"slug":167},[267,268,269,270],{"id":200,"title":201,"slug":202},{"id":204,"title":205,"slug":206},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":272},[],{"uuid":274,"title":275,"description":276,"canonical_path":4,"image":277,"width":48,"height":49,"image_alt":278,"kind":51,"patterns":279,"component_categories":306,"app":315},"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",[280,282,288,293,299],{"id":257,"label":258,"slug":259,"rank":57,"group":281},{"id":165,"label":166,"slug":167},{"id":146,"label":283,"slug":284,"rank":59,"group":285},"Drag & Drop","drag-and-drop",{"id":81,"label":286,"slug":287},"Actions","actions",{"id":289,"label":290,"slug":291,"rank":81,"group":292},11,"Edit","edit",{"id":81,"label":286,"slug":287},{"id":294,"label":295,"slug":296,"rank":297,"group":298},74,"Onboarding Checklist","onboarding-checklist",3,{"id":165,"label":166,"slug":167},{"id":300,"label":301,"slug":302,"rank":54,"group":303},53,"Code Editor","code-editor",{"id":98,"label":304,"slug":305},"Media & Tools","media-and-tools",[307,311,312,313,314],{"id":308,"title":309,"slug":310},169,"Avatar","avatar",{"id":196,"title":197,"slug":198},{"id":204,"title":205,"slug":206},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":316},[],[],[319,321,323,325,327,329,331,333,335,337,339,341,343,346,349,352,355,358,360,364,368,372],{"label":138,"to":320},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":162,"to":322},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":99,"to":324},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":258,"to":326},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":187,"to":328},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":301,"to":330},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":283,"to":332},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":290,"to":334},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":82,"to":336},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":295,"to":338},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":236,"to":340},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":55,"to":342},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":344,"to":345},"Retool marketing pages","\u002Fexamples\u002Fapps\u002Fretool\u002Fmarketing",{"label":347,"to":348},"Retool user flows","\u002Fexamples\u002Fapps\u002Fretool\u002Fflows",{"label":350,"to":351},"Retool UI components","\u002Fexamples\u002Fapps\u002Fretool\u002Fcomponents",{"label":353,"to":354},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":356,"to":357},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":359,"to":18},"All SaaS app examples",{"label":361,"to":362,"description":363},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":365,"to":366,"description":367},"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":369,"to":370,"description":371},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":373,"to":374,"description":375},"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":377,"updated_at":378},"2022-09-01T11:22:20.000Z","2026-09-13T13:02:39.000Z"]