[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdash0\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":161,"links":162,"dates":196},"\u002Fexamples\u002Fapps\u002Fdash0\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dash0 UI components examples - Nicelydone","Browse Dash0 UI component design examples. Preview individual interface elements and explore related component categories. Observability, Simplified","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F26bbb961-a635-419d-8fd1-34f37677faba.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},"Dash0 design examples","\u002Fexamples\u002Fapps\u002Fdash0",{"label":23,"to":4},"Dash0 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},"Dash0","dash0","Observability, Simplified","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdash0-f4q20ar1.png","https:\u002F\u002Fwww.dash0.com","dash0hq",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},16,"Monitoring","monitoring",[45,60,73,86,99,112,125,137,149],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"3cceb794-58e9-4d9a-9d27-cd20ecbc04b3","Dash0 UI component","This screenshot showcases a user profile dropdown menu with options for settings, documentation, support, and sign out.",693,699,"UI component from Dash0","component",[54],{"id":55,"title":56,"slug":57},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"736646e6-4ded-4f77-a59d-908675a0bc9b","Email verification code input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8194d472-da16-4d12-83a7-7984117aaf3e.png",609,263,[67],{"id":68,"title":69,"slug":70},288,"Input code","input-code",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"b95f9880-5583-4db4-a522-f3da5c9df912","Pricing page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0aa3b4b5-29f4-4283-8e55-36d05d6b559e.png",1664,1357,[80],{"id":81,"title":82,"slug":83},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":97},"6a6221fc-04a4-42e4-81d5-bfe182086c66","The screenshot showcases a monitoring and alerting platform with a focus on metrics, dashboards, and Prometheus integration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe2728492-8d53-465c-851a-e059b369c856.png",3120,2620,[93],{"id":94,"title":95,"slug":96},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"e6e4f18b-05dd-4941-a366-b012eec870ce","A website navigation menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F23f82116-4cfb-49c0-b5a1-ea8dffc1d71f.png",3024,757,[106],{"id":107,"title":108,"slug":109},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":123},"9e6878f6-22ef-42de-8662-5191fa656333","Customer testimonials carousel","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F516112e5-b5ed-4d2c-a0af-d3f8c5809344.png",3256,930,[119],{"id":120,"title":121,"slug":122},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":47,"description":127,"canonical_path":4,"image":128,"width":103,"height":129,"image_alt":51,"kind":52,"categories":130,"app":135},"d52e28fd-bfa3-49c7-93b6-46a62a289666","This is a screenshot of a website footer with a newsletter subscription form.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd9617d1-8844-41d4-b006-2c525db7d88c.png",1711,[131],{"id":132,"title":133,"slug":134},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":47,"description":139,"canonical_path":4,"image":140,"width":103,"height":141,"image_alt":51,"kind":52,"categories":142,"app":147},"cd4217a0-f62d-4315-8cff-39792f5abeb8","Observability platform landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5772d6a-a517-4553-979f-c94f01b6791e.png",2427,[143],{"id":144,"title":145,"slug":146},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":148},[],{"uuid":150,"title":47,"description":151,"canonical_path":4,"image":152,"width":103,"height":153,"image_alt":51,"kind":52,"categories":154,"app":159},"7f4adb27-7973-4241-953c-c5ea6dbed498","This is a screenshot of a website header.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe27870f3-6e47-4b6e-b9a1-6d7bff837dd6.png",162,[155],{"id":156,"title":157,"slug":158},258,"Header","header",{"slug":30,"title":29,"logo":32,"categories":160},[],[],[163,166,169,172,175,178,180,184,188,192],{"label":164,"to":165},"Dash0 product screens","\u002Fexamples\u002Fapps\u002Fdash0\u002Fscreens",{"label":167,"to":168},"Dash0 marketing pages","\u002Fexamples\u002Fapps\u002Fdash0\u002Fmarketing",{"label":170,"to":171},"Dash0 user flows","\u002Fexamples\u002Fapps\u002Fdash0\u002Fflows",{"label":173,"to":174},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":176,"to":177},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":179,"to":18},"All SaaS app examples",{"label":181,"to":182,"description":183},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":185,"to":186,"description":187},"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":189,"to":190,"description":191},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":193,"to":194,"description":195},"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":197,"updated_at":198},"2025-05-19T07:46:41.000Z","2026-09-13T13:02:39.000Z"]