[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftriple-whale\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":156,"links":157,"dates":188},"\u002Fexamples\u002Fapps\u002Ftriple-whale\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Triple Whale UI components examples - Nicelydone","Browse Triple Whale UI component design examples. Preview individual interface elements and explore related component categories. eCommerce Operating System","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa8da09e9-906e-4dde-a870-eb1593c3f7b1.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},"Triple Whale design examples","\u002Fexamples\u002Fapps\u002Ftriple-whale",{"label":23,"to":4},"Triple Whale UI components examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Triple Whale","triple-whale","eCommerce Operating System","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftriple-whale-2a05b94d.png","https:\u002F\u002Fwww.triplewhale.com","triplewhale",[36],{"id":37,"title":38,"slug":39},57,"Big data","big-data",[41,56,67,82,97,109,124,135,147],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"c36f98c2-9fff-4362-b4e1-d44a7c22bf78","API Code Snippet Illustration","An illustration showing a code snippet connecting an app to a metric display. A dotted line connects a 'your_app' block to a code block, which then connects to a metric card with a sparkline.",1230,1354,"API Code Snippet Illustration from Triple Whale","component",[50],{"id":51,"title":52,"slug":53},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":55},[],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":60,"width":45,"height":61,"image_alt":62,"kind":48,"categories":63,"app":65},"334c2b60-ff7e-44d3-b36a-9492a0cad458","Triple Whale UI component","Code snippet with data flow visualization","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F315d624f-3f43-4338-98d6-84ea6fbbf6e7.png",1511,"UI component from Triple Whale",[64],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":69,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":74,"kind":48,"categories":75,"app":80},"651b400e-c9e3-478e-b682-62ffc294219b","Global Header","A dark-themed global navigation header featuring a logo, dropdown menus for products and resources, a pricing link, and call-to-action buttons for logging in, getting a tour, and getting started.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F82a7d010-161d-4875-98ac-4fef03dc0376.png",2656,320,"Global Header from Triple Whale",[76],{"id":77,"title":78,"slug":79},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":87,"height":88,"image_alt":89,"kind":48,"categories":90,"app":95},"47929549-7d1a-4eee-bf60-78daa72b5b8e","Website Footer","A dark-themed website footer featuring a logo, social media icons, multiple columns of navigation links categorized by Info, Resources, and Tips, and an App Store download button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fedbb9cd8-3945-450c-8915-d64150c9345f.png",2342,945,"Website Footer from Triple Whale",[91],{"id":92,"title":93,"slug":94},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":96},[],{"uuid":98,"title":99,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":104,"kind":48,"categories":105,"app":107},"63c84a4b-6d04-4d74-8b20-9c6b9ffb591c","Pixel Attribution Dashboard with Spend Overlap Overlay","A dark-themed data table showing pixel attribution metrics across various social platforms, with a floating 'Spend Overlap' Venn diagram overlay highlighting the intersection between Facebook and Google.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0df83d78-8027-4d29-8c91-19db83021fb7.png",1870,1244,"Pixel Attribution Dashboard with Spend Overlap Overlay from Triple Whale",[106],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":48,"categories":117,"app":122},"bb9678b6-d288-4be4-82be-c46c19d82383","Bento grid section","A section titled 'eCom Ecosystem' featuring a bento grid layout with various resources and community links. The grid contains four smaller cards in the top row and two larger cards in the bottom row, each with an illustration, title, and description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fac7c41cb-403d-457a-8658-5f19be5ffbae.png",2464,1982,"Bento grid section from Triple Whale",[118],{"id":119,"title":120,"slug":121},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":114,"height":129,"image_alt":130,"kind":48,"categories":131,"app":133},"8039447f-91fe-444e-af6b-1f382f464f2a","Bento grid feature section","A bento grid layout showcasing product features, app store links, a customer testimonial, and a video thumbnail.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9bf74b70-ae92-44ea-a829-637f4f309bed.png",1792,"Bento grid feature section from Triple Whale",[132],{"id":119,"title":120,"slug":121},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":48,"categories":143,"app":145},"089747ef-0cd1-4c73-8995-c241746b7b53","Feature Card","A dark-themed feature card highlighting API integration capabilities. It features a title, a short description, and an abstract illustration of glowing data paths leading to an API icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff0221ab3-c032-4e45-8650-42572876e214.png",1344,1056,"Feature Card from Triple Whale",[144],{"id":51,"title":52,"slug":53},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":58,"description":149,"canonical_path":4,"image":150,"width":114,"height":151,"image_alt":62,"kind":48,"categories":152,"app":154},"8b15e8ac-7937-4452-a93e-8cfc582adf7a","A marketing analytics platform landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5b045b8d-1e37-46c1-8cd9-6e10705b5985.png",1890,[153],{"id":119,"title":120,"slug":121},{"slug":30,"title":29,"logo":32,"categories":155},[],[],[158,161,164,167,170,172,176,180,184],{"label":159,"to":160},"Triple Whale product screens","\u002Fexamples\u002Fapps\u002Ftriple-whale\u002Fscreens",{"label":162,"to":163},"Triple Whale marketing pages","\u002Fexamples\u002Fapps\u002Ftriple-whale\u002Fmarketing",{"label":165,"to":166},"Triple Whale user flows","\u002Fexamples\u002Fapps\u002Ftriple-whale\u002Fflows",{"label":168,"to":169},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":171,"to":18},"All SaaS app examples",{"label":173,"to":174,"description":175},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":177,"to":178,"description":179},"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":181,"to":182,"description":183},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":185,"to":186,"description":187},"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":189,"updated_at":190},"2023-04-09T17:54:14.000Z","2026-09-13T13:02:39.000Z"]