[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fe1e31d98-c324-42f5-ae34-70d4d8c40bde":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":26,"showcases":81,"links":82,"dates":91},"\u002Fexamples\u002Fscreens\u002Fe1e31d98-c324-42f5-ae34-70d4d8c40bde","detail","screens",true,{"title":9,"description":10,"og_image":11},"Leaderboard - Nicelydone","Screen UI design example from Treehouse. List view showing community leaderboards where the user can check their percentile rankings and browse top students…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftreehouse_leaderboard_d4222dfd_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Leaderboard",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Treehouse. List view showing community leaderboards where the user can check their percentile rankings and browse top students by badges and points across different timeframes.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":54,"app":67},"e1e31d98-c324-42f5-ae34-70d4d8c40bde","List view showing community leaderboards where the user can check their percentile rankings and browse top students by badges and points across different timeframes.","\u002Fexamples\u002Fapps\u002Ftreehouse\u002Fscreens",2780,5214,"Leaderboard from Treehouse","2016-06-21T08:47:20.000Z","screen",[37,45],{"id":38,"label":20,"slug":39,"rank":40,"group":41},108,"leaderboard",0,{"id":42,"label":43,"slug":44},11,"Social & Collaboration","social-and-collaboration",{"id":46,"label":47,"slug":48,"rank":49,"group":50},46,"Stats","stats",1,{"id":51,"label":52,"slug":53},4,"Data & Analysis","data-and-analysis",[55,59,63],{"id":56,"title":57,"slug":58},240,"Horizontal navigation","horizontal-navigation",{"id":60,"title":61,"slug":62},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},169,"Avatar","avatar",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"treehouse","Treehouse","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftreehouse-79f84fed.png","Effective, affordable tech education",[73,77],{"id":74,"title":75,"slug":76},32,"Education","education",{"id":78,"title":79,"slug":80},33,"E-Learning","e-learning",[],[83,85,87,89],{"label":20,"to":84},"\u002Fexamples\u002Fscreens\u002Fleaderboard",{"label":47,"to":86},"\u002Fexamples\u002Fscreens\u002Fstats",{"label":88,"to":30},"Treehouse screen designs",{"label":90,"to":18},"All screen examples",{"published_at":34,"updated_at":92},"2026-09-05T20:19:05.362Z"]