[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fmusic-player-ui":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":361,"links":362,"dates":406},"\u002Fexamples\u002Ftags\u002Fmusic-player-ui","collection","screens",true,{"example_count":9,"app_count":10},15,7,{"id":12,"title":13,"description":14},208284,"Music player ui","",{"title":16,"description":17,"og_image":18},"Music player ui screen examples - Nicelydone","Music player ui screen design examples from SaaS apps. Browse examples from Macaw, ClickUp, Descript.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffc01a1fd-bd56-412e-867b-3f6e39180257.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Music player ui screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"15 screens",[34,117,170,226,256,291,324],{"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":99},"fc01a1fd-bd56-412e-867b-3f6e39180257","Keywords | Macaw","Search page where the user analyzes SEO keyword rankings, search volume, and difficulty for a specific URL.","\u002Fexamples\u002Fapps\u002Fmacaw\u002Fscreens",3024,1778,"Keywords | Macaw from Macaw","2025-01-28T12:48:11.000Z","screen",[45,54,60,68],{"id":46,"label":47,"slug":48,"rank":49,"group":50},22,"Search","search",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},13,"Filter & Sort","filter-and-sort",1,{"id":51,"label":52,"slug":53},{"id":61,"label":62,"slug":63,"rank":51,"group":64},47,"Table","table",{"id":65,"label":66,"slug":67},4,"Data & Analysis","data-and-analysis",{"id":69,"label":70,"slug":71,"rank":72,"group":73},46,"Stats","stats",3,{"id":65,"label":66,"slug":67},[75,79,83,87,91,95],{"id":76,"title":77,"slug":78},211,"Pagination","pagination",{"id":80,"title":81,"slug":82},233,"Tabs","tabs",{"id":84,"title":85,"slug":86},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},260,"Badge","badge",{"id":92,"title":93,"slug":94},174,"Card","card",{"id":96,"title":97,"slug":98},175,"Button","button",{"slug":100,"title":101,"logo":102,"baseline":103,"categories":104},"macaw","Macaw","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmacaw-l2yg9kds.png","Generate AI content that humans love to read",[105,109,113],{"id":106,"title":107,"slug":108},25,"Marketing","marketing",{"id":110,"title":111,"slug":112},59,"Writing tools","writing-tools",{"id":114,"title":115,"slug":116},80,"Artificial Intelligence","artificial-intelligence",{"uuid":118,"title":119,"description":120,"canonical_path":121,"image":122,"width":39,"height":123,"image_alt":124,"published_at":125,"kind":43,"patterns":126,"component_categories":134,"app":145},"dd84130b-5d3e-4b38-a461-d69a24143db1","Project Management Software with Document Sharing | ClickUp","Feature page for ClickUp Docs detailing capabilities like nested pages, collaborative editing, widgets, and slash commands, with prompts to get started.","\u002Fexamples\u002Fapps\u002Fclickup\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd84130b-5d3e-4b38-a461-d69a24143db1.png",16974,"Project Management Software with Document Sharing | ClickUp from ClickUp","2024-11-25T17:00:30.000Z",[127],{"id":128,"label":129,"slug":130,"rank":49,"group":131},138,"Feature Page","feature-page",{"id":9,"label":132,"slug":133},"Marketing Page Types","marketing-page-types",[135,136,137,141],{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"id":138,"title":139,"slug":140},258,"Header","header",{"id":142,"title":143,"slug":144},202,"Footer","footer",{"slug":146,"title":147,"logo":148,"baseline":149,"categories":150},"clickup","ClickUp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclickup-771d7d6d.png","The everything app, for work",[151,155,159,162,166],{"id":152,"title":153,"slug":154},30,"Productivity","productivity",{"id":156,"title":157,"slug":158},86,"Product management","product-management",{"id":46,"title":160,"slug":161},"Knowledge Management","knowledge-management",{"id":163,"title":164,"slug":165},23,"Collaboration","collaboration",{"id":167,"title":168,"slug":169},29,"Task Management","task-management",{"uuid":171,"title":172,"description":173,"canonical_path":174,"image":175,"width":39,"height":176,"image_alt":177,"published_at":178,"kind":43,"patterns":179,"component_categories":209,"app":215},"93ca001b-cfe5-4b69-90ae-d78fae1fa02c","Design Podcast - Descript","Content editor where the user edits a podcast transcript while using an AI side panel to generate an image.","\u002Fexamples\u002Fapps\u002Fdescript\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93ca001b-cfe5-4b69-90ae-d78fae1fa02c.png",1686,"Design Podcast - Descript from Descript","2024-07-08T09:39:39.000Z",[180,186,194,199,204],{"id":152,"label":181,"slug":182,"rank":49,"group":183},"AI Generation","ai-generation",{"id":72,"label":184,"slug":185},"AI","ai",{"id":187,"label":188,"slug":189,"rank":58,"group":190},58,"Media Editor","media-editor",{"id":191,"label":192,"slug":193},5,"Media & Tools","media-and-tools",{"id":195,"label":196,"slug":197,"rank":51,"group":198},11,"Edit","edit",{"id":51,"label":52,"slug":53},{"id":200,"label":201,"slug":202,"rank":72,"group":203},27,"AI Assistant","ai-assistant",{"id":72,"label":184,"slug":185},{"id":205,"label":206,"slug":207,"rank":65,"group":208},17,"Publish","publish",{"id":51,"label":52,"slug":53},[210,214],{"id":211,"title":212,"slug":213},240,"Horizontal navigation","horizontal-navigation",{"id":96,"title":97,"slug":98},{"slug":216,"title":217,"logo":218,"baseline":219,"categories":220},"descript","Descript","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdescript-c27a2fb9.png","Edit videos & podcasts like a doc",[221,225],{"id":222,"title":223,"slug":224},100,"Video","video",{"id":114,"title":115,"slug":116},{"uuid":227,"title":228,"description":229,"canonical_path":230,"image":231,"width":39,"height":232,"image_alt":233,"published_at":234,"kind":43,"patterns":235,"component_categories":241,"app":245},"0725f82c-25d0-427c-8d2e-3dd50ca867ed","Uizard Vs Figma | Free Figma Alternatives  Uizard","Marketing page positioning Uizard as an AI-powered alternative to Figma, highlighting features like the AI design assistant and dynamic templates with a call to action to sign up for free.","\u002Fexamples\u002Fapps\u002Fuizard\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0725f82c-25d0-427c-8d2e-3dd50ca867ed.png",12156,"Uizard Vs Figma | Free Figma Alternatives  Uizard from Uizard","2024-05-13T09:11:24.000Z",[236],{"id":237,"label":238,"slug":239,"rank":49,"group":240},149,"Alternative Page","alternative-page",{"id":9,"label":132,"slug":133},[242,243,244],{"id":88,"title":89,"slug":90},{"id":138,"title":139,"slug":140},{"id":142,"title":143,"slug":144},{"slug":246,"title":247,"logo":248,"baseline":249,"categories":250},"uizard","Uizard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fuizard-06915bef.png","Visualize product ideas fast and easy with AI",[251,255],{"id":252,"title":253,"slug":254},8,"Design","design",{"id":114,"title":115,"slug":116},{"uuid":257,"title":258,"description":259,"canonical_path":260,"image":261,"width":39,"height":262,"image_alt":263,"published_at":264,"kind":43,"patterns":265,"component_categories":271,"app":279},"8293d7eb-d566-4ff1-9e79-cc7df40c2fb4","Pricing for Figmas Free, Professional, and Organization plans.","Pricing page where the user compares four subscription tiers for FigJam, including a detailed feature matrix and FAQs.","\u002Fexamples\u002Fapps\u002Ffigma\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8293d7eb-d566-4ff1-9e79-cc7df40c2fb4.png",13936,"Pricing for Figmas Free, Professional, and Organization plans. from Figma","2023-12-18T13:55:38.000Z",[266],{"id":267,"label":268,"slug":269,"rank":49,"group":270},143,"Pricing Page","pricing-page",{"id":9,"label":132,"slug":133},[272,276,277,278],{"id":273,"title":274,"slug":275},189,"FAQ","faq",{"id":80,"title":81,"slug":82},{"id":138,"title":139,"slug":140},{"id":142,"title":143,"slug":144},{"slug":280,"title":281,"logo":282,"baseline":283,"categories":284},"figma","Figma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffigma-569108c3.png","The collaborative interface design tool",[285,286,287],{"id":252,"title":253,"slug":254},{"id":163,"title":164,"slug":165},{"id":288,"title":289,"slug":290},48,"Developer Tools","developer-tools",{"uuid":292,"title":293,"description":294,"canonical_path":295,"image":296,"width":39,"height":297,"image_alt":298,"published_at":299,"kind":43,"patterns":300,"component_categories":306,"app":310},"825fba44-ea60-460c-a4e5-b93b1a7911bb","Netflix Jobs","Article announcing the Netflix New Grad Program with details on roles, team culture, and photos of recent cohorts.","\u002Fexamples\u002Fapps\u002Fnetflix\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F825fba44-ea60-460c-a4e5-b93b1a7911bb.png",7504,"Netflix Jobs from Netflix","2023-05-02T06:54:53.000Z",[301],{"id":302,"label":303,"slug":304,"rank":49,"group":305},78,"Article","article",{"id":9,"label":132,"slug":133},[307,308,309],{"id":84,"title":85,"slug":86},{"id":138,"title":139,"slug":140},{"id":142,"title":143,"slug":144},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"netflix","Netflix","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnetflix-2c210f11.png","Unlimited films, TV programmes and more",[316,319,323],{"id":9,"title":317,"slug":318},"Media and Entertainment","media-and-entertainment",{"id":320,"title":321,"slug":322},70,"Video streaming","video-streaming",{"id":222,"title":223,"slug":224},{"uuid":325,"title":326,"description":327,"canonical_path":328,"image":329,"width":39,"height":330,"image_alt":331,"published_at":332,"kind":43,"patterns":333,"component_categories":346,"app":351},"71b791c9-fc1e-4290-a1dc-1f9d2d177ea9","Features | Spotify for Developers","Feature page where the user explores developer capabilities like audio analysis, playback, and recommendations alongside real-world app examples.","\u002Fexamples\u002Fapps\u002Fspotify\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71b791c9-fc1e-4290-a1dc-1f9d2d177ea9.png",10978,"Features | Spotify for Developers from Spotify","2022-11-04T04:50:18.000Z",[334,341],{"id":335,"label":336,"slug":337,"rank":49,"group":338},79,"Browse","browse",{"id":252,"label":339,"slug":340},"Pages & Content","pages-and-content",{"id":342,"label":343,"slug":344,"rank":58,"group":345},41,"Dashboard","dashboard",{"id":65,"label":66,"slug":67},[347,348,349,350],{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"id":138,"title":139,"slug":140},{"id":142,"title":143,"slug":144},{"slug":352,"title":353,"logo":354,"baseline":355,"categories":356},"spotify","Spotify","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fspotify-b1f17616.png","Web Player: Music for everyone",[357],{"id":358,"title":359,"slug":360},20,"Music","music",[],[363,365,367,369,371,373,375,377,379,381,383,385,388,391,394,397,400,403],{"label":201,"to":364,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":181,"to":366,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":336,"to":368,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":343,"to":370,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":196,"to":372,"count":58},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":56,"to":374,"count":58},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":188,"to":376,"count":58},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":206,"to":378,"count":58},"\u002Fexamples\u002Fscreens\u002Fpublish",{"label":47,"to":380,"count":58},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":70,"to":382,"count":58},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":62,"to":384,"count":58},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":386,"to":387},"Macaw design examples","\u002Fexamples\u002Fapps\u002Fmacaw",{"label":389,"to":390},"ClickUp design examples","\u002Fexamples\u002Fapps\u002Fclickup",{"label":392,"to":393},"Descript design examples","\u002Fexamples\u002Fapps\u002Fdescript",{"label":395,"to":396},"Uizard design examples","\u002Fexamples\u002Fapps\u002Fuizard",{"label":398,"to":399},"Figma design examples","\u002Fexamples\u002Fapps\u002Ffigma",{"label":401,"to":402},"Netflix design examples","\u002Fexamples\u002Fapps\u002Fnetflix",{"label":404,"to":405},"Spotify design examples","\u002Fexamples\u002Fapps\u002Fspotify",{"published_at":407,"updated_at":408},"2022-11-03T01:58:18.000Z","2026-09-05T20:19:26.528Z"]