[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fframeio\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":333,"links":334,"dates":395},"\u002Fexamples\u002Fapps\u002Fframeio\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Frame.io product screens examples - Nicelydone","Browse Frame.io screen design examples. Preview the interface screenshots and explore related UI patterns. The next generation of video collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee7ba63f-056a-4f6c-91b8-32ef5b400ed9.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},"Frame.io design examples","\u002Fexamples\u002Fapps\u002Fframeio",{"label":23,"to":4},"Frame.io 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,"twitter_username":34,"categories":35},"Frame.io","frameio","The next generation of video collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fframeio-9d3a3d2a.png","https:\u002F\u002Fframe.io","Frame_io",[36,40,44,48],{"id":37,"title":38,"slug":39},100,"Video","video",{"id":41,"title":42,"slug":43},23,"Collaboration","collaboration",{"id":45,"title":46,"slug":47},35,"Feedback","feedback",{"id":49,"title":50,"slug":51},71,"File sharing","file-sharing",[53,78,100,115,126,139,152,164,224,255,274,305],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":76},"ee7ba63f-056a-4f6c-91b8-32ef5b400ed9","Login - Frame.io","Authentication screen where the user enters their email address to begin the sign-in or account creation process.",3024,1738,"Login - Frame.io from Frame.io","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},5,"Sign Up","sign-up",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72],{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":55,"description":80,"canonical_path":4,"image":81,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":82,"component_categories":96,"app":98},"30fbb1d3-4694-4492-ad97-d319b1abd2d3","Auth screen where the user enters their email address to get started, currently in a loading state after submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30fbb1d3-4694-4492-ad97-d319b1abd2d3.png",[83,88],{"id":84,"label":85,"slug":86,"rank":66,"group":87},4,"Sign In","sign-in",{"id":68,"label":69,"slug":70},{"id":89,"label":90,"slug":91,"rank":68,"group":92},120,"Loading","loading",{"id":93,"label":94,"slug":95},12,"States & Feedback","states-and-feedback",[97],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":55,"description":102,"canonical_path":4,"image":103,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":104,"component_categories":111,"app":113},"26e70313-c456-4067-92a8-2378b9e56f5c","Signup screen where the user can authenticate with Adobe or Google, or create an account manually using their email, name, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26e70313-c456-4067-92a8-2378b9e56f5c.png",[105,107],{"id":63,"label":64,"slug":65,"rank":66,"group":106},{"id":68,"label":69,"slug":70},{"id":68,"label":108,"slug":109,"rank":68,"group":110},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[112],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":55,"description":117,"canonical_path":4,"image":118,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":119,"component_categories":122,"app":124},"00ea3714-a7e4-439b-895b-8eb68315d789","Signup page where the user can create an account using Adobe, Google, or a standard email and password form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F00ea3714-a7e4-439b-895b-8eb68315d789.png",[120],{"id":63,"label":64,"slug":65,"rank":66,"group":121},{"id":68,"label":69,"slug":70},[123],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":55,"description":128,"canonical_path":4,"image":129,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":130,"component_categories":135,"app":137},"7be4c88e-83f9-445a-a5b9-fbdf91ec91af","Signup page where the user has filled in their email, name, and password, currently showing a loading state upon submission.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7be4c88e-83f9-445a-a5b9-fbdf91ec91af.png",[131,133],{"id":63,"label":64,"slug":65,"rank":66,"group":132},{"id":68,"label":69,"slug":70},{"id":89,"label":90,"slug":91,"rank":68,"group":134},{"id":93,"label":94,"slug":95},[136],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":55,"description":141,"canonical_path":4,"image":142,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":143,"component_categories":149,"app":150},"d1778f6d-a23e-4edb-a67e-2ee8c17ecc4d","Verification screen where the user enters a 6-digit security code sent to their email address, featuring a resend countdown timer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1778f6d-a23e-4edb-a67e-2ee8c17ecc4d.png",[144],{"id":145,"label":146,"slug":147,"rank":66,"group":148},6,"Verification","verification",{"id":68,"label":69,"slug":70},[],{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":55,"description":154,"canonical_path":4,"image":155,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":156,"component_categories":161,"app":162},"06c49fcb-4f97-430e-a81e-0e658b911381","Verification screen where the user enters a 6-digit security code sent to their email, currently showing a loading state after auto-submitting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06c49fcb-4f97-430e-a81e-0e658b911381.png",[157,159],{"id":145,"label":146,"slug":147,"rank":66,"group":158},{"id":68,"label":69,"slug":70},{"id":89,"label":90,"slug":91,"rank":68,"group":160},{"id":93,"label":94,"slug":95},[],{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":57,"height":58,"image_alt":169,"kind":60,"patterns":170,"component_categories":201,"app":222},"94ef892d-2673-4b59-957f-02d13eeb830f","Demo Project - Frame.io","Project detail page where the user views and manages media files, folders, and review links in a grid layout.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94ef892d-2673-4b59-957f-02d13eeb830f.png","Demo Project - Frame.io from Frame.io",[171,179,184,192],{"id":172,"label":173,"slug":174,"rank":66,"group":175},80,"Files","files",{"id":176,"label":177,"slug":178},8,"Pages & Content","pages-and-content",{"id":180,"label":181,"slug":182,"rank":68,"group":183},79,"Browse","browse",{"id":176,"label":177,"slug":178},{"id":185,"label":186,"slug":187,"rank":188,"group":189},133,"Invite Teammates","invite-teammates",2,{"id":188,"label":190,"slug":191},"Actions","actions",{"id":193,"label":194,"slug":195,"rank":196,"group":197},104,"Team Management","team-management",3,{"id":198,"label":199,"slug":200},10,"Settings & Admin","settings-and-admin",[202,206,210,214,218],{"id":203,"title":204,"slug":205},240,"Horizontal navigation","horizontal-navigation",{"id":207,"title":208,"slug":209},169,"Avatar","avatar",{"id":211,"title":212,"slug":213},260,"Badge","badge",{"id":215,"title":216,"slug":217},233,"Tabs","tabs",{"id":219,"title":220,"slug":221},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":166,"description":226,"canonical_path":4,"image":227,"width":57,"height":58,"image_alt":169,"kind":60,"patterns":228,"component_categories":246,"app":253},"3f2affe8-536f-4cc0-b611-6cb7dada2eba","List view where the user browses media files and folders within a project, featuring an open account-switcher dropdown and a trial upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f2affe8-536f-4cc0-b611-6cb7dada2eba.png",[229,231,233,241],{"id":172,"label":173,"slug":174,"rank":66,"group":230},{"id":176,"label":177,"slug":178},{"id":180,"label":181,"slug":182,"rank":68,"group":232},{"id":176,"label":177,"slug":178},{"id":234,"label":235,"slug":236,"rank":188,"group":237},91,"Trial","trial",{"id":238,"label":239,"slug":240},9,"Plans & Limits","plans-and-limits",{"id":242,"label":243,"slug":244,"rank":196,"group":245},94,"Account Settings","account-settings",{"id":198,"label":199,"slug":200},[247,248,249,250,251,252],{"id":203,"title":204,"slug":205},{"id":207,"title":208,"slug":209},{"id":211,"title":212,"slug":213},{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":166,"description":257,"canonical_path":4,"image":258,"width":57,"height":58,"image_alt":169,"kind":60,"patterns":259,"component_categories":266,"app":272},"46ddee21-3658-4b26-b6f6-8e09eeb17e98","List view where the user browses video files and folders within a specific project, with options to share the project, upload new items, or manage project settings via an open dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F46ddee21-3658-4b26-b6f6-8e09eeb17e98.png",[260,262,264],{"id":172,"label":173,"slug":174,"rank":66,"group":261},{"id":176,"label":177,"slug":178},{"id":180,"label":181,"slug":182,"rank":68,"group":263},{"id":176,"label":177,"slug":178},{"id":193,"label":194,"slug":195,"rank":188,"group":265},{"id":198,"label":199,"slug":200},[267,268,269,270,271],{"id":207,"title":208,"slug":209},{"id":211,"title":212,"slug":213},{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":273},[],{"uuid":275,"title":166,"description":276,"canonical_path":4,"image":277,"width":57,"height":58,"image_alt":169,"kind":60,"patterns":278,"component_categories":295,"app":303},"17485c2a-8069-4656-a2de-4706f1ee98a6","Detail page where the user configures project privacy, collaborator permissions, and email notifications via an edit modal.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17485c2a-8069-4656-a2de-4706f1ee98a6.png",[279,284,286,291],{"id":280,"label":281,"slug":282,"rank":66,"group":283},11,"Edit","edit",{"id":188,"label":190,"slug":191},{"id":193,"label":194,"slug":195,"rank":68,"group":285},{"id":198,"label":199,"slug":200},{"id":287,"label":288,"slug":289,"rank":188,"group":290},99,"Notification Settings","notification-settings",{"id":198,"label":199,"slug":200},{"id":238,"label":292,"slug":293,"rank":196,"group":294},"Delete","delete",{"id":188,"label":190,"slug":191},[296,300,301,302],{"id":297,"title":298,"slug":299},284,"Modal","modal",{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":304},[],{"uuid":306,"title":166,"description":307,"canonical_path":4,"image":308,"width":57,"height":58,"image_alt":169,"kind":60,"patterns":309,"component_categories":321,"app":331},"3ba6c4b2-b94b-4200-a275-2185a1fd41e9","Detail page where the user views and manages media files and folders within a specific project workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3ba6c4b2-b94b-4200-a275-2185a1fd41e9.png",[310,312,314],{"id":172,"label":173,"slug":174,"rank":66,"group":311},{"id":176,"label":177,"slug":178},{"id":180,"label":181,"slug":182,"rank":68,"group":313},{"id":176,"label":177,"slug":178},{"id":315,"label":316,"slug":317,"rank":188,"group":318},41,"Dashboard","dashboard",{"id":84,"label":319,"slug":320},"Data & Analysis","data-and-analysis",[322,326,327,328,329,330],{"id":323,"title":324,"slug":325},277,"Button group","button-group",{"id":207,"title":208,"slug":209},{"id":211,"title":212,"slug":213},{"id":215,"title":216,"slug":217},{"id":219,"title":220,"slug":221},{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":332},[],[],[335,337,339,341,343,345,347,349,351,353,355,357,359,362,365,368,371,374,377,379,383,387,391],{"label":181,"to":336},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":173,"to":338},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":64,"to":340},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":90,"to":342},"\u002Fexamples\u002Fscreens\u002Floading",{"label":194,"to":344},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":146,"to":346},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":243,"to":348},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":108,"to":350},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":316,"to":352},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":292,"to":354},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":281,"to":356},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":186,"to":358},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":360,"to":361},"Frame.io marketing pages","\u002Fexamples\u002Fapps\u002Fframeio\u002Fmarketing",{"label":363,"to":364},"Frame.io user flows","\u002Fexamples\u002Fapps\u002Fframeio\u002Fflows",{"label":366,"to":367},"Frame.io UI components","\u002Fexamples\u002Fapps\u002Fframeio\u002Fcomponents",{"label":369,"to":370},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":372,"to":373},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":375,"to":376},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":378,"to":18},"All SaaS app examples",{"label":380,"to":381,"description":382},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":384,"to":385,"description":386},"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":388,"to":389,"description":390},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":392,"to":393,"description":394},"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":396,"updated_at":397},"2023-02-12T15:49:08.000Z","2026-09-13T13:02:39.000Z"]