[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fframeio\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":53,"showcases":81,"links":82,"dates":119},"\u002Fexamples\u002Fapps\u002Fframeio\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Frame.io UI components examples - Nicelydone","Browse Frame.io UI component design examples. Preview individual interface elements and explore related component categories. The next generation of video…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec7c29fa-58d1-4cad-aca7-1c896e8a5546.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Frame.io UI component design examples. Preview individual interface elements and explore related component categories. The next generation of video collaboration.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Frame.io","frameio","The next generation of video collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fframeio-9d3a3d2a.png","https:\u002F\u002Fframe.io","Frame_io",[37,41,45,49],{"id":38,"title":39,"slug":40},100,"Video","video",{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},35,"Feedback","feedback",{"id":50,"title":51,"slug":52},71,"File sharing","file-sharing",[54,69],{"uuid":55,"title":56,"description":57,"canonical_path":4,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"categories":62,"app":67},"0ecbff66-05c3-443e-b79b-96cf4e1a43a1","Frame.io UI component","This is a dark themed UI showcasing video editing and collaboration features.",2502,2583,"UI component from Frame.io","component",[63],{"id":64,"title":65,"slug":66},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":74,"height":75,"image_alt":76,"kind":61,"categories":77,"app":79},"30d06505-1aa1-48c3-a01e-3adc703ef892","Integration bento grid","A dark-themed bento grid showcasing software integrations. It features a centered header section with an eyebrow, title, and description, followed by a 2x2 grid of cards. Each card highlights a specific integration with an image, title, description, and a 'Learn More' link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8bd9be17-5712-4b70-9971-254c51a6a1d6.png",2920,3544,"Integration bento grid from Frame.io",[78],{"id":64,"title":65,"slug":66},{"slug":31,"title":30,"logo":33,"categories":80},[],[],[83,86,89,92,95,98,101,103,107,111,115],{"label":84,"to":85},"Frame.io product screens","\u002Fexamples\u002Fapps\u002Fframeio\u002Fscreens",{"label":87,"to":88},"Frame.io marketing pages","\u002Fexamples\u002Fapps\u002Fframeio\u002Fmarketing",{"label":90,"to":91},"Frame.io user flows","\u002Fexamples\u002Fapps\u002Fframeio\u002Fflows",{"label":93,"to":94},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":96,"to":97},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":99,"to":100},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":102,"to":18},"All SaaS app examples",{"label":104,"to":105,"description":106},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":108,"to":109,"description":110},"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":112,"to":113,"description":114},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":116,"to":117,"description":118},"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":120,"updated_at":121},"2023-02-13T11:31:13.000Z","2026-09-13T13:02:39.000Z"]