[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftracklib":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":388,"dates":402},"\u002Fexamples\u002Fapps\u002Ftracklib","detail","apps",true,{"title":9,"description":10,"og_image":11},"Tracklib design examples - Nicelydone","Explore Tracklib UI design examples. The record store for sampling","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhttpswwwtracklibcom_sign-in_45a33a95_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Tracklib design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Tracklib",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Tracklib","tracklib","The record store for sampling","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhttpswwwtracklibcom-126d93e3.png","https:\u002F\u002Fwww.tracklib.com",[41],{"id":42,"title":43,"slug":44},20,"Music","music",[],[47,385],{"family":48,"examples":49},"screens",[50,79,95,124,164,192,221,247,279,309,326,357],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":68,"app":77},"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",[59],{"id":60,"label":61,"slug":62,"rank":63,"group":64},2,"Forgot Password","forgot-password",0,{"id":65,"label":66,"slug":67},1,"Access & Account","access-and-account",[69,73],{"id":70,"title":71,"slug":72},284,"Modal","modal",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":52,"description":81,"canonical_path":29,"image":82,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":83,"component_categories":86,"app":93},"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",[84],{"id":60,"label":61,"slug":62,"rank":63,"group":85},{"id":65,"label":66,"slug":67},[87,91,92],{"id":88,"title":89,"slug":90},240,"Horizontal navigation","horizontal-navigation",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":29,"image":99,"width":54,"height":100,"image_alt":101,"kind":57,"patterns":102,"component_categories":116,"app":122},"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",[103,108],{"id":104,"label":105,"slug":106,"rank":63,"group":107},5,"Sign Up","sign-up",{"id":65,"label":66,"slug":67},{"id":109,"label":110,"slug":111,"rank":65,"group":112},91,"Trial","trial",{"id":113,"label":114,"slug":115},9,"Plans & Limits","plans-and-limits",[117,121],{"id":118,"title":119,"slug":120},174,"Card","card",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":29,"image":128,"width":54,"height":129,"image_alt":130,"kind":57,"patterns":131,"component_categories":139,"app":162},"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",[132,137],{"id":133,"label":134,"slug":135,"rank":63,"group":136},89,"Pricing","pricing",{"id":113,"label":114,"slug":115},{"id":109,"label":110,"slug":111,"rank":65,"group":138},{"id":113,"label":114,"slug":115},[140,144,148,152,156,157,161],{"id":141,"title":142,"slug":143},258,"Header","header",{"id":145,"title":146,"slug":147},189,"FAQ","faq",{"id":149,"title":150,"slug":151},168,"Accordion","accordion",{"id":153,"title":154,"slug":155},233,"Tabs","tabs",{"id":118,"title":119,"slug":120},{"id":158,"title":159,"slug":160},260,"Badge","badge",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":29,"image":168,"width":54,"height":169,"image_alt":170,"kind":57,"patterns":171,"component_categories":187,"app":190},"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",[172,180,185],{"id":173,"label":174,"slug":175,"rank":63,"group":176},130,"Checkout","checkout",{"id":177,"label":178,"slug":179},14,"Payments & Checkout","payments-and-checkout",{"id":181,"label":182,"slug":183,"rank":65,"group":184},131,"Payment Form","payment-form",{"id":177,"label":178,"slug":179},{"id":109,"label":110,"slug":111,"rank":60,"group":186},{"id":113,"label":114,"slug":115},[188,189],{"id":118,"title":119,"slug":120},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":191},[],{"uuid":193,"title":166,"description":194,"canonical_path":29,"image":195,"width":54,"height":196,"image_alt":170,"kind":57,"patterns":197,"component_categories":216,"app":219},"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,[198,206,208],{"id":199,"label":200,"slug":201,"rank":63,"group":202},122,"Success","success",{"id":203,"label":204,"slug":205},12,"States & Feedback","states-and-feedback",{"id":173,"label":174,"slug":175,"rank":65,"group":207},{"id":177,"label":178,"slug":179},{"id":209,"label":210,"slug":211,"rank":60,"group":212},96,"Billing Settings","billing-settings",{"id":213,"label":214,"slug":215},10,"Settings & Admin","settings-and-admin",[217,218],{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":220},[],{"uuid":222,"title":223,"description":224,"canonical_path":29,"image":225,"width":54,"height":55,"image_alt":226,"kind":57,"patterns":227,"component_categories":238,"app":245},"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",[228,236],{"id":229,"label":230,"slug":231,"rank":63,"group":232},77,"Welcome","welcome",{"id":233,"label":234,"slug":235},7,"Onboarding & Education","onboarding-and-education",{"id":109,"label":110,"slug":111,"rank":65,"group":237},{"id":113,"label":114,"slug":115},[239,243,244],{"id":240,"title":241,"slug":242},298,"Bento box","bento-grid",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":246},[],{"uuid":248,"title":223,"description":249,"canonical_path":29,"image":250,"width":54,"height":55,"image_alt":226,"kind":57,"patterns":251,"component_categories":269,"app":277},"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",[252,257,264],{"id":253,"label":254,"slug":255,"rank":63,"group":256},73,"Guided Tour","guided-tour",{"id":233,"label":234,"slug":235},{"id":258,"label":259,"slug":260,"rank":65,"group":261},50,"Audio Player","audio-player",{"id":104,"label":262,"slug":263},"Media & Tools","media-and-tools",{"id":265,"label":266,"slug":267,"rank":60,"group":268},74,"Onboarding Checklist","onboarding-checklist",{"id":233,"label":234,"slug":235},[270,274,275,276],{"id":271,"title":272,"slug":273},227,"Stepper","stepper",{"id":158,"title":159,"slug":160},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":278},[],{"uuid":280,"title":223,"description":281,"canonical_path":29,"image":282,"width":54,"height":55,"image_alt":226,"kind":57,"patterns":283,"component_categories":299,"app":307},"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",[284,289,297],{"id":285,"label":286,"slug":287,"rank":63,"group":288},72,"Getting Started","getting-started",{"id":233,"label":234,"slug":235},{"id":290,"label":291,"slug":292,"rank":65,"group":293},82,"Media Detail","media-detail",{"id":294,"label":295,"slug":296},8,"Pages & Content","pages-and-content",{"id":258,"label":259,"slug":260,"rank":60,"group":298},{"id":104,"label":262,"slug":263},[300,304,305,306],{"id":301,"title":302,"slug":303},211,"Pagination","pagination",{"id":158,"title":159,"slug":160},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":308},[],{"uuid":310,"title":223,"description":311,"canonical_path":29,"image":312,"width":54,"height":55,"image_alt":226,"kind":57,"patterns":313,"component_categories":320,"app":324},"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",[314,316,318],{"id":229,"label":230,"slug":231,"rank":63,"group":315},{"id":233,"label":234,"slug":235},{"id":258,"label":259,"slug":260,"rank":65,"group":317},{"id":104,"label":262,"slug":263},{"id":253,"label":254,"slug":255,"rank":60,"group":319},{"id":233,"label":234,"slug":235},[321,322,323],{"id":158,"title":159,"slug":160},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":325},[],{"uuid":327,"title":223,"description":328,"canonical_path":29,"image":329,"width":54,"height":55,"image_alt":226,"kind":57,"patterns":330,"component_categories":350,"app":355},"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",[331,333,338,343],{"id":229,"label":230,"slug":231,"rank":63,"group":332},{"id":233,"label":234,"slug":235},{"id":334,"label":335,"slug":336,"rank":65,"group":337},79,"Browse","browse",{"id":294,"label":295,"slug":296},{"id":339,"label":340,"slug":341,"rank":60,"group":342},114,"Confirmation","confirmation",{"id":203,"label":204,"slug":205},{"id":203,"label":344,"slug":345,"rank":346,"group":347},"Favorite","favorite",3,{"id":60,"label":348,"slug":349},"Actions","actions",[351,352,353,354],{"id":301,"title":302,"slug":303},{"id":118,"title":119,"slug":120},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":356},[],{"uuid":358,"title":359,"description":360,"canonical_path":29,"image":361,"width":54,"height":362,"image_alt":363,"kind":57,"patterns":364,"component_categories":376,"app":383},"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",[365,370,372,374],{"id":366,"label":367,"slug":368,"rank":63,"group":369},6,"Verification","verification",{"id":65,"label":66,"slug":67},{"id":334,"label":335,"slug":336,"rank":65,"group":371},{"id":294,"label":295,"slug":296},{"id":199,"label":200,"slug":201,"rank":60,"group":373},{"id":203,"label":204,"slug":205},{"id":290,"label":291,"slug":292,"rank":346,"group":375},{"id":294,"label":295,"slug":296},[377,378,379,380,381,382],{"id":88,"title":89,"slug":90},{"id":153,"title":154,"slug":155},{"id":118,"title":119,"slug":120},{"id":158,"title":159,"slug":160},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":384},[],{"family":386,"examples":387},"pages",[],[389,391,393,396,399],{"label":390,"to":29},"Tracklib product screens",{"label":392,"to":32},"Tracklib marketing pages",{"label":394,"to":395},"Tracklib user flows","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fflows",{"label":397,"to":398},"Tracklib UI components","\u002Fexamples\u002Fapps\u002Ftracklib\u002Fcomponents",{"label":400,"to":401},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"published_at":403,"updated_at":404},"2021-03-24T13:32:24.000Z","2026-09-13T13:02:39.000Z"]