[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fwebflow\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":55,"showcases":339,"links":340,"dates":401},"\u002Fexamples\u002Fapps\u002Fwebflow\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Webflow product screens examples - Nicelydone","Browse Webflow screen design examples. Preview the interface screenshots and explore related UI patterns. Responsive web design tool, CMS, and hosting platform","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61c73830-15f4-444b-858f-87518221b7f4.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},"Webflow design examples","\u002Fexamples\u002Fapps\u002Fwebflow",{"label":23,"to":4},"Webflow 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},"Webflow","webflow","Responsive web design tool, CMS, and hosting platform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwebflow-d8c55605.png","https:\u002F\u002Fwebflow.com",[35,39,43,47,51],{"id":36,"title":37,"slug":38},96,"No code","no-code",{"id":40,"title":41,"slug":42},6,"Publishing","publishing",{"id":44,"title":45,"slug":46},7,"Web Development","web-development",{"id":48,"title":49,"slug":50},8,"Design","design",{"id":52,"title":53,"slug":54},23,"Collaboration","collaboration",[56,85,101,115,146,162,182,223,248,281,308,322],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":78,"app":83},"61c73830-15f4-444b-858f-87518221b7f4","Contact Webflow Sales team | Webflow","Signup screen where the user can create an account with a work email or authenticate via Google, featuring a logo wall of trusted enterprise customers.",3024,1718,"Contact Webflow Sales team | Webflow from Webflow","screen",[65,74],{"id":66,"label":67,"slug":68,"rank":69,"group":70},5,"Sign Up","sign-up",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",{"id":71,"label":75,"slug":76,"rank":71,"group":77},"Account Setup","account-setup",{"id":71,"label":72,"slug":73},[79],{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":60,"height":61,"image_alt":90,"kind":63,"patterns":91,"component_categories":97,"app":99},"c60bb6dc-3bb2-486b-bf3f-b37ac6d2b198","Log In - Webflow","Signin screen where the user authenticates with Google, an email and password, or SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc60bb6dc-3bb2-486b-bf3f-b37ac6d2b198.png","Log In - Webflow from Webflow",[92],{"id":93,"label":94,"slug":95,"rank":69,"group":96},4,"Sign In","sign-in",{"id":71,"label":72,"slug":73},[98],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":58,"description":103,"canonical_path":4,"image":104,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":105,"component_categories":111,"app":113},"6a834125-6606-4521-8cf4-7e7fcca22726","Sign-in screen where a returning user enters their password to access Webflow, featuring a logo wall of enterprise customers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a834125-6606-4521-8cf4-7e7fcca22726.png",[106],{"id":107,"label":108,"slug":109,"rank":69,"group":110},2,"Forgot Password","forgot-password",{"id":71,"label":72,"slug":73},[112],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":58,"description":117,"canonical_path":4,"image":118,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":119,"component_categories":130,"app":144},"aced244a-681e-4e61-b585-b9ca5c314f60","Password recovery drawer where the user enters their email to receive reset instructions, overlaid on a design editor interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faced244a-681e-4e61-b585-b9ca5c314f60.png",[120,122],{"id":107,"label":108,"slug":109,"rank":69,"group":121},{"id":71,"label":72,"slug":73},{"id":123,"label":124,"slug":125,"rank":71,"group":126},114,"Confirmation","confirmation",{"id":127,"label":128,"slug":129},12,"States & Feedback","states-and-feedback",[131,135,139,143],{"id":132,"title":133,"slug":134},168,"Accordion","accordion",{"id":136,"title":137,"slug":138},257,"Input number","input-number",{"id":140,"title":141,"slug":142},233,"Tabs","tabs",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":145},[],{"uuid":147,"title":58,"description":148,"canonical_path":4,"image":149,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":150,"component_categories":158,"app":160},"f9275361-e28d-42c6-b75f-bacebc98eb3a","Password recovery screen showing a success state with a green toast notification confirming the reset link was sent to the user's email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff9275361-e28d-42c6-b75f-bacebc98eb3a.png",[151,156],{"id":152,"label":153,"slug":154,"rank":69,"group":155},122,"Success","success",{"id":127,"label":128,"slug":129},{"id":107,"label":108,"slug":109,"rank":71,"group":157},{"id":71,"label":72,"slug":73},[159],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":60,"height":61,"image_alt":167,"kind":63,"patterns":168,"component_categories":171,"app":180},"1f38ec3f-329d-4e25-ad07-12543bf5747a","Webflow Create a custom website | Visual website builder","Sign-in screen where the user enters their password to access Webflow, featuring a product preview in the background and a customer logo wall.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f38ec3f-329d-4e25-ad07-12543bf5747a.png","Webflow Create a custom website | Visual website builder from Webflow",[169],{"id":93,"label":94,"slug":95,"rank":69,"group":170},{"id":71,"label":72,"slug":73},[172,173,174,175,179],{"id":132,"title":133,"slug":134},{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":176,"title":177,"slug":178},169,"Avatar","avatar",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":60,"height":61,"image_alt":187,"kind":63,"patterns":188,"component_categories":203,"app":221},"6bb47b26-e602-4541-896b-d00967f44bad","Sites - Webflow","Dashboard with a modal overlay displaying a chronological list of recent product updates, new features, and bug fixes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6bb47b26-e602-4541-896b-d00967f44bad.png","Sites - Webflow from Webflow",[189,196,201],{"id":190,"label":191,"slug":192,"rank":69,"group":193},41,"Dashboard","dashboard",{"id":93,"label":194,"slug":195},"Data & Analysis","data-and-analysis",{"id":197,"label":198,"slug":199,"rank":71,"group":200},119,"Info","info",{"id":127,"label":128,"slug":129},{"id":123,"label":124,"slug":125,"rank":107,"group":202},{"id":127,"label":128,"slug":129},[204,208,212,216,220],{"id":205,"title":206,"slug":207},284,"Modal","modal",{"id":209,"title":210,"slug":211},174,"Card","card",{"id":213,"title":214,"slug":215},260,"Badge","badge",{"id":217,"title":218,"slug":219},240,"Horizontal navigation","horizontal-navigation",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":4,"image":227,"width":60,"height":228,"image_alt":229,"kind":63,"patterns":230,"component_categories":240,"app":246},"ac9cf6f2-9f12-4ca7-9c74-d5d06504fb2e","Updates - Webflow","Feed where the user reads recent product updates, announcements, and new features categorized by badges.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac9cf6f2-9f12-4ca7-9c74-d5d06504fb2e.png",3654,"Updates - Webflow from Webflow",[231,233],{"id":190,"label":191,"slug":192,"rank":69,"group":232},{"id":93,"label":194,"slug":195},{"id":234,"label":235,"slug":236,"rank":71,"group":237},79,"Browse","browse",{"id":48,"label":238,"slug":239},"Pages & Content","pages-and-content",[241,242,243,244,245],{"id":209,"title":210,"slug":211},{"id":213,"title":214,"slug":215},{"id":217,"title":218,"slug":219},{"id":176,"title":177,"slug":178},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":247},[],{"uuid":249,"title":184,"description":250,"canonical_path":4,"image":251,"width":60,"height":61,"image_alt":187,"kind":63,"patterns":252,"component_categories":273,"app":279},"7528f71a-e82b-4413-9ffd-5bf2a0d3702f","List view of a workspace showing an empty state for sites with a prompt to move existing sites from the menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7528f71a-e82b-4413-9ffd-5bf2a0d3702f.png",[253,258,260,265],{"id":254,"label":255,"slug":256,"rank":69,"group":257},115,"Empty State","empty-state",{"id":127,"label":128,"slug":129},{"id":190,"label":191,"slug":192,"rank":71,"group":259},{"id":93,"label":194,"slug":195},{"id":261,"label":262,"slug":263,"rank":107,"group":264},80,"Files","files",{"id":48,"label":238,"slug":239},{"id":266,"label":267,"slug":268,"rank":269,"group":270},13,"Filter & Sort","filter-and-sort",3,{"id":107,"label":271,"slug":272},"Actions","actions",[274,275,276,277,278],{"id":213,"title":214,"slug":215},{"id":209,"title":210,"slug":211},{"id":217,"title":218,"slug":219},{"id":176,"title":177,"slug":178},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":280},[],{"uuid":282,"title":184,"description":283,"canonical_path":4,"image":284,"width":60,"height":61,"image_alt":187,"kind":63,"patterns":285,"component_categories":299,"app":306},"580c02f2-4a41-4dcb-a42a-af00e86ce2ef","Dashboard showing an empty list of sites for a starter workspace, featuring an open sort dropdown and a prompt to add new sites.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F580c02f2-4a41-4dcb-a42a-af00e86ce2ef.png",[286,288,290,292],{"id":190,"label":191,"slug":192,"rank":69,"group":287},{"id":93,"label":194,"slug":195},{"id":254,"label":255,"slug":256,"rank":71,"group":289},{"id":127,"label":128,"slug":129},{"id":266,"label":267,"slug":268,"rank":107,"group":291},{"id":107,"label":271,"slug":272},{"id":293,"label":294,"slug":295,"rank":269,"group":296},71,"Workspace Switcher","workspace-switcher",{"id":40,"label":297,"slug":298},"Navigation & Commands","navigation-and-commands",[300,301,302,303,304,305],{"id":140,"title":141,"slug":142},{"id":213,"title":214,"slug":215},{"id":209,"title":210,"slug":211},{"id":217,"title":218,"slug":219},{"id":176,"title":177,"slug":178},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":307},[],{"uuid":309,"title":184,"description":310,"canonical_path":4,"image":311,"width":60,"height":61,"image_alt":187,"kind":63,"patterns":312,"component_categories":315,"app":320},"6f1740be-ee08-49b8-9ff1-497092c58950","Dashboard overlay where the user names and creates a new folder to organize their workspace sites.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f1740be-ee08-49b8-9ff1-497092c58950.png",[313],{"id":261,"label":262,"slug":263,"rank":69,"group":314},{"id":48,"label":238,"slug":239},[316,317,318,319],{"id":205,"title":206,"slug":207},{"id":217,"title":218,"slug":219},{"id":176,"title":177,"slug":178},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":321},[],{"uuid":323,"title":184,"description":324,"canonical_path":4,"image":325,"width":60,"height":61,"image_alt":187,"kind":63,"patterns":326,"component_categories":331,"app":337},"2cec4f03-abb1-4286-a507-97fd755a25f7","Dashboard showing an empty workspace with placeholder cards prompting the user to add or move sites.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2cec4f03-abb1-4286-a507-97fd755a25f7.png",[327,329],{"id":254,"label":255,"slug":256,"rank":69,"group":328},{"id":127,"label":128,"slug":129},{"id":190,"label":191,"slug":192,"rank":71,"group":330},{"id":93,"label":194,"slug":195},[332,333,334,335,336],{"id":213,"title":214,"slug":215},{"id":209,"title":210,"slug":211},{"id":217,"title":218,"slug":219},{"id":176,"title":177,"slug":178},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":338},[],[],[341,343,345,347,349,351,353,355,357,359,361,363,365,368,371,374,377,380,383,385,389,393,397],{"label":191,"to":342},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":255,"to":344},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":108,"to":346},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":124,"to":348},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":262,"to":350},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":267,"to":352},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":94,"to":354},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":75,"to":356},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":235,"to":358},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":198,"to":360},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":67,"to":362},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":153,"to":364},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":366,"to":367},"Webflow marketing pages","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fmarketing",{"label":369,"to":370},"Webflow user flows","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fflows",{"label":372,"to":373},"Webflow UI components","\u002Fexamples\u002Fapps\u002Fwebflow\u002Fcomponents",{"label":375,"to":376},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":378,"to":379},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":381,"to":382},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":384,"to":18},"All SaaS app examples",{"label":386,"to":387,"description":388},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":390,"to":391,"description":392},"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":394,"to":395,"description":396},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":398,"to":399,"description":400},"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":402,"updated_at":403},"2022-08-15T11:29:16.000Z","2026-09-13T13:02:39.000Z"]