[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftidal\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":294,"links":295,"dates":344},"\u002Fexamples\u002Fapps\u002Ftidal\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Tidal product screens examples - Nicelydone","Browse Tidal screen design examples. Preview the interface screenshots and explore related UI patterns. High fidelity music streaming","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6d99163a-cf34-44da-827b-d9c1cfaf920a.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},"Tidal design examples","\u002Fexamples\u002Fapps\u002Ftidal",{"label":23,"to":4},"Tidal 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,"categories":34},"Tidal","tidal","High fidelity music streaming","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftidal-806a7134.png","https:\u002F\u002Ftidal.com",[35],{"id":36,"title":37,"slug":38},20,"Music","music",[40,65,86,98,115,129,141,153,181,224,241,264],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":63},"6d99163a-cf34-44da-827b-d9c1cfaf920a","Login | TIDAL","Sign-in screen where the user authenticates with an email address, username, or via Facebook, Apple, and Twitter.",3072,1716,"Login | TIDAL from Tidal","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59],{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":64},[],{"uuid":66,"title":42,"description":67,"canonical_path":4,"image":68,"width":44,"height":69,"image_alt":46,"kind":47,"patterns":70,"component_categories":78,"app":84},"aa0f2c63-0154-4812-b262-135f127e1ccc","Sign-in and sign-up screen where the user enters their email or authenticates via Facebook, Apple, or Twitter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa0f2c63-0154-4812-b262-135f127e1ccc.png",1976,[71,73],{"id":50,"label":51,"slug":52,"rank":53,"group":72},{"id":55,"label":56,"slug":57},{"id":74,"label":75,"slug":76,"rank":55,"group":77},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[79,83],{"id":80,"title":81,"slug":82},174,"Card","card",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":42,"description":88,"canonical_path":4,"image":89,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":90,"component_categories":93,"app":96},"44a6c9c6-5ea5-452d-a03c-a84704da6238","Authentication screen where the user can sign up or log in using their email, username, or an OAuth provider like Facebook, Apple, or Twitter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44a6c9c6-5ea5-452d-a03c-a84704da6238.png",[91],{"id":74,"label":75,"slug":76,"rank":53,"group":92},{"id":55,"label":56,"slug":57},[94,95],{"id":80,"title":81,"slug":82},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":42,"description":100,"canonical_path":4,"image":101,"width":44,"height":102,"image_alt":46,"kind":47,"patterns":103,"component_categories":110,"app":113},"0d1bd650-bd86-46a0-ac25-61655c7cfe07","Signup page where the user sets a password, enters their date of birth, and agrees to terms to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d1bd650-bd86-46a0-ac25-61655c7cfe07.png",2204,[104,106],{"id":74,"label":75,"slug":76,"rank":53,"group":105},{"id":55,"label":56,"slug":57},{"id":55,"label":107,"slug":108,"rank":55,"group":109},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[111,112],{"id":80,"title":81,"slug":82},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":42,"description":117,"canonical_path":4,"image":118,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":119,"component_categories":124,"app":127},"45fe41f1-c37f-489a-8cdc-2f5800cfd393","Signup page where the user sets a password, enters their date of birth, and accepts the terms to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F45fe41f1-c37f-489a-8cdc-2f5800cfd393.png",[120,122],{"id":74,"label":75,"slug":76,"rank":53,"group":121},{"id":55,"label":56,"slug":57},{"id":55,"label":107,"slug":108,"rank":55,"group":123},{"id":55,"label":56,"slug":57},[125,126],{"id":80,"title":81,"slug":82},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":42,"description":131,"canonical_path":4,"image":132,"width":44,"height":102,"image_alt":46,"kind":47,"patterns":133,"component_categories":136,"app":139},"65901eb5-720a-47f5-b586-d1f6ac344d73","Signup page where the user sets a password, confirms their date of birth, and agrees to terms to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F65901eb5-720a-47f5-b586-d1f6ac344d73.png",[134],{"id":74,"label":75,"slug":76,"rank":53,"group":135},{"id":55,"label":56,"slug":57},[137,138],{"id":80,"title":81,"slug":82},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":42,"description":143,"canonical_path":4,"image":144,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":145,"component_categories":148,"app":151},"7d8be616-6b00-453b-8455-3803c570b07d","Signup page where the user sets a password, enters their date of birth, and agrees to the terms and conditions to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d8be616-6b00-453b-8455-3803c570b07d.png",[146],{"id":74,"label":75,"slug":76,"rank":53,"group":147},{"id":55,"label":56,"slug":57},[149,150],{"id":80,"title":81,"slug":82},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":155,"description":156,"canonical_path":4,"image":157,"width":44,"height":158,"image_alt":159,"kind":47,"patterns":160,"component_categories":169,"app":179},"220babd8-1758-4a66-87dd-92c3ddeaa4bd","Offer | TIDAL","Pricing page where the user selects a subscription tier between HiFi and HiFi Plus, with options for Individual, Family, or Student plans.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F220babd8-1758-4a66-87dd-92c3ddeaa4bd.png",2822,"Offer | TIDAL from Tidal",[161],{"id":162,"label":163,"slug":164,"rank":53,"group":165},143,"Pricing Page","pricing-page",{"id":166,"label":167,"slug":168},15,"Marketing Page Types","marketing-page-types",[170,174,178],{"id":171,"title":172,"slug":173},258,"Header","header",{"id":175,"title":176,"slug":177},202,"Footer","footer",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":180},[],{"uuid":182,"title":183,"description":184,"canonical_path":4,"image":185,"width":44,"height":186,"image_alt":187,"kind":47,"patterns":188,"component_categories":211,"app":222},"615f3016-8a0d-4383-b25c-efd70f723ec3","Payment | TIDAL","Checkout page where the user enters credit card details to start a HiFi Individual trial subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F615f3016-8a0d-4383-b25c-efd70f723ec3.png",2570,"Payment | TIDAL from Tidal",[189,197,202],{"id":190,"label":191,"slug":192,"rank":53,"group":193},131,"Payment Form","payment-form",{"id":194,"label":195,"slug":196},14,"Payments & Checkout","payments-and-checkout",{"id":198,"label":199,"slug":200,"rank":55,"group":201},130,"Checkout","checkout",{"id":194,"label":195,"slug":196},{"id":203,"label":204,"slug":205,"rank":206,"group":207},91,"Trial","trial",2,{"id":208,"label":209,"slug":210},9,"Plans & Limits","plans-and-limits",[212,216,220,221],{"id":213,"title":214,"slug":215},240,"Horizontal navigation","horizontal-navigation",{"id":217,"title":218,"slug":219},168,"Accordion","accordion",{"id":80,"title":81,"slug":82},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":223},[],{"uuid":225,"title":226,"description":227,"canonical_path":4,"image":228,"width":44,"height":45,"image_alt":229,"kind":47,"patterns":230,"component_categories":236,"app":239},"59e2a8e3-09d0-411c-b0e4-e396bf03a08e","Success | TIDAL","Success page confirming account activation and prompting the user to download the app to access exclusive releases and livestreams.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59e2a8e3-09d0-411c-b0e4-e396bf03a08e.png","Success | TIDAL from Tidal",[231],{"id":232,"label":233,"slug":234,"rank":53,"group":235},189,"Download Page","download-page",{"id":166,"label":167,"slug":168},[237,238],{"id":175,"title":176,"slug":177},{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":240},[],{"uuid":242,"title":243,"description":244,"canonical_path":4,"image":245,"width":44,"height":45,"image_alt":246,"kind":47,"patterns":247,"component_categories":256,"app":262},"7b668743-ef76-4ec0-b5a6-7cbcfba168a7","TIDAL","App home page in a skeleton loading state showing placeholders for a sidebar, featured cards, and a track list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b668743-ef76-4ec0-b5a6-7cbcfba168a7.png","TIDAL from Tidal",[248],{"id":249,"label":250,"slug":251,"rank":53,"group":252},120,"Loading","loading",{"id":253,"label":254,"slug":255},12,"States & Feedback","states-and-feedback",[257,261],{"id":258,"title":259,"slug":260},226,"Skeleton","skeleton",{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":243,"description":266,"canonical_path":4,"image":267,"width":44,"height":268,"image_alt":246,"kind":47,"patterns":269,"component_categories":286,"app":292},"5789f4b8-18a4-4044-b9d3-c858b732cc6b","Onboarding step where the user selects at least three of their favorite artists from categorized grids to personalize their music feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5789f4b8-18a4-4044-b9d3-c858b732cc6b.png",20332,[270,278],{"id":271,"label":272,"slug":273,"rank":53,"group":274},74,"Onboarding Checklist","onboarding-checklist",{"id":275,"label":276,"slug":277},7,"Onboarding & Education","onboarding-and-education",{"id":279,"label":280,"slug":281,"rank":55,"group":282},79,"Browse","browse",{"id":283,"label":284,"slug":285},8,"Pages & Content","pages-and-content",[287,291],{"id":288,"title":289,"slug":290},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},{"slug":30,"title":29,"logo":32,"categories":293},[],[],[296,298,300,302,304,306,308,310,312,314,317,320,323,326,328,332,336,340],{"label":75,"to":297},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":107,"to":299},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":51,"to":301},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":280,"to":303},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":199,"to":305},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":250,"to":307},"\u002Fexamples\u002Fscreens\u002Floading",{"label":272,"to":309},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":191,"to":311},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":204,"to":313},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":315,"to":316},"Tidal marketing pages","\u002Fexamples\u002Fapps\u002Ftidal\u002Fmarketing",{"label":318,"to":319},"Tidal user flows","\u002Fexamples\u002Fapps\u002Ftidal\u002Fflows",{"label":321,"to":322},"Tidal UI components","\u002Fexamples\u002Fapps\u002Ftidal\u002Fcomponents",{"label":324,"to":325},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"label":327,"to":18},"All SaaS app examples",{"label":329,"to":330,"description":331},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":333,"to":334,"description":335},"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":337,"to":338,"description":339},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":341,"to":342,"description":343},"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":345,"updated_at":346},"2022-01-23T19:09:22.000Z","2026-09-13T13:02:39.000Z"]