[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fframer\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":312,"links":313,"dates":374},"\u002Fexamples\u002Fapps\u002Fframer\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Framer product screens examples - Nicelydone","Browse Framer screen design examples. Preview the interface screenshots and explore related UI patterns. Always interactive, lightning fast design.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58af08f8-4074-4d30-af93-9cbf34699cf3.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},"Framer design examples","\u002Fexamples\u002Fapps\u002Fframer",{"label":23,"to":4},"Framer 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},"Framer","framer","Always interactive, lightning fast design.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fframer-4ee13abb.png","http:\u002F\u002Fframer.com\u002Fweb",[35,39,43,47],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",{"id":48,"title":49,"slug":50},96,"No code","no-code",[52,81,93,104,126,138,150,166,182,194,249,286],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":79},"58af08f8-4074-4d30-af93-9cbf34699cf3","Framer Login","Sign-in screen where the user authenticates with Google or email over a blurred showcase background.",3024,1686,"Framer Login from Framer","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75],{"id":72,"title":73,"slug":74},175,"Button","button",{"id":76,"title":77,"slug":78},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":54,"description":83,"canonical_path":4,"image":84,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":85,"component_categories":88,"app":91},"bba7c8af-490b-4135-a4a2-6d4dfd7172a3","Sign-in screen where the user authenticates with Google or enters their email to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbba7c8af-490b-4135-a4a2-6d4dfd7172a3.png",[86],{"id":62,"label":63,"slug":64,"rank":65,"group":87},{"id":67,"label":68,"slug":69},[89,90],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":83,"canonical_path":4,"image":95,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":96,"component_categories":99,"app":102},"df78c5a4-2b27-4832-8315-95d21f5eb6bb","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf78c5a4-2b27-4832-8315-95d21f5eb6bb.png",[97],{"id":62,"label":63,"slug":64,"rank":65,"group":98},{"id":67,"label":68,"slug":69},[100,101],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":54,"description":106,"canonical_path":4,"image":107,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":108,"component_categories":122,"app":124},"88093e53-69e3-4c6a-a3bb-527c85641094","Verification screen prompting the user to check their inbox for an activation link to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F88093e53-69e3-4c6a-a3bb-527c85641094.png",[109,114],{"id":110,"label":111,"slug":112,"rank":65,"group":113},6,"Verification","verification",{"id":67,"label":68,"slug":69},{"id":115,"label":116,"slug":117,"rank":67,"group":118},114,"Confirmation","confirmation",{"id":119,"label":120,"slug":121},12,"States & Feedback","states-and-feedback",[123],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":54,"description":128,"canonical_path":4,"image":129,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":130,"component_categories":133,"app":136},"4b3847d4-5c0f-4402-a3e3-aff194cbf61f","Sign-in screen where the user authenticates with Google or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4b3847d4-5c0f-4402-a3e3-aff194cbf61f.png",[131],{"id":62,"label":63,"slug":64,"rank":65,"group":132},{"id":67,"label":68,"slug":69},[134,135],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":54,"description":140,"canonical_path":4,"image":141,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":142,"component_categories":145,"app":148},"c386b5ad-01d7-4f5e-876d-e138a94a38bd","Sign-in screen where the user authenticates with Google or enters their email address to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc386b5ad-01d7-4f5e-876d-e138a94a38bd.png",[143],{"id":62,"label":63,"slug":64,"rank":65,"group":144},{"id":67,"label":68,"slug":69},[146,147],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":54,"description":152,"canonical_path":4,"image":153,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":154,"component_categories":162,"app":164},"b30f8106-ae90-4126-9ab1-c6599169647a","Verification screen prompting the user to check their inbox for an activation link, with an inline option to resend the email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb30f8106-ae90-4126-9ab1-c6599169647a.png",[155,157],{"id":110,"label":111,"slug":112,"rank":65,"group":156},{"id":67,"label":68,"slug":69},{"id":158,"label":159,"slug":160,"rank":67,"group":161},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},[163],{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":165},[],{"uuid":167,"title":54,"description":168,"canonical_path":4,"image":169,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":170,"component_categories":177,"app":180},"84d384a1-cad1-4b52-bf01-47e8ca2431d7","Signup screen where the user enters their first and last name to complete account creation with a pre-filled email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84d384a1-cad1-4b52-bf01-47e8ca2431d7.png",[171,175],{"id":67,"label":172,"slug":173,"rank":65,"group":174},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},{"id":158,"label":159,"slug":160,"rank":67,"group":176},{"id":67,"label":68,"slug":69},[178,179],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":54,"description":184,"canonical_path":4,"image":185,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":186,"component_categories":189,"app":192},"fc8ce4d2-68a4-4e8b-8b9a-5ac433272d23","Signup screen where the user provides their first and last name along with an email address to create an account, and accepts the terms of service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc8ce4d2-68a4-4e8b-8b9a-5ac433272d23.png",[187],{"id":158,"label":159,"slug":160,"rank":65,"group":188},{"id":67,"label":68,"slug":69},[190,191],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":4,"image":198,"width":56,"height":57,"image_alt":199,"kind":59,"patterns":200,"component_categories":221,"app":247},"06240c7e-13a8-4a73-903e-b1253c44b814","Untitled – Framer","Design editor where a new user lands on a blank canvas with a 5-step onboarding checklist to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06240c7e-13a8-4a73-903e-b1253c44b814.png","Untitled – Framer from Framer",[201,208,213],{"id":202,"label":203,"slug":204,"rank":65,"group":205},74,"Onboarding Checklist","onboarding-checklist",{"id":40,"label":206,"slug":207},"Onboarding & Education","onboarding-and-education",{"id":209,"label":210,"slug":211,"rank":67,"group":212},72,"Getting Started","getting-started",{"id":40,"label":206,"slug":207},{"id":214,"label":215,"slug":216,"rank":217,"group":218},55,"Design Editor","design-editor",2,{"id":158,"label":219,"slug":220},"Media & Tools","media-and-tools",[222,226,230,234,238,242,246],{"id":223,"title":224,"slug":225},169,"Avatar","avatar",{"id":227,"title":228,"slug":229},233,"Tabs","tabs",{"id":231,"title":232,"slug":233},168,"Accordion","accordion",{"id":235,"title":236,"slug":237},277,"Button group","button-group",{"id":239,"title":240,"slug":241},240,"Horizontal navigation","horizontal-navigation",{"id":243,"title":244,"slug":245},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":29,"description":251,"canonical_path":4,"image":252,"width":56,"height":57,"image_alt":253,"kind":59,"patterns":254,"component_categories":279,"app":284},"344053ef-5c72-4f42-b52e-2532e5c03ea0","Workspace home page where the user views their recent design projects, searches files, and can create new projects or invite members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F344053ef-5c72-4f42-b52e-2532e5c03ea0.png","Framer from Framer",[255,262,266,273],{"id":256,"label":257,"slug":258,"rank":65,"group":259},81,"Home","home",{"id":36,"label":260,"slug":261},"Pages & Content","pages-and-content",{"id":44,"label":263,"slug":264,"rank":67,"group":265},"Files","files",{"id":36,"label":260,"slug":261},{"id":267,"label":268,"slug":269,"rank":217,"group":270},133,"Invite Teammates","invite-teammates",{"id":217,"label":271,"slug":272},"Actions","actions",{"id":274,"label":275,"slug":276,"rank":277,"group":278},22,"Search","search",3,{"id":217,"label":271,"slug":272},[280,281,282,283],{"id":239,"title":240,"slug":241},{"id":243,"title":244,"slug":245},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":285},[],{"uuid":287,"title":29,"description":288,"canonical_path":4,"image":289,"width":56,"height":57,"image_alt":253,"kind":59,"patterns":290,"component_categories":306,"app":310},"013998e8-bf7a-49c6-9b2f-5bb7e21f77da","Home screen where the user views their recent projects in a grid and can create new files or invite members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F013998e8-bf7a-49c6-9b2f-5bb7e21f77da.png",[291,293,295,297,304],{"id":256,"label":257,"slug":258,"rank":65,"group":292},{"id":36,"label":260,"slug":261},{"id":44,"label":263,"slug":264,"rank":67,"group":294},{"id":36,"label":260,"slug":261},{"id":267,"label":268,"slug":269,"rank":217,"group":296},{"id":217,"label":271,"slug":272},{"id":298,"label":299,"slug":300,"rank":277,"group":301},71,"Workspace Switcher","workspace-switcher",{"id":110,"label":302,"slug":303},"Navigation & Commands","navigation-and-commands",{"id":274,"label":275,"slug":276,"rank":62,"group":305},{"id":217,"label":271,"slug":272},[307,308,309],{"id":239,"title":240,"slug":241},{"id":243,"title":244,"slug":245},{"id":76,"title":77,"slug":78},{"slug":30,"title":29,"logo":32,"categories":311},[],[],[314,316,318,320,322,324,326,328,330,332,334,336,338,341,344,347,350,353,356,358,362,366,370],{"label":63,"to":315},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":159,"to":317},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":263,"to":319},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":257,"to":321},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":268,"to":323},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":275,"to":325},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":111,"to":327},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":172,"to":329},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":116,"to":331},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":215,"to":333},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":210,"to":335},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":203,"to":337},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":339,"to":340},"Framer marketing pages","\u002Fexamples\u002Fapps\u002Fframer\u002Fmarketing",{"label":342,"to":343},"Framer user flows","\u002Fexamples\u002Fapps\u002Fframer\u002Fflows",{"label":345,"to":346},"Framer UI components","\u002Fexamples\u002Fapps\u002Fframer\u002Fcomponents",{"label":348,"to":349},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":351,"to":352},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":354,"to":355},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":357,"to":18},"All SaaS app examples",{"label":359,"to":360,"description":361},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":363,"to":364,"description":365},"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":367,"to":368,"description":369},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":371,"to":372,"description":373},"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":375,"updated_at":376},"2020-03-02T13:13:20.000Z","2026-09-13T13:02:39.000Z"]