[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftracklib\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":375,"links":376,"dates":431},"\u002Fexamples\u002Fapps\u002Ftracklib\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Tracklib product screens examples - Nicelydone","Browse Tracklib screen design examples. Preview the interface screenshots and explore related UI patterns. The record store for sampling","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_sign-in_45a33a95_nicelydone.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},"Tracklib design examples","\u002Fexamples\u002Fapps\u002Ftracklib",{"label":23,"to":4},"Tracklib 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},"Tracklib","tracklib","The record store for sampling","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhttpswwwtracklibcom-126d93e3.png","https:\u002F\u002Fwww.tracklib.com",[35],{"id":36,"title":37,"slug":38},20,"Music","music",[40,69,85,114,154,182,211,237,269,299,316,347],{"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":67},"6238e3a5-38de-44ae-9aa5-5e0a20cd39cb","Tracklib - the record store for sampling","Sign-in screen where the user authenticates with email and password or via Facebook, presented as a modal over the marketing homepage.",3072,1654,"Tracklib - the record store for sampling from Tracklib","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},2,"Forgot Password","forgot-password",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},284,"Modal","modal",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":42,"description":71,"canonical_path":4,"image":72,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":73,"component_categories":76,"app":83},"9463376c-7fe3-42af-93e2-0f52485e7e14","Password recovery overlay where the user enters their email address to request a reset link, displayed over a music sampling landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_password-reset_5081e628_nicelydone.png",[74],{"id":50,"label":51,"slug":52,"rank":53,"group":75},{"id":55,"label":56,"slug":57},[77,81,82],{"id":78,"title":79,"slug":80},240,"Horizontal navigation","horizontal-navigation",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":44,"height":90,"image_alt":91,"kind":47,"patterns":92,"component_categories":106,"app":112},"a80ca003-bf85-4f13-a979-69bb18cd5517","Sign up now and get 7 free tracks | Tracklib","Signup page where the user creates an account using Facebook or by entering their email, password, username, and country to start a free trial with 7 free tracks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_sign-up_99514f5e_nicelydone.png",2168,"Sign up now and get 7 free tracks | Tracklib from Tracklib",[93,98],{"id":94,"label":95,"slug":96,"rank":53,"group":97},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},{"id":99,"label":100,"slug":101,"rank":55,"group":102},91,"Trial","trial",{"id":103,"label":104,"slug":105},9,"Plans & Limits","plans-and-limits",[107,111],{"id":108,"title":109,"slug":110},174,"Card","card",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":44,"height":119,"image_alt":120,"kind":47,"patterns":121,"component_categories":129,"app":152},"0eb2bb06-69d5-4627-805d-7a77e3631352","Choose your plan | Tracklib","Pricing page where the user chooses between Essential, Standard, and Professional subscription plans with a monthly or yearly billing toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_plans-pricing_d29d024b_nicelydone.png",3680,"Choose your plan | Tracklib from Tracklib",[122,127],{"id":123,"label":124,"slug":125,"rank":53,"group":126},89,"Pricing","pricing",{"id":103,"label":104,"slug":105},{"id":99,"label":100,"slug":101,"rank":55,"group":128},{"id":103,"label":104,"slug":105},[130,134,138,142,146,147,151],{"id":131,"title":132,"slug":133},258,"Header","header",{"id":135,"title":136,"slug":137},189,"FAQ","faq",{"id":139,"title":140,"slug":141},168,"Accordion","accordion",{"id":143,"title":144,"slug":145},233,"Tabs","tabs",{"id":108,"title":109,"slug":110},{"id":148,"title":149,"slug":150},260,"Badge","badge",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":44,"height":159,"image_alt":160,"kind":47,"patterns":161,"component_categories":177,"app":180},"aef23bb4-6483-4a6d-a64a-1c2d3053f157","Billing Information | Tracklib","Checkout page where the user enters their billing information and selects a payment method to start a free trial for the Essential plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_checkout_04f4f196_nicelydone.png",2676,"Billing Information | Tracklib from Tracklib",[162,170,175],{"id":163,"label":164,"slug":165,"rank":53,"group":166},130,"Checkout","checkout",{"id":167,"label":168,"slug":169},14,"Payments & Checkout","payments-and-checkout",{"id":171,"label":172,"slug":173,"rank":55,"group":174},131,"Payment Form","payment-form",{"id":167,"label":168,"slug":169},{"id":99,"label":100,"slug":101,"rank":50,"group":176},{"id":103,"label":104,"slug":105},[178,179],{"id":108,"title":109,"slug":110},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":156,"description":184,"canonical_path":4,"image":185,"width":44,"height":186,"image_alt":160,"kind":47,"patterns":187,"component_categories":206,"app":209},"b2dbfcee-0cf6-428a-9293-68516a0c3423","Checkout success modal confirming the user's billing information was processed and prompting them to continue to the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_success_checkout_4d7ed7b1_nicelydone.png",1774,[188,196,198],{"id":189,"label":190,"slug":191,"rank":53,"group":192},122,"Success","success",{"id":193,"label":194,"slug":195},12,"States & Feedback","states-and-feedback",{"id":163,"label":164,"slug":165,"rank":55,"group":197},{"id":167,"label":168,"slug":169},{"id":199,"label":200,"slug":201,"rank":50,"group":202},96,"Billing Settings","billing-settings",{"id":203,"label":204,"slug":205},10,"Settings & Admin","settings-and-admin",[207,208],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":210},[],{"uuid":212,"title":213,"description":214,"canonical_path":4,"image":215,"width":44,"height":45,"image_alt":216,"kind":47,"patterns":217,"component_categories":228,"app":235},"39d8fda9-2c8e-42d3-a7c2-43bab9213416","Welcome to Tracklib","Onboarding modal welcoming the user to their newly started trial and prompting them to play their first track from a grid of album covers.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_onboarding_modals-and-popovers_3b0d170a_nicelydone.png","Welcome to Tracklib from Tracklib",[218,226],{"id":219,"label":220,"slug":221,"rank":53,"group":222},77,"Welcome","welcome",{"id":223,"label":224,"slug":225},7,"Onboarding & Education","onboarding-and-education",{"id":99,"label":100,"slug":101,"rank":55,"group":227},{"id":103,"label":104,"slug":105},[229,233,234],{"id":230,"title":231,"slug":232},298,"Bento box","bento-grid",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":236},[],{"uuid":238,"title":213,"description":239,"canonical_path":4,"image":240,"width":44,"height":45,"image_alt":216,"kind":47,"patterns":241,"component_categories":259,"app":267},"c4baef1c-50ee-4aa3-8978-e598e3b117fc","Onboarding step where a product tour highlights the loop function on a playable list of music tracks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_onboarding_modals-and-popovers_a26b78cd_nicelydone.png",[242,247,254],{"id":243,"label":244,"slug":245,"rank":53,"group":246},73,"Guided Tour","guided-tour",{"id":223,"label":224,"slug":225},{"id":248,"label":249,"slug":250,"rank":55,"group":251},50,"Audio Player","audio-player",{"id":94,"label":252,"slug":253},"Media & Tools","media-and-tools",{"id":255,"label":256,"slug":257,"rank":50,"group":258},74,"Onboarding Checklist","onboarding-checklist",{"id":223,"label":224,"slug":225},[260,264,265,266],{"id":261,"title":262,"slug":263},227,"Stepper","stepper",{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":268},[],{"uuid":270,"title":213,"description":271,"canonical_path":4,"image":272,"width":44,"height":45,"image_alt":216,"kind":47,"patterns":273,"component_categories":289,"app":297},"a36fabb6-e878-4e96-af57-3bda1cdbadaf","Onboarding modal introducing the loop feature, displaying a list of tracks with interactive audio waveforms and metadata alongside a continue prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_onboarding_modals-and-popovers_45474669_nicelydone.png",[274,279,287],{"id":275,"label":276,"slug":277,"rank":53,"group":278},72,"Getting Started","getting-started",{"id":223,"label":224,"slug":225},{"id":280,"label":281,"slug":282,"rank":55,"group":283},82,"Media Detail","media-detail",{"id":284,"label":285,"slug":286},8,"Pages & Content","pages-and-content",{"id":248,"label":249,"slug":250,"rank":50,"group":288},{"id":94,"label":252,"slug":253},[290,294,295,296],{"id":291,"title":292,"slug":293},211,"Pagination","pagination",{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":298},[],{"uuid":300,"title":213,"description":301,"canonical_path":4,"image":302,"width":44,"height":45,"image_alt":216,"kind":47,"patterns":303,"component_categories":310,"app":314},"e402e31f-7ef1-4037-ada1-ce343c4b1e10","Onboarding step where a modal instructs the user to favorite their first track to continue, highlighting the audio player controls and waveform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_onboarding_modals-and-popovers_e3394f8c_nicelydone.png",[304,306,308],{"id":219,"label":220,"slug":221,"rank":53,"group":305},{"id":223,"label":224,"slug":225},{"id":248,"label":249,"slug":250,"rank":55,"group":307},{"id":94,"label":252,"slug":253},{"id":243,"label":244,"slug":245,"rank":50,"group":309},{"id":223,"label":224,"slug":225},[311,312,313],{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":315},[],{"uuid":317,"title":213,"description":318,"canonical_path":4,"image":319,"width":44,"height":45,"image_alt":216,"kind":47,"patterns":320,"component_categories":340,"app":345},"c590cc86-a412-450a-9ebe-4291d1602bf0","Onboarding modal introducing the music catalog with a prompt to start browsing and a grid of example content, while a success toast confirms an item was added to favorites.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_onboarding_modals-and-popovers_4cf3bec6_nicelydone.png",[321,323,328,333],{"id":219,"label":220,"slug":221,"rank":53,"group":322},{"id":223,"label":224,"slug":225},{"id":324,"label":325,"slug":326,"rank":55,"group":327},79,"Browse","browse",{"id":284,"label":285,"slug":286},{"id":329,"label":330,"slug":331,"rank":50,"group":332},114,"Confirmation","confirmation",{"id":193,"label":194,"slug":195},{"id":193,"label":334,"slug":335,"rank":336,"group":337},"Favorite","favorite",3,{"id":50,"label":338,"slug":339},"Actions","actions",[341,342,343,344],{"id":291,"title":292,"slug":293},{"id":108,"title":109,"slug":110},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":346},[],{"uuid":348,"title":349,"description":350,"canonical_path":4,"image":351,"width":44,"height":352,"image_alt":353,"kind":47,"patterns":354,"component_categories":366,"app":373},"32c95b85-30fb-468d-842e-911378e49d59","Inspiration | Tracklib","Home page where a success modal confirms the user's email address is verified, overlaid on a music discovery catalog featuring carousels and lists of tracks.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_onboarding_76d548ea_nicelydone.png",14128,"Inspiration | Tracklib from Tracklib",[355,360,362,364],{"id":356,"label":357,"slug":358,"rank":53,"group":359},6,"Verification","verification",{"id":55,"label":56,"slug":57},{"id":324,"label":325,"slug":326,"rank":55,"group":361},{"id":284,"label":285,"slug":286},{"id":189,"label":190,"slug":191,"rank":50,"group":363},{"id":193,"label":194,"slug":195},{"id":280,"label":281,"slug":282,"rank":336,"group":365},{"id":284,"label":285,"slug":286},[367,368,369,370,371,372],{"id":78,"title":79,"slug":80},{"id":143,"title":144,"slug":145},{"id":108,"title":109,"slug":110},{"id":148,"title":149,"slug":150},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":374},[],[],[377,379,381,383,385,387,389,391,393,395,397,399,401,404,407,410,413,415,419,423,427],{"label":100,"to":378},"\u002Fexamples\u002Fscreens\u002Ftrial",{"label":249,"to":380},"\u002Fexamples\u002Fscreens\u002Faudio-player",{"label":220,"to":382},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":325,"to":384},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":164,"to":386},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":51,"to":388},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":244,"to":390},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":281,"to":392},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":190,"to":394},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":200,"to":396},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":330,"to":398},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":334,"to":400},"\u002Fexamples\u002Fscreens\u002Ffavorite",{"label":402,"to":403},"Tracklib marketing pages","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fmarketing",{"label":405,"to":406},"Tracklib user flows","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fflows",{"label":408,"to":409},"Tracklib UI components","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fcomponents",{"label":411,"to":412},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"label":414,"to":18},"All SaaS app examples",{"label":416,"to":417,"description":418},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":420,"to":421,"description":422},"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":424,"to":425,"description":426},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":428,"to":429,"description":430},"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":432,"updated_at":433},"2021-03-24T13:36:15.000Z","2026-09-13T13:02:39.000Z"]