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