[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fmedia-assets":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":547,"links":548,"dates":609},"\u002Fexamples\u002Ftags\u002Fmedia-assets","collection","screens",true,{"example_count":9,"app_count":10},1086,229,{"id":12,"title":13,"description":14},134676,"Media assets","",{"title":16,"description":17,"og_image":18},"Media assets screen examples - Nicelydone","Media assets screen design examples from SaaS apps. Browse examples from Morphic, Kinescope, Okta.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fddc9401d-6f3e-4efb-9001-c7282367bbc3.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Media assets screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1086 screens",[34,121,167,209,255,300,338,369,407,448,476,513],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":74,"app":103},"ddc9401d-6f3e-4efb-9001-c7282367bbc3","Test 01 \u002F Guest Project - Morphic Studio","Design editor where the user composes a video timeline, manages uploaded media assets, and previews the sequence.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens",3024,1780,"Test 01 \u002F Guest Project - Morphic Studio from Morphic","2026-03-16T20:52:14.000Z","screen",[45,54,60,68],{"id":46,"label":47,"slug":48,"rank":49,"group":50},55,"Design Editor","design-editor",0,{"id":51,"label":52,"slug":53},5,"Media & Tools","media-and-tools",{"id":55,"label":56,"slug":57,"rank":58,"group":59},58,"Media Editor","media-editor",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":64,"group":65},11,"Edit","edit",2,{"id":64,"label":66,"slug":67},"Actions","actions",{"id":69,"label":70,"slug":71,"rank":72,"group":73},25,"Upload & Download","upload-and-download",3,{"id":64,"label":66,"slug":67},[75,79,83,87,91,95,99],{"id":76,"title":77,"slug":78},223,"Slider","slider",{"id":80,"title":81,"slug":82},240,"Horizontal navigation","horizontal-navigation",{"id":84,"title":85,"slug":86},233,"Tabs","tabs",{"id":88,"title":89,"slug":90},277,"Button group","button-group",{"id":92,"title":93,"slug":94},177,"Breadcrumb","breadcrumb",{"id":96,"title":97,"slug":98},174,"Card","card",{"id":100,"title":101,"slug":102},175,"Button","button",{"slug":104,"title":105,"logo":106,"baseline":107,"categories":108},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[109,113,117],{"id":110,"title":111,"slug":112},100,"Video","video",{"id":114,"title":115,"slug":116},8,"Design","design",{"id":118,"title":119,"slug":120},80,"Artificial Intelligence","artificial-intelligence",{"uuid":122,"title":123,"description":124,"canonical_path":125,"image":126,"width":39,"height":40,"image_alt":127,"published_at":128,"kind":43,"patterns":129,"component_categories":149,"app":153},"9b359bb8-4486-4344-96ba-557fc4a4e731","Kinescope","Detail page where the user manages and downloads video files, subtitles, and posters associated with a specific project.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9b359bb8-4486-4344-96ba-557fc4a4e731.png","Kinescope from Kinescope","2026-03-02T10:47:09.000Z",[130,136,141],{"id":118,"label":131,"slug":132,"rank":49,"group":133},"Files","files",{"id":114,"label":134,"slug":135},"Pages & Content","pages-and-content",{"id":137,"label":138,"slug":139,"rank":58,"group":140},79,"Browse","browse",{"id":114,"label":134,"slug":135},{"id":142,"label":143,"slug":144,"rank":64,"group":145},92,"Upgrade Prompt","upgrade-prompt",{"id":146,"label":147,"slug":148},9,"Plans & Limits","plans-and-limits",[150,151,152],{"id":84,"title":85,"slug":86},{"id":92,"title":93,"slug":94},{"id":100,"title":101,"slug":102},{"slug":154,"title":123,"logo":155,"baseline":156,"categories":157},"kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[158,162,166],{"id":159,"title":160,"slug":161},37,"Developer APIs","developer-apis",{"id":163,"title":164,"slug":165},70,"Video streaming","video-streaming",{"id":110,"title":111,"slug":112},{"uuid":168,"title":169,"description":170,"canonical_path":171,"image":172,"width":39,"height":173,"image_alt":174,"published_at":175,"kind":43,"patterns":176,"component_categories":185,"app":199},"37887bd9-4fce-4e93-93f0-0071ab2c7cd4","Okta Newsroom  The Latest Company News  Okta","Newsroom page where the user can browse trending stories, filter articles by category, topic, and date, download media assets, and subscribe to an identity newsletter.","\u002Fexamples\u002Fapps\u002Fokta\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F37887bd9-4fce-4e93-93f0-0071ab2c7cd4.png",11216,"Okta Newsroom  The Latest Company News  Okta from Okta","2026-01-12T12:46:04.000Z",[177],{"id":178,"label":179,"slug":180,"rank":49,"group":181},173,"Newsroom","newsroom",{"id":182,"label":183,"slug":184},15,"Marketing Page Types","marketing-page-types",[186,190,194,198],{"id":187,"title":188,"slug":189},168,"Accordion","accordion",{"id":191,"title":192,"slug":193},202,"Footer","footer",{"id":195,"title":196,"slug":197},258,"Header","header",{"id":96,"title":97,"slug":98},{"slug":200,"title":201,"logo":202,"baseline":203,"categories":204},"okta","Okta","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F4b1bf01b-b820-45d6-ba12-24034194be29.png","Secure Identity for Employees, Customers, and AI",[205],{"id":206,"title":207,"slug":208},78,"Security","security",{"uuid":210,"title":211,"description":212,"canonical_path":213,"image":214,"width":39,"height":40,"image_alt":215,"published_at":216,"kind":43,"patterns":217,"component_categories":233,"app":244},"55c88ebb-5b1e-47ef-a69a-5b30257a80fa","Vimeo","Live broadcast studio where the user manages media assets, configures scenes, and controls audio and video inputs before going live.","\u002Fexamples\u002Fapps\u002Fvimeo\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F55c88ebb-5b1e-47ef-a69a-5b30257a80fa.png","Vimeo from Vimeo","2025-06-17T08:07:59.000Z",[218,220,225],{"id":55,"label":56,"slug":57,"rank":49,"group":219},{"id":51,"label":52,"slug":53},{"id":221,"label":222,"slug":223,"rank":58,"group":224},17,"Publish","publish",{"id":64,"label":66,"slug":67},{"id":226,"label":227,"slug":228,"rank":64,"group":229},41,"Dashboard","dashboard",{"id":230,"label":231,"slug":232},4,"Data & Analysis","data-and-analysis",[234,238,239,240,241,242,243],{"id":235,"title":236,"slug":237},260,"Badge","badge",{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":245,"title":211,"logo":246,"baseline":247,"categories":248},"vimeo","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvimeo-75b68e59.png","Watch, upload and share HD and 4k videos with no ads",[249,250,254],{"id":163,"title":164,"slug":165},{"id":251,"title":252,"slug":253},71,"File sharing","file-sharing",{"id":110,"title":111,"slug":112},{"uuid":256,"title":257,"description":258,"canonical_path":259,"image":260,"width":39,"height":40,"image_alt":261,"published_at":262,"kind":43,"patterns":263,"component_categories":281,"app":288},"dd109d6c-1087-4321-814b-c62543731547","Nicelydone Club \u002F Air","List view where the user manages and filters untagged media assets and files.","\u002Fexamples\u002Fapps\u002Fair\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd109d6c-1087-4321-814b-c62543731547.png","Nicelydone Club \u002F Air from Air","2025-05-26T14:52:34.000Z",[264,266,271,276],{"id":118,"label":131,"slug":132,"rank":49,"group":265},{"id":114,"label":134,"slug":135},{"id":267,"label":268,"slug":269,"rank":58,"group":270},13,"Filter & Sort","filter-and-sort",{"id":64,"label":66,"slug":67},{"id":272,"label":273,"slug":274,"rank":64,"group":275},22,"Search","search",{"id":64,"label":66,"slug":67},{"id":277,"label":278,"slug":279,"rank":72,"group":280},47,"Table","table",{"id":230,"label":231,"slug":232},[282,283,287],{"id":187,"title":188,"slug":189},{"id":284,"title":285,"slug":286},169,"Avatar","avatar",{"id":100,"title":101,"slug":102},{"slug":289,"title":290,"logo":291,"baseline":292,"categories":293},"air","Air","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F79f8f7af-620e-458a-95bb-ff56b595e688.png","Manage your creative assets and creative process in one place",[294,295,299],{"id":114,"title":115,"slug":116},{"id":296,"title":297,"slug":298},23,"Collaboration","collaboration",{"id":251,"title":252,"slug":253},{"uuid":301,"title":302,"description":303,"canonical_path":304,"image":305,"width":39,"height":40,"image_alt":306,"published_at":307,"kind":43,"patterns":308,"component_categories":327,"app":331},"1392a719-f71f-4a78-b549-d62004360361","Sora","Media library where the user views their past AI generations and can enter a new prompt to create more.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1392a719-f71f-4a78-b549-d62004360361.png","Sora from Sora","2025-04-14T09:27:56.000Z",[309,311,316,323,325],{"id":118,"label":131,"slug":132,"rank":49,"group":310},{"id":114,"label":134,"slug":135},{"id":312,"label":313,"slug":314,"rank":58,"group":315},82,"Media Detail","media-detail",{"id":114,"label":134,"slug":135},{"id":317,"label":318,"slug":319,"rank":64,"group":320},30,"AI Generation","ai-generation",{"id":72,"label":321,"slug":322},"AI","ai",{"id":137,"label":138,"slug":139,"rank":72,"group":324},{"id":114,"label":134,"slug":135},{"id":272,"label":273,"slug":274,"rank":230,"group":326},{"id":64,"label":66,"slug":67},[328,329,330],{"id":284,"title":285,"slug":286},{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"slug":332,"title":302,"logo":333,"baseline":334,"categories":335},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[336,337],{"id":118,"title":119,"slug":120},{"id":110,"title":111,"slug":112},{"uuid":339,"title":340,"description":341,"canonical_path":342,"image":343,"width":39,"height":344,"image_alt":345,"published_at":346,"kind":43,"patterns":347,"component_categories":357,"app":362},"3153a905-d797-4550-b8db-f5a80e077e35","Fintech Web App Login Interface Design - Grok","AI chat interface where the user requests a fintech login interface and prompts the model to convert the generated images into a Figma file.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3153a905-d797-4550-b8db-f5a80e077e35.png",1714,"Fintech Web App Login Interface Design - Grok from Grok","2025-04-14T08:55:44.000Z",[348,353,355],{"id":349,"label":350,"slug":351,"rank":49,"group":352},28,"AI Chat","ai-chat",{"id":72,"label":321,"slug":322},{"id":317,"label":318,"slug":319,"rank":58,"group":354},{"id":72,"label":321,"slug":322},{"id":55,"label":56,"slug":57,"rank":64,"group":356},{"id":51,"label":52,"slug":53},[358,359,360,361],{"id":80,"title":81,"slug":82},{"id":284,"title":285,"slug":286},{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"slug":363,"title":364,"logo":365,"baseline":366,"categories":367},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[368],{"id":118,"title":119,"slug":120},{"uuid":370,"title":371,"description":372,"canonical_path":373,"image":374,"width":39,"height":375,"image_alt":376,"published_at":377,"kind":43,"patterns":378,"component_categories":395,"app":399},"01cfbde8-c498-44da-b24a-3e52d35b10e4","My First Space","List view where the user manages files and folders in a workspace, featuring a free trial expiration warning and a toast confirming a large batch upload.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01cfbde8-c498-44da-b24a-3e52d35b10e4.png",1726,"My First Space from Shuttle","2025-03-31T12:54:20.000Z",[379,381,383,385,390],{"id":118,"label":131,"slug":132,"rank":49,"group":380},{"id":114,"label":134,"slug":135},{"id":137,"label":138,"slug":139,"rank":58,"group":382},{"id":114,"label":134,"slug":135},{"id":69,"label":70,"slug":71,"rank":64,"group":384},{"id":64,"label":66,"slug":67},{"id":386,"label":387,"slug":388,"rank":72,"group":389},91,"Trial","trial",{"id":146,"label":147,"slug":148},{"id":391,"label":392,"slug":393,"rank":230,"group":394},24,"Share","share",{"id":64,"label":66,"slug":67},[396,397,398],{"id":88,"title":89,"slug":90},{"id":284,"title":285,"slug":286},{"id":100,"title":101,"slug":102},{"slug":400,"title":401,"logo":402,"baseline":403,"categories":404},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[405,406],{"id":251,"title":252,"slug":253},{"id":296,"title":297,"slug":298},{"uuid":408,"title":409,"description":410,"canonical_path":411,"image":412,"width":39,"height":413,"image_alt":414,"published_at":415,"kind":43,"patterns":416,"component_categories":422,"app":431},"c5ab95cd-69fa-4030-a5ff-1cc37ceb3318","Enhance Print Ads with QR Codes and Short URLs | Bitly","Marketing use case page explaining how to bridge physical and digital worlds with QR codes and short links for print advertising, featuring product mockups and customer testimonials.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5ab95cd-69fa-4030-a5ff-1cc37ceb3318.png",14844,"Enhance Print Ads with QR Codes and Short URLs | Bitly from Bitly","2025-03-31T12:38:36.000Z",[417],{"id":418,"label":419,"slug":420,"rank":49,"group":421},139,"Use Case Page","use-case-page",{"id":182,"label":183,"slug":184},[423,427,428,429,430],{"id":424,"title":425,"slug":426},232,"Testimonial","testimonial",{"id":191,"title":192,"slug":193},{"id":195,"title":196,"slug":197},{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"slug":432,"title":433,"logo":434,"baseline":435,"categories":436},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[437,441,444],{"id":438,"title":439,"slug":440},14,"Social","social",{"id":69,"title":442,"slug":443},"Marketing","marketing",{"id":445,"title":446,"slug":447},46,"Analytics","analytics",{"uuid":449,"title":450,"description":451,"canonical_path":452,"image":453,"width":39,"height":454,"image_alt":455,"published_at":456,"kind":43,"patterns":457,"component_categories":463,"app":466},"0566a510-74e7-4836-8b51-7dbb77128d98","Lemni · Privacy","Legal page detailing the company's privacy statement, covering personal information collection, usage, disclosure, security, and EU and California privacy rights.","\u002Fexamples\u002Fapps\u002Flemni\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0566a510-74e7-4836-8b51-7dbb77128d98.png",13416,"Lemni · Privacy from Lemni","2025-03-24T15:32:17.000Z",[458],{"id":459,"label":460,"slug":461,"rank":49,"group":462},185,"Privacy Policy","privacy-policy",{"id":182,"label":183,"slug":184},[464,465],{"id":195,"title":196,"slug":197},{"id":100,"title":101,"slug":102},{"slug":467,"title":468,"logo":469,"baseline":470,"categories":471},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[472,473],{"id":118,"title":119,"slug":120},{"id":277,"title":474,"slug":475},"Customer Service","customer-service",{"uuid":477,"title":478,"description":479,"canonical_path":480,"image":481,"width":39,"height":482,"image_alt":483,"published_at":484,"kind":43,"patterns":485,"component_categories":490,"app":497},"1a851261-5233-46ae-80e1-5b76f1b2d6c1","Reflect Update In-line voice transcriber and chat improvements","Blog article detailing a new in-line voice transcriber and Gemini AI chat improvements, featuring a left-aligned table of contents and a related posts grid.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a851261-5233-46ae-80e1-5b76f1b2d6c1.png",9660,"Reflect Update In-line voice transcriber and chat improvements from Reflect","2025-03-24T15:32:15.000Z",[486],{"id":206,"label":487,"slug":488,"rank":49,"group":489},"Article","article",{"id":182,"label":183,"slug":184},[491,492,493,494,495,496],{"id":235,"title":236,"slug":237},{"id":191,"title":192,"slug":193},{"id":195,"title":196,"slug":197},{"id":284,"title":285,"slug":286},{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"slug":498,"title":499,"logo":500,"baseline":501,"categories":502},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[503,506,509],{"id":317,"title":504,"slug":505},"Productivity","productivity",{"id":272,"title":507,"slug":508},"Knowledge Management","knowledge-management",{"id":510,"title":511,"slug":512},59,"Writing tools","writing-tools",{"uuid":514,"title":515,"description":516,"canonical_path":517,"image":518,"width":39,"height":519,"image_alt":520,"published_at":521,"kind":43,"patterns":522,"component_categories":529,"app":537},"bdf88a84-4c6d-46c9-ab9c-0a8c75c2b475","Monarch | Porsche 911","Detail page for an asset account where a modal prompts the user to confirm uploading a CSV file that will overwrite existing balance history.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbdf88a84-4c6d-46c9-ab9c-0a8c75c2b475.png",1778,"Monarch | Porsche 911 from Monarch","2025-03-17T14:09:52.000Z",[523,525],{"id":69,"label":70,"slug":71,"rank":49,"group":524},{"id":64,"label":66,"slug":67},{"id":182,"label":526,"slug":527,"rank":58,"group":528},"Import & Export","import-and-export",{"id":64,"label":66,"slug":67},[530,534,535,536],{"id":531,"title":532,"slug":533},284,"Modal","modal",{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"slug":538,"title":539,"logo":540,"baseline":541,"categories":542},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[543],{"id":544,"title":545,"slug":546},36,"Finance","finance",[],[549,551,553,555,557,559,561,563,565,567,569,571,573,576,579,582,585,588,591,594,597,600,603,606],{"label":131,"to":550,"count":230},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":138,"to":552,"count":72},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":56,"to":554,"count":72},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":70,"to":556,"count":72},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":318,"to":558,"count":64},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":273,"to":560,"count":64},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":350,"to":562,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":227,"to":564,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":47,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":62,"to":568,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":268,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":526,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":574,"to":575},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":577,"to":578},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":580,"to":581},"Okta design examples","\u002Fexamples\u002Fapps\u002Fokta",{"label":583,"to":584},"Vimeo design examples","\u002Fexamples\u002Fapps\u002Fvimeo",{"label":586,"to":587},"Air design examples","\u002Fexamples\u002Fapps\u002Fair",{"label":589,"to":590},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":592,"to":593},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":595,"to":596},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":598,"to":599},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":601,"to":602},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":604,"to":605},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":607,"to":608},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"published_at":610,"updated_at":611},"2025-01-18T06:00:13.000Z","2026-09-05T20:20:05.843Z"]