[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fframeio":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":64,"showcases":65,"links":358,"dates":376},"\u002Fexamples\u002Fapps\u002Fframeio","detail","apps",true,{"title":9,"description":10,"og_image":11},"Frame.io design examples - Nicelydone","Explore Frame.io UI design examples. The next generation of video collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee7ba63f-056a-4f6c-91b8-32ef5b400ed9.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Frame.io design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Frame.io",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fframeio\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fframeio\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fframeio\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fframeio\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Frame.io","frameio","The next generation of video collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fframeio-9d3a3d2a.png","https:\u002F\u002Fframe.io","Frame_io",[48,52,56,60],{"id":49,"title":50,"slug":51},100,"Video","video",{"id":53,"title":54,"slug":55},23,"Collaboration","collaboration",{"id":57,"title":58,"slug":59},35,"Feedback","feedback",{"id":61,"title":62,"slug":63},71,"File sharing","file-sharing",[],[66,349,352,355],{"family":67,"examples":68},"screens",[69,94,116,131,142,155,168,180,240,271,290,321],{"uuid":70,"title":71,"description":72,"canonical_path":29,"image":11,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":77,"component_categories":87,"app":92},"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",[78],{"id":79,"label":80,"slug":81,"rank":82,"group":83},5,"Sign Up","sign-up",0,{"id":84,"label":85,"slug":86},1,"Access & Account","access-and-account",[88],{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":93},[],{"uuid":95,"title":71,"description":96,"canonical_path":29,"image":97,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":98,"component_categories":112,"app":114},"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",[99,104],{"id":100,"label":101,"slug":102,"rank":82,"group":103},4,"Sign In","sign-in",{"id":84,"label":85,"slug":86},{"id":105,"label":106,"slug":107,"rank":84,"group":108},120,"Loading","loading",{"id":109,"label":110,"slug":111},12,"States & Feedback","states-and-feedback",[113],{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":115},[],{"uuid":117,"title":71,"description":118,"canonical_path":29,"image":119,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":120,"component_categories":127,"app":129},"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",[121,123],{"id":79,"label":80,"slug":81,"rank":82,"group":122},{"id":84,"label":85,"slug":86},{"id":84,"label":124,"slug":125,"rank":84,"group":126},"Account Setup","account-setup",{"id":84,"label":85,"slug":86},[128],{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":130},[],{"uuid":132,"title":71,"description":133,"canonical_path":29,"image":134,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":135,"component_categories":138,"app":140},"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",[136],{"id":79,"label":80,"slug":81,"rank":82,"group":137},{"id":84,"label":85,"slug":86},[139],{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":141},[],{"uuid":143,"title":71,"description":144,"canonical_path":29,"image":145,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":146,"component_categories":151,"app":153},"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",[147,149],{"id":79,"label":80,"slug":81,"rank":82,"group":148},{"id":84,"label":85,"slug":86},{"id":105,"label":106,"slug":107,"rank":84,"group":150},{"id":109,"label":110,"slug":111},[152],{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":154},[],{"uuid":156,"title":71,"description":157,"canonical_path":29,"image":158,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":159,"component_categories":165,"app":166},"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",[160],{"id":161,"label":162,"slug":163,"rank":82,"group":164},6,"Verification","verification",{"id":84,"label":85,"slug":86},[],{"slug":42,"title":41,"logo":44,"categories":167},[],{"uuid":169,"title":71,"description":170,"canonical_path":29,"image":171,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":172,"component_categories":177,"app":178},"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",[173,175],{"id":161,"label":162,"slug":163,"rank":82,"group":174},{"id":84,"label":85,"slug":86},{"id":105,"label":106,"slug":107,"rank":84,"group":176},{"id":109,"label":110,"slug":111},[],{"slug":42,"title":41,"logo":44,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":29,"image":184,"width":73,"height":74,"image_alt":185,"kind":76,"patterns":186,"component_categories":217,"app":238},"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",[187,195,200,208],{"id":188,"label":189,"slug":190,"rank":82,"group":191},80,"Files","files",{"id":192,"label":193,"slug":194},8,"Pages & Content","pages-and-content",{"id":196,"label":197,"slug":198,"rank":84,"group":199},79,"Browse","browse",{"id":192,"label":193,"slug":194},{"id":201,"label":202,"slug":203,"rank":204,"group":205},133,"Invite Teammates","invite-teammates",2,{"id":204,"label":206,"slug":207},"Actions","actions",{"id":209,"label":210,"slug":211,"rank":212,"group":213},104,"Team Management","team-management",3,{"id":214,"label":215,"slug":216},10,"Settings & Admin","settings-and-admin",[218,222,226,230,234],{"id":219,"title":220,"slug":221},240,"Horizontal navigation","horizontal-navigation",{"id":223,"title":224,"slug":225},169,"Avatar","avatar",{"id":227,"title":228,"slug":229},260,"Badge","badge",{"id":231,"title":232,"slug":233},233,"Tabs","tabs",{"id":235,"title":236,"slug":237},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":239},[],{"uuid":241,"title":182,"description":242,"canonical_path":29,"image":243,"width":73,"height":74,"image_alt":185,"kind":76,"patterns":244,"component_categories":262,"app":269},"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",[245,247,249,257],{"id":188,"label":189,"slug":190,"rank":82,"group":246},{"id":192,"label":193,"slug":194},{"id":196,"label":197,"slug":198,"rank":84,"group":248},{"id":192,"label":193,"slug":194},{"id":250,"label":251,"slug":252,"rank":204,"group":253},91,"Trial","trial",{"id":254,"label":255,"slug":256},9,"Plans & Limits","plans-and-limits",{"id":258,"label":259,"slug":260,"rank":212,"group":261},94,"Account Settings","account-settings",{"id":214,"label":215,"slug":216},[263,264,265,266,267,268],{"id":219,"title":220,"slug":221},{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":231,"title":232,"slug":233},{"id":235,"title":236,"slug":237},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":270},[],{"uuid":272,"title":182,"description":273,"canonical_path":29,"image":274,"width":73,"height":74,"image_alt":185,"kind":76,"patterns":275,"component_categories":282,"app":288},"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",[276,278,280],{"id":188,"label":189,"slug":190,"rank":82,"group":277},{"id":192,"label":193,"slug":194},{"id":196,"label":197,"slug":198,"rank":84,"group":279},{"id":192,"label":193,"slug":194},{"id":209,"label":210,"slug":211,"rank":204,"group":281},{"id":214,"label":215,"slug":216},[283,284,285,286,287],{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":231,"title":232,"slug":233},{"id":235,"title":236,"slug":237},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":289},[],{"uuid":291,"title":182,"description":292,"canonical_path":29,"image":293,"width":73,"height":74,"image_alt":185,"kind":76,"patterns":294,"component_categories":311,"app":319},"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",[295,300,302,307],{"id":296,"label":297,"slug":298,"rank":82,"group":299},11,"Edit","edit",{"id":204,"label":206,"slug":207},{"id":209,"label":210,"slug":211,"rank":84,"group":301},{"id":214,"label":215,"slug":216},{"id":303,"label":304,"slug":305,"rank":204,"group":306},99,"Notification Settings","notification-settings",{"id":214,"label":215,"slug":216},{"id":254,"label":308,"slug":309,"rank":212,"group":310},"Delete","delete",{"id":204,"label":206,"slug":207},[312,316,317,318],{"id":313,"title":314,"slug":315},284,"Modal","modal",{"id":231,"title":232,"slug":233},{"id":235,"title":236,"slug":237},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":320},[],{"uuid":322,"title":182,"description":323,"canonical_path":29,"image":324,"width":73,"height":74,"image_alt":185,"kind":76,"patterns":325,"component_categories":337,"app":347},"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",[326,328,330],{"id":188,"label":189,"slug":190,"rank":82,"group":327},{"id":192,"label":193,"slug":194},{"id":196,"label":197,"slug":198,"rank":84,"group":329},{"id":192,"label":193,"slug":194},{"id":331,"label":332,"slug":333,"rank":204,"group":334},41,"Dashboard","dashboard",{"id":100,"label":335,"slug":336},"Data & Analysis","data-and-analysis",[338,342,343,344,345,346],{"id":339,"title":340,"slug":341},277,"Button group","button-group",{"id":223,"title":224,"slug":225},{"id":227,"title":228,"slug":229},{"id":231,"title":232,"slug":233},{"id":235,"title":236,"slug":237},{"id":89,"title":90,"slug":91},{"slug":42,"title":41,"logo":44,"categories":348},[],{"family":350,"examples":351},"flows",[],{"family":353,"examples":354},"components",[],{"family":356,"examples":357},"pages",[],[359,361,363,365,367,370,373],{"label":360,"to":29},"Frame.io product screens",{"label":362,"to":38},"Frame.io marketing pages",{"label":364,"to":32},"Frame.io user flows",{"label":366,"to":35},"Frame.io UI components",{"label":368,"to":369},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":371,"to":372},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":374,"to":375},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":377,"updated_at":378},"2023-02-12T15:49:08.000Z","2026-09-13T13:02:39.000Z"]