[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmux\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":56,"showcases":346,"links":347,"dates":408},"\u002Fexamples\u002Fapps\u002Fmux\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Mux product screens examples - Nicelydone","Browse Mux screen design examples. Preview the interface screenshots and explore related UI patterns. The API to Video","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6430dda4-43b5-42af-aacf-0c6d17b5f54d.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},"Mux design examples","\u002Fexamples\u002Fapps\u002Fmux",{"label":23,"to":4},"Mux 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},"Mux","mux","The API to Video","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmux-c789173a.png","https:\u002F\u002Fwww.mux.com","muxhq",[36,40,44,48,52],{"id":37,"title":38,"slug":39},46,"Analytics","analytics",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",{"id":49,"title":50,"slug":51},100,"Video","video",{"id":53,"title":54,"slug":55},70,"Video streaming","video-streaming",[57,82,98,114,135,150,197,214,233,264,303,328],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"patterns":65,"component_categories":75,"app":80},"6430dda4-43b5-42af-aacf-0c6d17b5f54d","Login | Mux","Sign-in screen where the user authenticates with email and password, Google, or GitHub.",3024,1738,"Login | Mux from Mux","screen",[66],{"id":67,"label":68,"slug":69,"rank":70,"group":71},4,"Sign In","sign-in",0,{"id":72,"label":73,"slug":74},1,"Access & Account","access-and-account",[76],{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":61,"height":62,"image_alt":87,"kind":64,"patterns":88,"component_categories":94,"app":96},"6f477694-bdac-4e11-bfed-c6ce92aafb25","Forgot Password | Mux","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f477694-bdac-4e11-bfed-c6ce92aafb25.png","Forgot Password | Mux from Mux",[89],{"id":90,"label":91,"slug":92,"rank":70,"group":93},2,"Forgot Password","forgot-password",{"id":72,"label":73,"slug":74},[95],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":61,"height":62,"image_alt":103,"kind":64,"patterns":104,"component_categories":110,"app":112},"8c219c44-2fcd-444d-9772-48910554d76d","Sign Up | Mux","Signup screen where the user creates an account using a work email, Google, or GitHub.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c219c44-2fcd-444d-9772-48910554d76d.png","Sign Up | Mux from Mux",[105],{"id":106,"label":107,"slug":108,"rank":70,"group":109},5,"Sign Up","sign-up",{"id":72,"label":73,"slug":74},[111],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":100,"description":116,"canonical_path":4,"image":117,"width":61,"height":62,"image_alt":103,"kind":64,"patterns":118,"component_categories":132,"app":133},"85f19401-f148-46a6-ac2e-b33081ddbf2e","Verification screen where the user is instructed to check their email for an activation link to finish the signup process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85f19401-f148-46a6-ac2e-b33081ddbf2e.png",[119,124],{"id":120,"label":121,"slug":122,"rank":70,"group":123},6,"Verification","verification",{"id":72,"label":73,"slug":74},{"id":125,"label":126,"slug":127,"rank":72,"group":128},122,"Success","success",{"id":129,"label":130,"slug":131},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":100,"description":137,"canonical_path":4,"image":138,"width":61,"height":62,"image_alt":103,"kind":64,"patterns":139,"component_categories":146,"app":148},"4d45cf43-cf9d-4ce5-a22a-03a3b1926940","Signup page where an invited user completes their account creation by providing their name, organization details, and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d45cf43-cf9d-4ce5-a22a-03a3b1926940.png",[140,142],{"id":106,"label":107,"slug":108,"rank":70,"group":141},{"id":72,"label":73,"slug":74},{"id":72,"label":143,"slug":144,"rank":72,"group":145},"Account Setup","account-setup",{"id":72,"label":73,"slug":74},[147],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":61,"height":62,"image_alt":155,"kind":64,"patterns":156,"component_categories":186,"app":195},"b9c14027-0fce-4a71-92ac-6bec9d200e50","Video | Assets  Mux","Empty list view for video assets where the user is prompted to create their first asset or explore other features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9c14027-0fce-4a71-92ac-6bec9d200e50.png","Video | Assets  Mux from Mux",[157,162,170,178],{"id":158,"label":159,"slug":160,"rank":70,"group":161},115,"Empty State","empty-state",{"id":129,"label":130,"slug":131},{"id":163,"label":164,"slug":165,"rank":72,"group":166},80,"Files","files",{"id":167,"label":168,"slug":169},8,"Pages & Content","pages-and-content",{"id":171,"label":172,"slug":173,"rank":90,"group":174},92,"Upgrade Prompt","upgrade-prompt",{"id":175,"label":176,"slug":177},9,"Plans & Limits","plans-and-limits",{"id":179,"label":180,"slug":181,"rank":182,"group":183},41,"Dashboard","dashboard",3,{"id":67,"label":184,"slug":185},"Data & Analysis","data-and-analysis",[187,191],{"id":188,"title":189,"slug":190},260,"Badge","badge",{"id":192,"title":193,"slug":194},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":152,"description":199,"canonical_path":4,"image":200,"width":61,"height":62,"image_alt":155,"kind":64,"patterns":201,"component_categories":208,"app":212},"9dcbbeca-2611-48bb-83b7-ff0e79f7e624","Empty state for the video assets list where the user is prompted to create their first asset, view the guide, or explore other developer integration features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9dcbbeca-2611-48bb-83b7-ff0e79f7e624.png",[202,204,206],{"id":158,"label":159,"slug":160,"rank":70,"group":203},{"id":129,"label":130,"slug":131},{"id":163,"label":164,"slug":165,"rank":72,"group":205},{"id":167,"label":168,"slug":169},{"id":179,"label":180,"slug":181,"rank":90,"group":207},{"id":67,"label":184,"slug":185},[209,210,211],{"id":188,"title":189,"slug":190},{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":213},[],{"uuid":215,"title":152,"description":216,"canonical_path":4,"image":217,"width":61,"height":62,"image_alt":155,"kind":64,"patterns":218,"component_categories":228,"app":231},"2e4ffe20-15c6-458d-8e46-04b2db86fc86","Empty state for the video assets list where the user is prompted to create their first asset or explore other features like live streams and players.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e4ffe20-15c6-458d-8e46-04b2db86fc86.png",[219,221,223],{"id":158,"label":159,"slug":160,"rank":70,"group":220},{"id":129,"label":130,"slug":131},{"id":163,"label":164,"slug":165,"rank":72,"group":222},{"id":167,"label":168,"slug":169},{"id":224,"label":225,"slug":226,"rank":90,"group":227},79,"Browse","browse",{"id":167,"label":168,"slug":169},[229,230],{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":152,"description":235,"canonical_path":4,"image":236,"width":61,"height":62,"image_alt":155,"kind":64,"patterns":237,"component_categories":260,"app":262},"453c8c8b-e3a9-44f7-b792-78a041e5df59","Create overlay where the user configures a POST request with a JSON body to generate a new video asset, featuring an inline upgrade nudge for removing limits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F453c8c8b-e3a9-44f7-b792-78a041e5df59.png",[238,245,253,255],{"id":239,"label":240,"slug":241,"rank":70,"group":242},58,"Media Editor","media-editor",{"id":106,"label":243,"slug":244},"Media & Tools","media-and-tools",{"id":246,"label":247,"slug":248,"rank":72,"group":249},95,"API Keys","api-keys",{"id":250,"label":251,"slug":252},10,"Settings & Admin","settings-and-admin",{"id":171,"label":172,"slug":173,"rank":90,"group":254},{"id":175,"label":176,"slug":177},{"id":256,"label":257,"slug":258,"rank":182,"group":259},114,"Confirmation","confirmation",{"id":129,"label":130,"slug":131},[261],{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":266,"description":267,"canonical_path":4,"image":268,"width":61,"height":269,"image_alt":270,"kind":64,"patterns":271,"component_categories":293,"app":301},"0e78f48a-dee8-41e8-9fb6-085724c9a30f","Video | Assets  00UugRwPyfvPV7G02HLT02B4dyIjM2wp318sXytm5pLXe8  Mu","Detail page where the user views technical metadata, playback IDs, tracks, and recent events for a specific video asset.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e78f48a-dee8-41e8-9fb6-085724c9a30f.png",3358,"Video | Assets  00UugRwPyfvPV7G02HLT02B4dyIjM2wp318sXytm5pLXe8  Mu from Mux",[272,277,282,288],{"id":273,"label":274,"slug":275,"rank":70,"group":276},82,"Media Detail","media-detail",{"id":167,"label":168,"slug":169},{"id":278,"label":279,"slug":280,"rank":72,"group":281},61,"Video Player","video-player",{"id":106,"label":243,"slug":244},{"id":175,"label":283,"slug":284,"rank":90,"group":285},"Delete","delete",{"id":90,"label":286,"slug":287},"Actions","actions",{"id":289,"label":290,"slug":291,"rank":182,"group":292},47,"Table","table",{"id":67,"label":184,"slug":185},[294,298,299,300],{"id":295,"title":296,"slug":297},177,"Breadcrumb","breadcrumb",{"id":188,"title":189,"slug":190},{"id":192,"title":193,"slug":194},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":302},[],{"uuid":304,"title":152,"description":305,"canonical_path":4,"image":306,"width":61,"height":62,"image_alt":155,"kind":64,"patterns":307,"component_categories":320,"app":326},"822ecdc9-50bb-4c7c-94c4-661f00a49b8e","Code editor overlay where the user can edit a POST body payload and view the resulting API response, with an option to view the created asset.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F822ecdc9-50bb-4c7c-94c4-661f00a49b8e.png",[308,313,315],{"id":309,"label":310,"slug":311,"rank":70,"group":312},53,"Code Editor","code-editor",{"id":106,"label":243,"slug":244},{"id":246,"label":247,"slug":248,"rank":72,"group":314},{"id":250,"label":251,"slug":252},{"id":316,"label":317,"slug":318,"rank":90,"group":319},11,"Edit","edit",{"id":90,"label":286,"slug":287},[321,325],{"id":322,"title":323,"slug":324},284,"Modal","modal",{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":327},[],{"uuid":329,"title":266,"description":330,"canonical_path":4,"image":331,"width":61,"height":62,"image_alt":270,"kind":64,"patterns":332,"component_categories":341,"app":344},"dcd4bd01-d8fb-4142-9735-e87c44a02da4","Full-screen overlay where the user can copy the HTML script to embed the video player into their app and preview the playback.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdcd4bd01-d8fb-4142-9735-e87c44a02da4.png",[333,335,337,339],{"id":273,"label":274,"slug":275,"rank":70,"group":334},{"id":167,"label":168,"slug":169},{"id":278,"label":279,"slug":280,"rank":72,"group":336},{"id":106,"label":243,"slug":244},{"id":309,"label":310,"slug":311,"rank":90,"group":338},{"id":106,"label":243,"slug":244},{"id":256,"label":257,"slug":258,"rank":182,"group":340},{"id":129,"label":130,"slug":131},[342,343],{"id":322,"title":323,"slug":324},{"id":77,"title":78,"slug":79},{"slug":30,"title":29,"logo":32,"categories":345},[],[],[348,350,352,354,356,358,360,362,364,366,368,370,372,375,378,381,384,387,390,392,396,400,404],{"label":159,"to":349},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":164,"to":351},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":247,"to":353},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":310,"to":355},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":257,"to":357},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":180,"to":359},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":274,"to":361},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":107,"to":363},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":172,"to":365},"\u002Fexamples\u002Fscreens\u002Fupgrade-prompt",{"label":279,"to":367},"\u002Fexamples\u002Fscreens\u002Fvideo-player",{"label":143,"to":369},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":225,"to":371},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":373,"to":374},"Mux marketing pages","\u002Fexamples\u002Fapps\u002Fmux\u002Fmarketing",{"label":376,"to":377},"Mux user flows","\u002Fexamples\u002Fapps\u002Fmux\u002Fflows",{"label":379,"to":380},"Mux UI components","\u002Fexamples\u002Fapps\u002Fmux\u002Fcomponents",{"label":382,"to":383},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":385,"to":386},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":388,"to":389},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":391,"to":18},"All SaaS app examples",{"label":393,"to":394,"description":395},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":397,"to":398,"description":399},"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":401,"to":402,"description":403},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":405,"to":406,"description":407},"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":409,"updated_at":410},"2022-10-25T00:33:02.000Z","2026-09-13T13:02:39.000Z"]