CINXE.COM

Draw.io Awards 2025 | Product Hunt

<!DOCTYPE html><html lang="en" data-sentry-component="RootLayout" data-sentry-source-file="layout.tsx"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/><link rel="stylesheet" href="/_next/static/css/8f719edb11eed1a0.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d5e9c100ec07c291.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0bee508d3bad07c8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c99d6c2024146960.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4afdd19ce6c2ffda.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/45be9f74b83be42e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/bf9552dc979224e1.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/886a1217ff9fd009.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d31cd169126c5461.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8b472d8ca8da25a1.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-cfdef94efa45d47a.js"/><script src="/_next/static/chunks/52774a7f-6669686f43e90bd5.js" async=""></script><script src="/_next/static/chunks/fd9d1056-9af7b3142eb9eff3.js" async=""></script><script src="/_next/static/chunks/13326-c5fdf3cfd9b23ad7.js" async=""></script><script src="/_next/static/chunks/main-app-e9a52ec06e2ef464.js" async=""></script><script src="/_next/static/chunks/c16f53c3-48451ac2b1dbb4cf.js" async=""></script><script src="/_next/static/chunks/20921-7a96833f57c275e2.js" async=""></script><script src="/_next/static/chunks/99791-029fefa2b88e709e.js" async=""></script><script src="/_next/static/chunks/83785-230f48b890d5c9aa.js" async=""></script><script src="/_next/static/chunks/99485-049f8877fe3fd326.js" async=""></script><script src="/_next/static/chunks/20750-a86c83808da2a59a.js" async=""></script><script src="/_next/static/chunks/27834-5c78f4880616ba54.js" async=""></script><script src="/_next/static/chunks/53261-f5a2bb4c2cf1c00e.js" async=""></script><script src="/_next/static/chunks/38997-3ec4d552be6df75b.js" async=""></script><script src="/_next/static/chunks/47931-b395de54841771b6.js" async=""></script><script src="/_next/static/chunks/23112-bc1e1c0f2c56b249.js" async=""></script><script src="/_next/static/chunks/75588-faf4b8cce7f62b7c.js" async=""></script><script src="/_next/static/chunks/72369-1e7864e9cf595161.js" async=""></script><script src="/_next/static/chunks/73882-86d296e7924d8950.js" async=""></script><script src="/_next/static/chunks/88941-1454a903d7135979.js" async=""></script><script src="/_next/static/chunks/app/(main)/products/%5Bslug%5D/(layout)/awards/page-ebd882d789c84fbd.js" async=""></script><script src="/_next/static/chunks/33531-acabdae7789b7d36.js" async=""></script><script src="/_next/static/chunks/63874-3d5e5624fdebf890.js" async=""></script><script src="/_next/static/chunks/49428-0a1d686850695b6b.js" async=""></script><script src="/_next/static/chunks/84400-eddd67ab8f0451c0.js" async=""></script><script src="/_next/static/chunks/3842-a8176129994dc984.js" async=""></script><script src="/_next/static/chunks/20828-0d71157315f6d814.js" async=""></script><script src="/_next/static/chunks/16010-3a87789f9e78e8fe.js" async=""></script><script src="/_next/static/chunks/app/(main)/products/%5Bslug%5D/(layout)/layout-54a6d5750b91b403.js" async=""></script><script src="/_next/static/chunks/50125-e28270261385c894.js" async=""></script><script src="/_next/static/chunks/82970-a7daac786c5af3dc.js" async=""></script><script src="/_next/static/chunks/42822-99f6529dd3dcc810.js" async=""></script><script src="/_next/static/chunks/1574-767209b786dd9ea5.js" async=""></script><script src="/_next/static/chunks/app/(main)/layout-debac8568c4d5c24.js" async=""></script><script src="/_next/static/chunks/42551-a0fa86bb9d6d8fd7.js" async=""></script><script src="/_next/static/chunks/app/(main)/not-found-fefe08edc4dfcd5c.js" async=""></script><script src="/_next/static/chunks/59793-66c731db89a93e2c.js" async=""></script><script src="/_next/static/chunks/53894-186a0b2de7ed77b4.js" async=""></script><script src="/_next/static/chunks/22429-69adeb18bda66f2d.js" async=""></script><script src="/_next/static/chunks/app/layout-c29e892b2aebc046.js" async=""></script><script src="/_next/static/chunks/app/(cards)/layout-84f2033be3b366db.js" async=""></script><script src="/_next/static/chunks/12103-257c54f0017a6619.js" async=""></script><script src="/_next/static/chunks/app/global-error-d77dd3563650f7c0.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-WZ46833KH9" as="script"/><link rel="preload" href="https://www.googletagmanager.com/gtm.js?id=G-WZ46833KH9" as="script"/><meta property="fb:app_id" content="1467820943460899" data-sentry-element="meta" data-sentry-source-file="layout.tsx"/><link rel="search" type="application/opensearchdescription+xml" title="ProductHunt" href="/osd.xml"/><meta name="theme-color" content="#ffffff"/><title> Draw.io Awards 2025 | Product Hunt</title><meta name="description" content="See all awards and badges for Draw.io on Product Hunt."/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><meta name="fb:app_id" content="1467820943460899"/><link rel="canonical" href="https://www.producthunt.com/products/draw-io/awards"/><link rel="alternate" type="application/atom+xml" title="Product Hunt - All newest Products" href="https://www.producthunt.com/feed"/><meta property="og:title" content=" Draw.io Awards 2025 | Product Hunt"/><meta property="og:description" content="See all awards and badges for Draw.io on Product Hunt."/><meta property="og:url" content="https://www.producthunt.com/products/draw-io/awards"/><meta property="og:site_name" content="Product Hunt"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=format&amp;fit=crop&amp;frame=1&amp;h=512&amp;w=1024"/><meta property="og:type" content="article"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@producthunt"/><meta name="twitter:creator" content="@producthunt"/><meta name="twitter:title" content=" Draw.io Awards 2025 | Product Hunt"/><meta name="twitter:description" content="See all awards and badges for Draw.io on Product Hunt."/><meta name="twitter:image" content="https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=format&amp;fit=crop&amp;frame=1&amp;h=512&amp;w=1024"/><link rel="icon" href="https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format"/><link rel="apple-touch-icon-precomposed" href="https://ph-static.imgix.net/ph-ios-icon.png?auto=format"/><link rel="chrome-webstore-item" href="https://producthunt.app.link/extension"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script><script>(window[Symbol.for("ApolloSSRDataTransport")] ??= []).push({"rehydrate":{":R1kq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R9kq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R268ptpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Ra8ptpkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true},":R2e8ptpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2i8ptpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rgptpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R19tpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1ptpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R29tpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R39tpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rd9tpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rl9tpkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2pkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R3pkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2fnnkptpkq:":{"data":{"product":{"__typename":"Product","id":"310514","canEdit":false,"logoUuid":"f3071879-3b87-48a9-bd93-cba24e161c19.png","followersCount":20,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"490947","name":"Obaidullah Khawaja","username":"okhawaja","avatarUrl":"https://ph-avatars.imgix.net/490947/0ab7bdbb-3d88-49f3-a513-1d4ab960c0d4.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1996202","name":"Garen Orchyan ","username":"orchyan","avatarUrl":"https://ph-avatars.imgix.net/1996202/605143d4-9c09-4cc0-8fb2-dcdbcf9cc632.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2294709","name":"wang paozi","username":"wang_paozi","avatarUrl":"https://ph-avatars.imgix.net/2294709/original.jpeg"}}]},"name":"Draw.io","tagline":"Create and share diagrams easily","reviewsCount":12,"isTopProduct":false,"shoutoutsToCount":0,"headerImage":null,"goldenKittyBadges":{"__typename":"GoldenKittyAwardBadgeConnection","edges":[]},"slug":"draw-io","isNoLongerOnline":false,"isMaker":false,"reviewsRating":4.75,"addonsCount":0,"badges":{"__typename":"Connection","totalCount":1},"websiteUrl":"https://draw.io","isSubscribed":false,"isClaimed":false,"canClaim":false,"viewerPendingTeamRequest":null,"cleanUrl":"draw.io","iosUrl":null,"androidUrl":null,"githubUrl":null,"twitterUrl":null,"facebookUrl":null,"instagramUrl":null,"linkedinUrl":null,"angellistUrl":null,"threadsUrl":null,"mediumUrl":null,"makers":{"__typename":"UserConnection","edges":[]},"awards":{"__typename":"Connection","edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"318","post":{"__typename":"Post","id":"261","name":"Draw.io"},"position":2,"period":"daily","date":"2013-12-15"}}]},"discussionForum":{"__typename":"DiscussionForumType","id":"257929","threads":{"__typename":"DiscussionForumAssociationTypeConnection","edges":[{"__typename":"DiscussionForumAssociationTypeEdge","node":{"__typename":"DiscussionForumAssociationType","id":"184757","commentable":{"__typename":"Post","id":"106543","slug":"draw-io-apps","name":"Draw.io apps","tagline":"Flowchat maker and online diagram software","createdAt":"2017-08-20T23:44:24-07:00","user":{"__typename":"User","id":"335623","name":"Arun","username":"arunsathiya","avatarUrl":"https://ph-avatars.imgix.net/335623/original.jpeg"},"commentsCount":1,"hasVoted":false,"votesCount":12,"latestScore":6}}},{"__typename":"DiscussionForumAssociationTypeEdge","node":{"__typename":"DiscussionForumAssociationType","id":"78326","commentable":{"__typename":"Post","id":"261","slug":"draw-io","name":"Draw.io","tagline":"Create and share diagrams easily","createdAt":"2013-12-15T23:26:38-08:00","user":{"__typename":"User","id":"513","name":"Matt Ellsworth","username":"mattellsworth","avatarUrl":"https://ph-avatars.imgix.net/513/a72d3545-c703-4d96-8275-989ab3673e7f.png"},"commentsCount":11,"hasVoted":false,"votesCount":139,"latestScore":135}}}]}},"url":"https://www.producthunt.com/products/draw-io","isMuted":false}},"networkStatus":7},":R38ptpkq:":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R38ptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2fnnkptpkqH1:":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R1t5mfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rv5mfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rv5mfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R175mfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R175mfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R7lmfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R7lmfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rl6mfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rl6mfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rt9mmfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rt9mmfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Ru9mmfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Ru9mmfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rdmmfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":RdmmfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rhmmfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":RhmmfnnkptpkqH1:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined}},"events":[{"type":"started","options":{"skip":false,"fetchPolicy":"cache-first","query":"query Context{viewer{...UseCurrentUserFragment}}fragment ViewerNoticeFragment on Notice{type invite{id product{id slug}}makerSuggestion{id post{id slug}}dismissable{id isDismissed dismissableKey dismissableGroup}}fragment AbTestFragment on AbTestAssignment{name variant}fragment LaunchTipsFragment on Post{id canComment commentsCount featuredAt makerInviteUrl name url slug createdAt isMaker isHunter launchState shoutouts{id}}fragment UseCurrentUserFragment on Viewer{id email emailVerified isImpersonated analyticsIdentifyJson deviceType showCookiePolicy showCommentWarning showCaptcha showPhoneVerification isAdmin features notificationFeedItemsUnreadCount flashAlert notice{...ViewerNoticeFragment}otpRequiredFrom user{id avatarUrl isMaker name username}abTestActiveParticipations{...AbTestFragment}visitStreak{id emoji duration}recentLaunch{id scheduledAt ...LaunchTipsFragment}intercomUserHash ifVisitedFromMobile newsletterSettings{hasNewsletterSubscription}}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"2"},{"type":"started","options":{"variables":{"slug":"draw-io"},"skip":false,"fetchPolicy":"cache-first","query":"query ProductsPageLayout($slug:String!){product(slug:$slug excludeTrashed:true){id canEdit ...UpcomingBannerFragment ...ProductsPageLayoutHeader ...ProductsPageLayoutSidebar ...ProductPageLayoutFirstLaunch}}fragment UpcomingEventFollowButtonFragment on UpcomingEvent{id isSubscribed truncatedDescription product{id isSubscribed followersCount}}fragment UserImage on User{id name username avatarUrl}fragment UserCircleListFragment on User{id ...UserImage}fragment HeaderImage on HeaderImage{id uuid isPrimaryLight}fragment GoldenKittyBadge on GoldenKittyAwardBadge{id category position year post{id name}}fragment ProductThumbnailFragment on Product{id name logoUuid isNoLongerOnline}fragment ReviewStarRatingCTAFragment on Product{id slug name isMaker reviewsRating}fragment ProductMuteButtonFragment on Product{id isMuted}fragment HeaderNavigationMoreButton on Product{id url name slug tagline isSubscribed ...ProductThumbnailFragment ...ProductMuteButtonFragment}fragment CollectionAddButtonFragment on Product{id}fragment HeaderNavigationAddToCollectionButton on Product{id ...CollectionAddButtonFragment}fragment ProductsPageLayoutHeaderNavigator on Product{id slug addonsCount shoutoutsToCount badges{totalCount}...HeaderNavigationMoreButton ...HeaderNavigationAddToCollectionButton}fragment ProductsPageLayoutAdminBar on Product{id slug canEdit}fragment ProductLayoutHeaderWebsiteButton on Product{id websiteUrl isNoLongerOnline}fragment ProductFollowButtonFragment on Product{id followersCount isSubscribed}fragment ProductsPageLayoutSidebarStatus on Product{id slug isClaimed canClaim canEdit viewerPendingTeamRequest{id}}fragment ProductsPageLayoutSidebarLinks on Product{id websiteUrl cleanUrl iosUrl androidUrl githubUrl}fragment ProductsPageLayoutSidebarSocialLinks on Product{id twitterUrl facebookUrl instagramUrl linkedinUrl angellistUrl threadsUrl mediumUrl}fragment ProductsPageLayoutSidebarMakers on Product{id slug makers(first:6){edges{node{id ...UserImage}}}}fragment LaunchDayBadge on TopPostBadge{id post{id name}position period date}fragment ProductsPageLayoutSidebarAwards on Product{id slug isTopProduct goldenKittyBadges(first:1){edges{node{...GoldenKittyBadge}}}awards:badges(first:6 types:[TopPostBadge]){edges{node{...on TopPostBadge{id ...LaunchDayBadge}}}}}fragment ActionBarVoteButtonFragment on Votable{id hasVoted votesCount ...on Post{latestScore}}fragment ProductsPageLayoutSidebarProductDiscussionsPostFragment on Post{id slug name tagline createdAt user{...UserImage}...on Commentable{commentsCount}...ActionBarVoteButtonFragment}fragment ProductsPageLayoutSidebarProductDiscussionsDiscussionThreadFragment on DiscussionThread{id slug title createdAt featuredAt pinned user{...UserImage}...on Commentable{commentsCount}...ActionBarVoteButtonFragment}fragment ProductsPageLayoutSidebarProductDiscussions on Product{id slug discussionForum{id threads(first:3 order:new){edges{node{id commentable{...ProductsPageLayoutSidebarProductDiscussionsPostFragment ...ProductsPageLayoutSidebarProductDiscussionsDiscussionThreadFragment}}}}}}fragment MetaTags on SEOInterface{id meta{canonicalUrl creator description image mobileAppUrl oembedUrl robots title type author authorUrl}}fragment UpcomingBannerFragment on Product{id logoUuid followersCount activeUpcomingEvent{id title description bannerUuid bannerMobileUuid ...UpcomingEventFollowButtonFragment}upcomingBannerFollowers:followers(first:3 order:friends excludeViewer:true){edges{node{id ...UserCircleListFragment}}}}fragment ProductsPageLayoutHeader on Product{id name tagline reviewsCount followersCount isTopProduct shoutoutsToCount headerImage{id ...HeaderImage}goldenKittyBadges(first:1){edges{node{...GoldenKittyBadge}}}...ProductThumbnailFragment ...ReviewStarRatingCTAFragment ...ProductsPageLayoutHeaderNavigator ...ProductsPageLayoutAdminBar ...ProductLayoutHeaderWebsiteButton ...ProductFollowButtonFragment}fragment ProductsPageLayoutSidebar on Product{id ...ProductsPageLayoutSidebarStatus ...ProductsPageLayoutSidebarLinks ...ProductsPageLayoutSidebarSocialLinks ...ProductsPageLayoutSidebarMakers ...ProductsPageLayoutSidebarAwards ...ProductsPageLayoutSidebarProductDiscussions}fragment ProductPageLayoutFirstLaunch on Product{id slug canEdit followersCount activeUpcomingEvent{id title description bannerUuid bannerMobileUuid isFirstLaunch ...MetaTags ...UpcomingEventFollowButtonFragment}upcomingBannerFollowers:followers(first:3 order:friends excludeViewer:true){edges{node{id ...UserCircleListFragment}}}}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"3"},{"type":"data","id":"3","result":{"data":{"product":{"__typename":"Product","id":"310514","canEdit":false,"logoUuid":"f3071879-3b87-48a9-bd93-cba24e161c19.png","followersCount":20,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"490947","name":"Obaidullah Khawaja","username":"okhawaja","avatarUrl":"https://ph-avatars.imgix.net/490947/0ab7bdbb-3d88-49f3-a513-1d4ab960c0d4.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1996202","name":"Garen Orchyan ","username":"orchyan","avatarUrl":"https://ph-avatars.imgix.net/1996202/605143d4-9c09-4cc0-8fb2-dcdbcf9cc632.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"2294709","name":"wang paozi","username":"wang_paozi","avatarUrl":"https://ph-avatars.imgix.net/2294709/original.jpeg"}}]},"name":"Draw.io","tagline":"Create and share diagrams easily","reviewsCount":12,"isTopProduct":false,"shoutoutsToCount":0,"headerImage":null,"goldenKittyBadges":{"__typename":"GoldenKittyAwardBadgeConnection","edges":[]},"slug":"draw-io","isNoLongerOnline":false,"isMaker":false,"reviewsRating":4.75,"addonsCount":0,"badges":{"__typename":"Connection","totalCount":1},"websiteUrl":"https://draw.io","isSubscribed":false,"isClaimed":false,"canClaim":false,"viewerPendingTeamRequest":null,"cleanUrl":"draw.io","iosUrl":null,"androidUrl":null,"githubUrl":null,"twitterUrl":null,"facebookUrl":null,"instagramUrl":null,"linkedinUrl":null,"angellistUrl":null,"threadsUrl":null,"mediumUrl":null,"makers":{"__typename":"UserConnection","edges":[]},"awards":{"__typename":"Connection","edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"318","post":{"__typename":"Post","id":"261","name":"Draw.io"},"position":2,"period":"daily","date":"2013-12-15"}}]},"discussionForum":{"__typename":"DiscussionForumType","id":"257929","threads":{"__typename":"DiscussionForumAssociationTypeConnection","edges":[{"__typename":"DiscussionForumAssociationTypeEdge","node":{"__typename":"DiscussionForumAssociationType","id":"184757","commentable":{"__typename":"Post","id":"106543","slug":"draw-io-apps","name":"Draw.io apps","tagline":"Flowchat maker and online diagram software","createdAt":"2017-08-20T23:44:24-07:00","user":{"__typename":"User","id":"335623","name":"Arun","username":"arunsathiya","avatarUrl":"https://ph-avatars.imgix.net/335623/original.jpeg"},"commentsCount":1,"hasVoted":false,"votesCount":12,"latestScore":6}}},{"__typename":"DiscussionForumAssociationTypeEdge","node":{"__typename":"DiscussionForumAssociationType","id":"78326","commentable":{"__typename":"Post","id":"261","slug":"draw-io","name":"Draw.io","tagline":"Create and share diagrams easily","createdAt":"2013-12-15T23:26:38-08:00","user":{"__typename":"User","id":"513","name":"Matt Ellsworth","username":"mattellsworth","avatarUrl":"https://ph-avatars.imgix.net/513/a72d3545-c703-4d96-8275-989ab3673e7f.png"},"commentsCount":11,"hasVoted":false,"votesCount":139,"latestScore":135}}}]}},"url":"https://www.producthunt.com/products/draw-io","isMuted":false}}}},{"type":"complete","id":"3"},{"type":"data","id":"2","result":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}}}},{"type":"complete","id":"2"},{"type":"started","options":{"variables":{"slug":"draw-io","cursor":null},"skip":false,"fetchPolicy":"cache-first","query":"query ProductPageAwards($slug:String!$cursor:String){product(slug:$slug){id slug ...AwardsPageStats ...ProductAwardBadge}}fragment ProductTopPostBadgeFragment on TopPostBadge{id post{id name}position period date}fragment GoldenKittyBadge on GoldenKittyAwardBadge{id category position year post{id name}}fragment ProductTopPostTopicBadgeFragment on TopPostTopicBadge{id}fragment ProductAwardsBadgeItem on Badge{...on TopPostBadge{id date post{id name slug}...ProductTopPostBadgeFragment}...on GoldenKittyAwardBadge{id position category post{id name slug redirectToProduct{id slug}}...GoldenKittyBadge}...on TopPostTopicBadge{id ...ProductTopPostTopicBadgeFragment}...on TopLaunchBadge{id}}fragment AwardsPageStats on Product{id postsCount badges(first:20 after:$cursor sort:date types:[TopPostBadge GoldenKittyAwardBadge]){totalCount}}fragment ProductAwardBadge on Product{id badges(first:20 after:$cursor sort:date types:[TopPostBadge GoldenKittyAwardBadge]){edges{node{...ProductAwardsBadgeItem}}pageInfo{endCursor hasNextPage}}}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"4"}]})</script></head><body class="theme-mirror bg-primary"><div id="root-container" class="light"><div class="theme-mirror"><header class="w-full border-b-2 border-gray-200 bg-primary dark:border-gray-800 sticky top-0 z-20 " data-sentry-component="DesktopHeader" data-sentry-source-file="index.tsx"><div class="mx-auto grid max-w-layout grid-cols-[1fr_2fr_1fr] items-center gap-2 bg-primary px-6 py-5 sm:grid-cols-[auto_1fr_auto] lg:px-0"><div class="flex flex-row items-center gap-6 md:gap-8"><a aria-label="Product Hunt Logo" data-sentry-element="Link" data-sentry-source-file="index.tsx" href="/"><img loading="lazy" srcSet="https://ph-static.imgix.net/golden-kitty/2024/PHLogoDark.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=40&amp;h=40&amp;fit=max&amp;frame=1&amp;dpr=1 1x, https://ph-static.imgix.net/golden-kitty/2024/PHLogoDark.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=40&amp;h=40&amp;fit=max&amp;frame=1&amp;dpr=2 2x, https://ph-static.imgix.net/golden-kitty/2024/PHLogoDark.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=40&amp;h=40&amp;fit=max&amp;frame=1&amp;dpr=3 3x" src="https://ph-static.imgix.net/golden-kitty/2024/PHLogoDark.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=40&amp;h=40&amp;fit=max&amp;frame=1" style="width:40px;height:40px" alt="Product Hunt logo dark" class="hidden dark:block"/><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" class="size-10 dark:hidden" data-sentry-element="Logo" data-sentry-source-file="index.tsx"><g fill="none" fill-rule="evenodd"><path fill="#FF6154" d="M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0s20 8.954 20 20"></path><path fill="#FFF" d="M22.667 20H17v-6h5.667a3 3 0 0 1 0 6m0-10H13v20h4v-6h5.667a7 7 0 1 0 0-14"></path></g></svg></a><div class="text-14 font-normal text-dark-gray relative" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="absolute left-4 top-3 size-4" data-sentry-element="SearchIcon" data-sentry-source-file="index.tsx"><path fill="#4B587C" d="M7 14c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7M7 2C4.243 2 2 4.243 2 7s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5m8.707 12.293L13.314 11.9a8 8 0 0 1-1.414 1.414l2.393 2.393a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414" opacity="0.5"></path></svg><input readOnly="" data-hj-allow="true" data-test="header-search-input" autoComplete="off" class="input box-border h-10 w-full min-w-[164px] max-w-full appearance-none rounded-full border-0 border-white bg-gray-100 px-10 pl-[40px] text-light-gray placeholder:text-[#85888E] focus:outline-none sm:w-full sm:max-w-[216px] sm:text-base dark:bg-gray-dark-800 dark:text-tertiary" placeholder="Search" title="Search" name="q"/></div></div><nav aria-label="Main Navigation"><ul class="flex flex-row items-center justify-center gap-6 md:gap-7 lg:gap-8"><li class="group relative list-none" data-test="header-nav-link-launches" data-sentry-component="HeaderLink" data-sentry-source-file="index.tsx"><a class="cursor-pointer text-16 group flex flex-row items-center gap-1 font-semibold text-secondary transition-all duration-300 group-hover:text-brand-500" href="/leaderboard/daily/2025/2/17?ref=header_nav">Launches<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></a><div class="absolute top-4 z-100 hidden w-[350px] translate-y-2 opacity-0 transition-all duration-300 group-hover:block group-hover:translate-y-0 group-hover:opacity-100 left-0" data-sentry-component="HoverMenu" data-sentry-source-file="index.tsx"><div class="mt-6 overflow-hidden rounded-lg bg-primary shadow-lg dark:shadow-[0_2px_8px_rgba(0,0,0,0.3)]"><div class="z-100 px-4 py-2"><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/coming-soon?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(213, 243, 221, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#d5f3dd" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#599D6B" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#ComingSoon_svg__a)"><path d="M12 21.25a8.25 8.25 0 1 0 0-16.5 8.25 8.25 0 0 0 0 16.5m-6.75-18-3 3m16.5-3 3 3"></path><path d="M12 7.75V13h5.25"></path></g><defs><clipPath id="ComingSoon_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Coming soon</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Upcoming launches to watch</div></div></div></a><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/leaderboard/daily/2025/2/17?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(255, 230, 228, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe6e4" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#F86C60" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#LaunchArchive_svg__a)"><path d="M9 17.25s-.75 3-5.25 3c0-4.5 3-5.25 3-5.25m11.167-4.416c2.25-2.25 2.39-4.927 2.32-6.12a.75.75 0 0 0-.7-.7c-1.194-.071-3.869.068-6.12 2.32L7.5 12l4.5 4.5zM12.75 6.75H6.97a.75.75 0 0 0-.53.22l-3.22 3.22a.75.75 0 0 0 .425 1.272L7.5 12"></path><path d="M17.25 11.25v5.78a.75.75 0 0 1-.22.53l-3.22 3.22a.75.75 0 0 1-1.272-.425L12 16.5"></path></g><defs><clipPath id="LaunchArchive_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Launch archive</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Most-loved launches by the community</div></div></div></a><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/launch?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(229, 239, 255, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#e5efff" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#3979E3" stroke-width="1.5" clip-path="url(#LaunchGuide_svg__a)"><path stroke-miterlimit="10" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"></path><path stroke-linecap="round" stroke-linejoin="round" d="m16.5 7.5-6 3-3 6 6-3z"></path></g><defs><clipPath id="LaunchGuide_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Launch Guide</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Checklists and pro tips for launching</div></div></div></a></div></div></div></li><li class="group relative" data-sentry-component="ProductsNavigation" data-sentry-source-file="index.tsx"><a class="group flex flex-row items-center gap-1 text-16 font-semibold text-secondary transition-all duration-300 group-hover:text-brand-500" data-sentry-element="Link" data-sentry-source-file="index.tsx" href="/categories?ref=header_nav">Products<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500" data-sentry-element="ArrowDown" data-sentry-source-file="index.tsx"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></a></li><li class="group relative list-none" data-test="header-nav-link-news" data-sentry-component="HeaderLink" data-sentry-source-file="index.tsx"><a class="cursor-pointer text-16 group flex flex-row items-center gap-1 font-semibold text-secondary transition-all duration-300 group-hover:text-brand-500" href="/newsletters?ref=header_nav">News<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></a><div class="absolute top-4 z-100 hidden w-[350px] translate-y-2 opacity-0 transition-all duration-300 group-hover:block group-hover:translate-y-0 group-hover:opacity-100 left-0" data-sentry-component="HoverMenu" data-sentry-source-file="index.tsx"><div class="mt-6 overflow-hidden rounded-lg bg-primary shadow-lg dark:shadow-[0_2px_8px_rgba(0,0,0,0.3)]"><div class="z-100 px-4 py-2"><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/newsletters?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(234, 233, 255, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#eae9ff" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#6D68D4" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Newsletter_svg__a)"><path d="M3 5.25h18V18a.75.75 0 0 1-.75.75H3.75A.75.75 0 0 1 3 18z"></path><path d="m21 5.25-9 8.25-9-8.25"></path></g><defs><clipPath id="Newsletter_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Newsletter</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">The best of Product Hunt, every day</div></div></div></a><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/stories?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(255, 233, 244, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe9f4" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#F468AC" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Stories_svg__a)"><path d="M12 8.25a3 3 0 0 1 3-3h6a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-.75.75h-6a3 3 0 0 0-3 3M2.25 18a.75.75 0 0 0 .75.75h6a3 3 0 0 1 3 3V8.25a3 3 0 0 0-3-3H3a.75.75 0 0 0-.75.75zM15 9h3.75M15 12h3.75M15 15h3.75"></path></g><defs><clipPath id="Stories_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Stories</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Tech news, interviews, and tips from makers</div></div></div></a><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/changes?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(207, 252, 219, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#cffcdb" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#579167" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Changelog_svg__a)"><path d="M10.5 10.5h6m-6 3h6m3-9.75h-15a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75m-12 0v16.5"></path></g><defs><clipPath id="Changelog_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Changelog</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">New Product Hunt features and releases</div></div></div></a></div></div></div></li><li class="group relative list-none" data-test="header-nav-link-forums" data-sentry-component="HeaderLink" data-sentry-source-file="index.tsx"><a class="cursor-pointer text-16 group flex flex-row items-center gap-1 font-semibold text-secondary transition-all duration-300 group-hover:text-brand-500" href="/forums?ref=header_nav">Forums<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14" class="size-4 stroke-gray-500 transition-all duration-300 group-hover:-rotate-90 group-hover:stroke-brand-500"><path d="M3.5 6.25 7 9.75l3.5-3.5"></path></svg></a><div class="absolute top-4 z-100 hidden w-[350px] translate-y-2 opacity-0 transition-all duration-300 group-hover:block group-hover:translate-y-0 group-hover:opacity-100 left-0" data-sentry-component="HoverMenu" data-sentry-source-file="index.tsx"><div class="mt-6 overflow-hidden rounded-lg bg-primary shadow-lg dark:shadow-[0_2px_8px_rgba(0,0,0,0.3)]"><div class="z-100 px-4 py-2"><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/forums?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(255, 233, 248, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe9f8" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#DE62B6" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Discussions_svg__a)"><path d="M6.71 13.5 3 16.5v-12a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 .75.75v8.25a.75.75 0 0 1-.75.75z"></path><path d="M7.5 13.5v3.75a.75.75 0 0 0 .75.75h9.04L21 21V9a.75.75 0 0 0-.75-.75H16.5"></path></g><defs><clipPath id="Discussions_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Forums</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Ask questions, find support, and connect</div></div></div></a><a data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx" href="/visit-streaks?ref=header_nav"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(255, 228, 228, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#ffe4e4" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#F10202" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Streaks_svg__a)"><path d="M12.75 18c1.875-.316 3.432-1.875 3.75-3.75"></path><path d="m10.5 9 2.463-6.75C14.987 3.93 19.5 8.264 19.5 13.5a7.5 7.5 0 0 1-15 0c0-2.866 1.352-5.462 2.906-7.5z"></path></g><defs><clipPath id="Streaks_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Streaks</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">The most active community members</div></div></div></a><a href="https://lu.ma/producthunt" target="_blank" data-sentry-element="Link" data-sentry-component="SubmenuItem" data-sentry-source-file="SubmenuItem.tsx"><div class="my-2 flex flex-row gap-4 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-dark-800 dark:bg-gray-dark-900 dark:bg-[image:none] bg-[image:var(--submenu-item-background)] styles_container__K6Yj1" style="--submenu-item-background:linear-gradient(to right, rgba(207, 242, 216, 0.25) 50%, rgba(255, 255, 255, 0.3) 50%)"><div style="background-color:#cff2d8" class="flex size-11 items-center justify-center rounded transition-all ease-out" data-sentry-component="MenuIcon" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="!size-6" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><g stroke="#3F9E58" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" clip-path="url(#Event_svg__a)"><path d="M19.5 3.75h-15a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75m-3-1.5v3m-9-3v3m-3.75 3h16.5"></path><path d="m8.625 14.25 2.25 2.25 4.5-4.5"></path></g><defs><clipPath id="Event_svg__a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg></div><div class="flex flex-1 flex-col"><div class="text-14 font-normal text-dark-gray text-primary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Events</div><div class="text-12 font-normal text-dark-gray text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Meet others online and in-person</div></div></div></a></div></div></div></li><li class="group relative list-none hidden md:block" data-test="header-nav-link-advertise" data-sentry-component="HeaderLink" data-sentry-source-file="index.tsx"><a class="cursor-pointer text-16 group flex flex-row items-center gap-1 font-semibold text-secondary transition-all duration-300 group-hover:text-brand-500" href="/sponsor?ref=header_nav">Advertise</a></li></ul></nav><!--$--><div class="flex flex-row items-center justify-end gap-4" data-sentry-component="Fallback" data-sentry-source-file="UserSection.tsx"><a class="text-16 font-normal text-dark-gray flex h-10 items-center gap-1 rounded-full border-2 border-gray-200 px-4 align-middle text-16 font-semibold !text-secondary transition-all duration-300 hover:border-gray-300 hover:bg-gray-50 sm:px-3 md:px-4 dark:border-gray-dark-800 dark:hover:bg-gray-dark-800" data-test="header-nav-link-subscribe" href="/newsletters?ref=header_nav&amp;campaign=weekly_newsletter&amp;source=header_nav"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20" class="size-4" data-sentry-element="MailIcon" data-sentry-source-file="index.tsx"><path stroke="#344054" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="m11.453 2.195 6.274 4.077c.221.144.332.216.412.313a.8.8 0 0 1 .158.289c.036.12.036.252.036.516v6.11c0 1.4 0 2.1-.272 2.635a2.5 2.5 0 0 1-1.093 1.092c-.535.273-1.235.273-2.635.273H5.667c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092c-.272-.535-.272-1.235-.272-2.635V7.39c0-.264 0-.396.036-.516a.8.8 0 0 1 .157-.29c.08-.096.192-.168.413-.312l6.274-4.077m2.906 0c-.526-.342-.789-.513-1.072-.58a1.7 1.7 0 0 0-.762 0c-.283.067-.546.238-1.072.58m2.906 0 5.16 3.354c.574.372.86.559.96.795a.83.83 0 0 1 0 .645c-.1.237-.386.423-.96.796l-5.16 3.354c-.526.342-.789.513-1.072.58a1.7 1.7 0 0 1-.762 0c-.283-.067-.546-.238-1.072-.58l-5.16-3.354c-.574-.373-.86-.56-.96-.796a.83.83 0 0 1 0-.645c.1-.236.386-.423.96-.795l5.16-3.354m9.37 13.638-5.536-5m-4.762 0-5.536 5"></path></svg>Subscribe</a><div class="text-16 font-semibold text-white flex h-10 cursor-pointer items-center gap-1 whitespace-nowrap rounded-full bg-brand-500 px-4" data-test="header-nav-link-sign-in" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20" class="size-4" data-sentry-element="SignInIcon" data-sentry-source-file="index.tsx"><g clip-path="url(#SignInIcon_svg__a)"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M2.782 5.833a8.333 8.333 0 1 1 0 8.333M10 13.334 13.333 10m0 0L10 6.667M13.333 10H1.667"></path></g><defs><clipPath id="SignInIcon_svg__a"><path fill="#fff" d="M0 0h20v20H0z"></path></clipPath></defs></svg>Sign in</div></div><!--/$--></div></header></div><div class="theme-mirror"></div><div class="mx-4 my-8 flex flex-col justify-center gap-8 md:mx-8 md:flex-row"><main class="flex flex-col gap-8 md:max-w-[900px]"><section class="flex flex-col gap-4 sm:flex-row sm:items-center"><img loading="lazy" srcSet="https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=64&amp;h=64&amp;fit=crop&amp;frame=1&amp;dpr=1 1x, https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=64&amp;h=64&amp;fit=crop&amp;frame=1&amp;dpr=2 2x, https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=64&amp;h=64&amp;fit=crop&amp;frame=1&amp;dpr=3 3x" src="https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=64&amp;h=64&amp;fit=crop&amp;frame=1" style="width:64px;height:64px" alt="Draw.io" class="rounded rounded-xl" data-test="Draw.io-thumbnail"/><div><h1 class="text-24 font-semibold text-dark-gray text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Draw.io</h1><div class="text-18 font-normal text-dark-gray text-gray-700" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Create and share diagrams easily</div><span class="flex flex-row items-center gap-2"><div class="flex flex-row" data-sentry-component="StarRating" data-sentry-source-file="index.tsx"><label data-test="star-1" class="cursor-pointer styles_tinyStar__6JueJ"><input hidden="" type="radio" value="1"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-1-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-2" class="cursor-pointer styles_tinyStar__6JueJ"><input hidden="" type="radio" value="2"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-2-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-3" class="cursor-pointer styles_tinyStar__6JueJ"><input hidden="" type="radio" value="3"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-3-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-4" class="cursor-pointer styles_tinyStar__6JueJ"><input hidden="" type="radio" value="4"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-4-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label><label data-test="star-5" class="cursor-pointer styles_tinyStar__6JueJ"><input hidden="" type="radio" value="5"/><svg xmlns="http://www.w3.org/2000/svg" width="24" height="23" viewBox="0 0 24 23" data-test="star-5-filled" class="fill-light-blue pl-1 !fill-[#f5a623]"><path d="m12 0 3.709 7.514L24 8.718l-6 5.848 1.416 8.26-7.416-3.9-7.416 3.9L6 14.566 0 8.718l8.291-1.204z"></path></svg></label></div><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><a class="text-14 font-medium text-dark-gray text-gray-700" target="_blank" href="/products/draw-io/reviews">12 reviews</a><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><div class="text-14 font-medium text-dark-gray text-gray-700" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">20 followers</div></span></div><div class="my-auto flex flex-row items-center gap-3 sm:ml-auto"><a href="https://draw.io/?ref=producthunt" target="_blank" data-test="visit-website-button" class="inline-block max-h-11 rounded-full border-2 bg-primary px-4 py-2 text-center text-16 font-semibold text-secondary transition-all duration-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-dark-800 border-gray-200 dark:border-gray-dark-800" rel="noreferrer" data-sentry-element="Element" data-sentry-component="Button" data-sentry-source-file="index.tsx">Visit website</a><button type="button" data-test="product-follow-button" class="inline-block max-h-11 rounded-full border-2 border-brand-500 bg-brand-500 px-4 py-2 text-center text-16 font-semibold text-white transition-all duration-300" data-sentry-element="Element" data-sentry-component="Button" data-sentry-source-file="index.tsx">Follow</button></div></section><ul class="flex flex-row" data-sentry-component="Navigation" data-sentry-source-file="index.tsx"><li><a class="text-14 font-semibold text-dark-gray rounded-full px-4 py-2 text-gray-500 transition-colors duration-300 hover:bg-gray-50 hover:text-gray-700" data-test="product-navigation-item-overview" href="/products/draw-io">Overview</a></li><li><a class="text-14 font-semibold text-dark-gray rounded-full px-4 py-2 text-gray-500 transition-colors duration-300 hover:bg-gray-50 hover:text-gray-700" data-test="product-navigation-item-launches" href="/products/draw-io/launches">Launches</a></li><li><a class="text-14 font-semibold text-dark-gray rounded-full px-4 py-2 text-gray-500 transition-colors duration-300 hover:bg-gray-50 hover:text-gray-700" data-test="product-navigation-item-reviews" href="/products/draw-io/reviews">Reviews</a></li><li><a class="text-14 font-semibold text-dark-gray rounded-full px-4 py-2 text-gray-500 transition-colors duration-300 hover:bg-gray-50 hover:text-gray-700" data-test="product-navigation-item-team" href="/products/draw-io/makers">Team</a></li><li><a class="text-14 font-semibold text-dark-gray rounded-full px-4 py-2 text-gray-500 transition-colors duration-300 hover:bg-gray-50 hover:text-gray-700 bg-gray-50 text-gray-700" data-test="product-navigation-item-awards" href="/products/draw-io/awards">Awards</a></li><li><a href="#" data-test="product-more-btn" data-sentry-element="ContentToggle" data-sentry-component="ContentToggle" data-sentry-source-file="index.tsx"><span class="text-14 font-semibold text-dark-gray rounded-full px-4 py-2 text-gray-500 transition-colors duration-300 hover:bg-gray-50 hover:text-gray-700" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">More</span></a></li><li class="ml-auto"><button class="px-4 sm:px-2 textButton_textButton__SIhmH" data-test="collection-product-310514-collect-text" aria-label="Add to Collection" data-sentry-component="CollectionAddButton" data-sentry-source-file="index.tsx"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-7 sm:size-5" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 13V7m-3 3h6m4 11V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C16.72 3 15.88 3 14.2 3H9.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C5 5.28 5 6.12 5 7.8V21l7-4z"></path></svg></button></li></ul><!--$?--><template id="B:0"></template><div class="styles_container__lNjYm *:self-start" data-sentry-component="Loader" data-sentry-source-file="index.tsx"><div class="styles_loader__IcPYn" style="width:30px;height:30px"></div></div><!--/$--><div class="mb-10 border-none" data-sentry-component="SidebarFooter" data-sentry-source-file="index.tsx"><ul class="m-0 flex flex-row flex-wrap gap-1 p-0"><li class="text-12 text-secondary hover:underline"><a href="/stories">Blog</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/newsletters">Newsletter</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/questions">Questions</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/forums">Forums</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/categories">Product Categories</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/apps">Apps</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/about">About</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="https://help.producthunt.com">FAQ</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/legal#terms">Terms</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/legal#privacy">Privacy and Cookies</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="https://x.com/ProductHunt" target="_blank" rel="nofollow noopener noreferrer">X.com</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="https://www.facebook.com/producthunt" target="_blank" rel="nofollow noopener noreferrer">Facebook</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="https://www.instagram.com/producthunt" target="_blank" rel="nofollow noopener noreferrer">Instagram</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="https://www.linkedin.com/company/producthunt" target="_blank" rel="nofollow noopener noreferrer">LinkedIn</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="https://www.youtube.com/channel/UCOtU18DT8csQVqHPT1wtYzw" target="_blank" rel="nofollow noopener noreferrer">YouTube</a></li><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><li class="text-12 text-secondary hover:underline"><a href="/sponsor?utm_content=sf">Advertise</a></li></ul><div class="text-10 font-normal text-dark-gray uppercase mt-2 text-secondary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">© <!-- -->2025<!-- --> Product Hunt</div></div></main><aside class="flex w-full flex-col gap-8 md:w-[280px] md:min-w-[280px]"><div class="flex flex-col gap-4" data-sentry-component="Status" data-sentry-source-file="index.tsx"><div class="flex flex-row items-center justify-between"><div class="text-18 font-semibold text-dark-gray text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Product status</div><div><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" data-sentry-element="QuestionIcon" data-sentry-source-file="index.tsx"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M5.303 5.25a1.75 1.75 0 0 1 3.4.583c0 1.167-1.75 1.75-1.75 1.75M7 9.916h.006M12.834 7A5.833 5.833 0 1 1 1.167 7a5.833 5.833 0 0 1 11.667 0"></path></svg></div></div><div class="text-16 font-semibold text-dark-gray text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Unclaimed</div></div><div class="flex flex-col gap-4" data-sentry-component="AwardsCard" data-sentry-source-file="index.tsx"><div class="text-14 font-semibold text-dark-gray text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Awards</div><div class="flex flex-row flex-wrap gap-4"><div><img loading="lazy" srcSet="https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1&amp;dpr=1 1x, https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1&amp;dpr=2 2x, https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1&amp;dpr=3 3x" src="https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1" style="width:32px;height:35px" alt="Draw.io was ranked #2 of the day for December 15th, 2013"/></div></div><a class="inline-block max-h-11 rounded-full border-2 bg-primary px-4 py-2 text-center text-16 font-semibold text-secondary transition-all duration-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-dark-800 border-gray-200 dark:border-gray-dark-800" data-sentry-element="Element" data-sentry-component="Button" data-sentry-source-file="index.tsx" href="/products/draw-io/awards">All Awards</a></div><div class="flex flex-col" data-sentry-component="ProductDiscussions" data-sentry-source-file="index.tsx"><div class="text-18 font-semibold text-dark-gray mb-4 text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Forum Threads</div><div class="mb-8 flex flex-col gap-8"><div class="flex flex-col gap-2" data-sentry-component="PostThread" data-sentry-source-file="index.tsx"><div class=""><a class="flex flex-row items-center gap-1.5" data-sentry-element="Link" data-sentry-source-file="index.tsx" href="/@arunsathiya"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/335623/original.jpeg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1&amp;dpr=1 1x, https://ph-avatars.imgix.net/335623/original.jpeg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1&amp;dpr=2 2x, https://ph-avatars.imgix.net/335623/original.jpeg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1&amp;dpr=3 3x" src="https://ph-avatars.imgix.net/335623/original.jpeg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1" style="width:16px;height:16px" alt="Arun" class="rounded-full"/><div class="text-14 font-medium text-dark-gray !text-tertiary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Arun</div></a></div><a class="text-16 font-medium text-dark-gray styles_noOfLines-3__lMAXQ block" href="/p/draw-io/draw-io-apps">Draw.io apps<!-- --> — <!-- -->Flowchat maker and online diagram software</a><div class="flex flex-row justify-between"><button type="button" class="text-left text-14 font-semibold text-dark-gray group/vote flex flex-row items-center gap-1 transition-all duration-300 hover:text-brand-500 text-gray-600" data-test="post-106543-vote-button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="stroke-[1.5px] transition-all duration-300 group-hover/vote:stroke-brand-500 stroke-gray-600" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><path d="M2 5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C3.52 2 4.08 2 5.2 2h5.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C14 3.52 14 4.08 14 5.2v5.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C12.48 14 11.92 14 10.8 14H5.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C2 12.48 2 11.92 2 10.8z"></path><path d="M7.2 5.733a1 1 0 0 1 1.6 0l2 2.667A1 1 0 0 1 10 10H6a1 1 0 0 1-.8-1.6z"></path></svg><span class="hidden sm:block">Upvote</span> (6)</button><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><a class="text-16 font-normal text-dark-gray flex flex-row items-center gap-2" href="/p/draw-io/draw-io-apps"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" fill="none" viewBox="0 0 15 14" class="stroke-light-gray" data-sentry-element="CommentIcon" data-sentry-source-file="index.tsx"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.921 6.708a4.958 4.958 0 0 1-6.74 4.629 2 2 0 0 0-.192-.068.5.5 0 0 0-.109-.014 1.4 1.4 0 0 0-.177.012l-2.987.309c-.285.03-.427.044-.511-.007a.3.3 0 0 1-.136-.204c-.016-.097.052-.223.188-.475l.955-1.766c.078-.146.117-.218.135-.288a.5.5 0 0 0 .016-.19c-.005-.072-.037-.166-.1-.353a4.958 4.958 0 1 1 9.658-1.585"></path></svg><div class="text-14 font-normal text-dark-gray !text-tertiary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">1</div></a><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><time dateTime="2017-08-20T23:44:24-07:00" title="Monday, August 21st 2017, 6:44:24 AM"><div class="text-14 font-normal text-dark-gray !text-tertiary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">7yr ago</div></time></div></div><div class="flex flex-col gap-2" data-sentry-component="PostThread" data-sentry-source-file="index.tsx"><div class=""><a class="flex flex-row items-center gap-1.5" data-sentry-element="Link" data-sentry-source-file="index.tsx" href="/@mattellsworth"><img loading="lazy" srcSet="https://ph-avatars.imgix.net/513/a72d3545-c703-4d96-8275-989ab3673e7f.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1&amp;dpr=1 1x, https://ph-avatars.imgix.net/513/a72d3545-c703-4d96-8275-989ab3673e7f.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1&amp;dpr=2 2x, https://ph-avatars.imgix.net/513/a72d3545-c703-4d96-8275-989ab3673e7f.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1&amp;dpr=3 3x" src="https://ph-avatars.imgix.net/513/a72d3545-c703-4d96-8275-989ab3673e7f.png?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=16&amp;h=16&amp;fit=crop&amp;frame=1" style="width:16px;height:16px" alt="Matt Ellsworth" class="rounded-full"/><div class="text-14 font-medium text-dark-gray !text-tertiary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Matt Ellsworth</div></a></div><a class="text-16 font-medium text-dark-gray styles_noOfLines-3__lMAXQ block" href="/p/draw-io/draw-io">Draw.io<!-- --> — <!-- -->Create and share diagrams easily</a><div class="flex flex-row justify-between"><button type="button" class="text-left text-14 font-semibold text-dark-gray group/vote flex flex-row items-center gap-1 transition-all duration-300 hover:text-brand-500 text-gray-600" data-test="post-261-vote-button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" class="stroke-[1.5px] transition-all duration-300 group-hover/vote:stroke-brand-500 stroke-gray-600" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><path d="M2 5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C3.52 2 4.08 2 5.2 2h5.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C14 3.52 14 4.08 14 5.2v5.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C12.48 14 11.92 14 10.8 14H5.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C2 12.48 2 11.92 2 10.8z"></path><path d="M7.2 5.733a1 1 0 0 1 1.6 0l2 2.667A1 1 0 0 1 10 10H6a1 1 0 0 1-.8-1.6z"></path></svg><span class="hidden sm:block">Upvote</span> (135)</button><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><a class="text-16 font-normal text-dark-gray flex flex-row items-center gap-2" href="/p/draw-io/draw-io"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" fill="none" viewBox="0 0 15 14" class="stroke-light-gray" data-sentry-element="CommentIcon" data-sentry-source-file="index.tsx"><path stroke="#667085" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.921 6.708a4.958 4.958 0 0 1-6.74 4.629 2 2 0 0 0-.192-.068.5.5 0 0 0-.109-.014 1.4 1.4 0 0 0-.177.012l-2.987.309c-.285.03-.427.044-.511-.007a.3.3 0 0 1-.136-.204c-.016-.097.052-.223.188-.475l.955-1.766c.078-.146.117-.218.135-.288a.5.5 0 0 0 .016-.19c-.005-.072-.037-.166-.1-.353a4.958 4.958 0 1 1 9.658-1.585"></path></svg><div class="text-14 font-normal text-dark-gray !text-tertiary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">11</div></a><span class="relative -top-px text-12 text-light-gray opacity-45" data-sentry-component="DotSeparator" data-sentry-source-file="index.tsx">•</span><time dateTime="2013-12-15T23:26:38-08:00" title="Monday, December 16th 2013, 7:26:38 AM"><div class="text-14 font-normal text-dark-gray !text-tertiary" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">11yr ago</div></time></div></div></div><a class="inline-block max-h-11 rounded-full border-2 bg-primary px-4 py-2 text-center text-16 font-semibold text-secondary transition-all duration-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-dark-800 mb-4 border-gray-200 dark:border-gray-dark-800" data-sentry-element="Element" data-sentry-component="Button" data-sentry-source-file="index.tsx" href="/p/draw-io">View all</a><a class="inline-block max-h-11 rounded-full border-2 bg-primary px-4 py-2 text-center text-16 font-semibold text-secondary transition-all duration-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-dark-800 border-gray-200 dark:border-gray-dark-800" data-sentry-element="Element" data-sentry-component="Button" data-sentry-source-file="index.tsx" href="/forums/new?category=draw-io"><div class="flex flex-row items-center justify-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path stroke="#475467" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.667" d="M10 11.25v-5m-2.5 2.5h5M5.833 15v1.946c0 .444 0 .666.091.78.08.1.2.157.326.157.146 0 .32-.139.666-.416l1.988-1.59c.406-.325.61-.488.836-.603a2.5 2.5 0 0 1 .634-.223c.25-.051.51-.051 1.03-.051H13.5c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.092-1.092C17.5 13.1 17.5 12.4 17.5 11V6.5c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 0 0-1.092-1.093C15.6 2.5 14.9 2.5 13.5 2.5h-7c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 0 0-1.093 1.093C2.5 4.4 2.5 5.1 2.5 6.5v5.167c0 .775 0 1.162.085 1.48a2.5 2.5 0 0 0 1.768 1.768c.318.085.705.085 1.48.085"></path></svg><div class="text-sm font-semibold text-secondary">Start new thread</div></div></a></div><div class="flex flex-col gap-4" data-sentry-component="Links" data-sentry-source-file="index.tsx"><div class="text-14 font-semibold text-dark-gray text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Links</div><a href="https://draw.io/?ref=producthunt" rel="noreferrer" class="text-16 font-semibold text-dark-gray flex flex-row items-center gap-2 !text-brand-500" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" viewBox="0 0 21 20" class="fill-brand-500" data-sentry-element="Icon" data-sentry-source-file="index.tsx"><path fill="currentColor" d="M18.102 6.46a4.05 4.05 0 0 1-1.196 2.876l-2.21 2.21a4.063 4.063 0 0 1-5.743 0 .625.625 0 1 1 .883-.882 2.82 2.82 0 0 0 3.976 0l2.211-2.21a2.813 2.813 0 1 0-3.976-3.977L10.5 6.023a.625.625 0 0 1-.883-.882l1.547-1.547a4.07 4.07 0 0 1 6.938 2.867ZM10.5 13.977l-1.547 1.547a2.813 2.813 0 0 1-3.976-3.976l2.21-2.211a2.82 2.82 0 0 1 3.977 0 .625.625 0 0 0 .883-.883 4.06 4.06 0 0 0-5.742 0l-2.211 2.211a4.063 4.063 0 1 0 5.742 5.742l1.547-1.547a.625.625 0 0 0-.883-.883"></path></svg>draw.io</a></div></aside></div><div class="theme-mirror"></div><!--$--><!--/$--></div><div id="root-portal"></div><script>(self.__next_s=self.__next_s||[]).push([0,{"data-sentry-element":"Script","data-sentry-source-file":"layout.tsx","children":"\n !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error(\"Segment snippet included twice.\");else{analytics.invoked=!0;analytics.methods=[\"trackSubmit\",\"trackClick\",\"trackLink\",\"trackForm\",\"pageview\",\"identify\",\"reset\",\"group\",\"track\",\"ready\",\"alias\",\"debug\",\"page\",\"once\",\"off\",\"on\",\"addSourceMiddleware\",\"addIntegrationMiddleware\",\"setAnonymousId\",\"addDestinationMiddleware\"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement(\"script\");t.type=\"text/javascript\";t.defer=!0;t.src=\"https://segment-cdn.producthunt.com/\";var n=document.getElementsByTagName(\"script\")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey=\"dtyjquswuq\";analytics.SNIPPET_VERSION=\"4.15.2\";\n analytics.load(\"dtyjquswuq\");\n }}();\n","id":"segment"}])</script><script src="/_next/static/chunks/webpack-cfdef94efa45d47a.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/8f719edb11eed1a0.css\",\"style\"]\n2:HL[\"/_next/static/css/d5e9c100ec07c291.css\",\"style\"]\n3:HL[\"/_next/static/css/0bee508d3bad07c8.css\",\"style\"]\n4:HL[\"/_next/static/css/c99d6c2024146960.css\",\"style\"]\n5:HL[\"/_next/static/css/4afdd19ce6c2ffda.css\",\"style\"]\n6:HL[\"/_next/static/css/45be9f74b83be42e.css\",\"style\"]\n7:HL[\"/_next/static/css/bf9552dc979224e1.css\",\"style\"]\n8:HL[\"/_next/static/css/886a1217ff9fd009.css\",\"style\"]\n9:HL[\"/_next/static/css/d31cd169126c5461.css\",\"style\"]\na:HL[\"/_next/static/css/8b472d8ca8da25a1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"b:I[14360,[],\"\"]\nd:I[79130,[\"95501\",\"static/chunks/c16f53c3-48451ac2b1dbb4cf.js\",\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"38997\",\"static/chunks/38997-3ec4d552be6df75b.js\",\"47931\",\"static/chunks/47931-b395de54841771b6.js\",\"23112\",\"static/chunks/23112-bc1e1c0f2c56b249.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"73882\",\"static/chunks/73882-86d296e7924d8950.js\",\"88941\",\"static/chunks/88941-1454a903d7135979.js\",\"43673\",\"static/chunks/app/(main)/products/%5Bslug%5D/(layout)/awards/page-ebd882d789c84fbd.js\"],\"default\"]\ne:I[69257,[],\"\"]\n10:I[14857,[],\"\"]\n11:I[37568,[\"95501\",\"static/chunks/c16f53c3-48451ac2b1dbb4cf.js\",\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"38997\",\"static/chunks/38997-3ec4d552be6df75b.js\",\"33531\",\"static/chunks/33531-acabdae7789b7d36.js\",\"47931\",\"static/chunks/47931-b395de54841771b6.js\",\"63874\",\"static/chunks/63874-3d5e5624fdebf890.js\",\"49428\",\"static/chunks/49428-0a1d686850695b6b.js\",\"84400\",\"static/chunks/84400-eddd67ab8f0451c0.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"73882\",\"static/chunks/73882-86d296e7924d8950.js\",\"3842\",\"static/chunks/3842-a8176129994dc984.js\",\"20828\",\"static/chunks/20828-0d71157315f6d814.js\",\"16010\",\"static/chunks/16010-3a87789f9e78e8fe.js\",\"32493\",\"static/chunks/app/(main)/products/%5Bslug%5D/(layout)/layout-54a6d5750b91b403.js\"],\"default\",1]\n12:I[4"])</script><script>self.__next_f.push([1,"7971,[\"95501\",\"static/chunks/c16f53c3-48451ac2b1dbb4cf.js\",\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"38997\",\"static/chunks/38997-3ec4d552be6df75b.js\",\"33531\",\"static/chunks/33531-acabdae7789b7d36.js\",\"47931\",\"static/chunks/47931-b395de54841771b6.js\",\"50125\",\"static/chunks/50125-e28270261385c894.js\",\"82970\",\"static/chunks/82970-a7daac786c5af3dc.js\",\"42822\",\"static/chunks/42822-99f6529dd3dcc810.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"73882\",\"static/chunks/73882-86d296e7924d8950.js\",\"3842\",\"static/chunks/3842-a8176129994dc984.js\",\"1574\",\"static/chunks/1574-767209b786dd9ea5.js\",\"4095\",\"static/chunks/app/(main)/layout-debac8568c4d5c24.js\"],\"default\",1]\n13:I[54123,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"42551\",\"static/chunks/42551-a0fa86bb9d6d8fd7.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"86883\",\"static/chunks/app/(main)/not-found-fefe08edc4dfcd5c.js\"],\"default\"]\n14:I[59641,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/c"])</script><script>self.__next_f.push([1,"hunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"AppRouter\"]\n15:I[56058,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"UserAgentProvider\"]\n16:I[34480,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"NavigationProgressProvider\"]\n17:I[87406,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.j"])</script><script>self.__next_f.push([1,"s\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"default\"]\n18:I[43079,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"31462\",\"static/chunks/app/(cards)/layout-84f2033be3b366db.js\"],\"default\"]\n19:I[57851,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"ErrorBoundary\"]\n1a:I[87906,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"default\"]\n1b:I[87512,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static"])</script><script>self.__next_f.push([1,"/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"\"]\n1d:I[40779,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"GoogleAnalytics\"]\n1e:I[31635,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"27834\",\"static/chunks/27834-5c78f4880616ba54.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"59793\",\"static/chunks/59793-66c731db89a93e2c.js\",\"53894\",\"static/chunks/53894-186a0b2de7ed77b4.js\",\"22429\",\"static/chunks/22429-69adeb18bda66f2d.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"63185\",\"static/chunks/app/layout-c29e892b2aebc046.js\"],\"GoogleTagManager\"]\n20:I[25575,[\"20921\",\"static/chunks/20921-7a96833f57c275e2.js\",\"99791\",\"static/chunks/99791-029fefa2b88e709e.js\",\"83785\",\"static/chunks/83785-230f48b890d5c9aa.js\",\"99485\",\"static/"])</script><script>self.__next_f.push([1,"chunks/99485-049f8877fe3fd326.js\",\"20750\",\"static/chunks/20750-a86c83808da2a59a.js\",\"53261\",\"static/chunks/53261-f5a2bb4c2cf1c00e.js\",\"12103\",\"static/chunks/12103-257c54f0017a6619.js\",\"75588\",\"static/chunks/75588-faf4b8cce7f62b7c.js\",\"72369\",\"static/chunks/72369-1e7864e9cf595161.js\",\"16470\",\"static/chunks/app/global-error-d77dd3563650f7c0.js\"],\"default\"]\nf:[\"slug\",\"draw-io\",\"d\"]\n1c:T449,\n !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console\u0026\u0026console.error\u0026\u0026console.error(\"Segment snippet included twice.\");else{analytics.invoked=!0;analytics.methods=[\"trackSubmit\",\"trackClick\",\"trackLink\",\"trackForm\",\"pageview\",\"identify\",\"reset\",\"group\",\"track\",\"ready\",\"alias\",\"debug\",\"page\",\"once\",\"off\",\"on\",\"addSourceMiddleware\",\"addIntegrationMiddleware\",\"setAnonymousId\",\"addDestinationMiddleware\"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e\u003canalytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement(\"script\");t.type=\"text/javascript\";t.defer=!0;t.src=\"https://segment-cdn.producthunt.com/\";var n=document.getElementsByTagName(\"script\")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey=\"dtyjquswuq\";analytics.SNIPPET_VERSION=\"4.15.2\";\n analytics.load(\"dtyjquswuq\");\n }}();\n21:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Lb\",null,{\"buildId\":\"Rv_rxG9i8KJv-HSGu9Ccg\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"products\",\"draw-io\",\"awards\"],\"initialTree\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"products\",{\"children\":[[\"slug\",\"draw-io\",\"d\"],{\"children\":[\"(layout)\",{\"children\":[\"awards\",{\"children\":[\"__PAGE__\",{}]}]}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"products\",{\"children\":[[\"slug\",\"draw-io\",\"d\"],{\"children\":[\"(layout)\",{\"children\":[\"awards\",{\"children\":[\"__PAGE__\",{},[[\"$Lc\",[\"$\",\"$Ld\",null,{\"data-sentry-element\":\"Client\",\"data-sentry-component\":\"Page\",\"data-sentry-source-file\":\"page.tsx\"}],null],null],null]},[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\",\"$f\",\"children\",\"(layout)\",\"children\",\"awards\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d31cd169126c5461.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8b472d8ca8da25a1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\",\"$f\",\"children\",\"(layout)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}],\"params\":{\"slug\":\"draw-io\"}}]],null],null]},[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\",\"$f\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"products\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4afdd19ce6c2ffda.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/45be9f74b83be42e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bf9552dc979224e1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/886a1217ff9fd009.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L13\",null,{\"code\":404,\"data-sentry-element\":\"SystemError\",\"data-sentry-component\":\"NotFoundPage\",\"data-sentry-source-file\":\"not-found.tsx\"}],\"notFoundStyles\":[]}],\"params\":{}}]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8f719edb11eed1a0.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d5e9c100ec07c291.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0bee508d3bad07c8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c99d6c2024146960.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-sentry-component\":\"RootLayout\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"property\":\"fb:app_id\",\"content\":\"1467820943460899\",\"data-sentry-element\":\"meta\",\"data-sentry-source-file\":\"layout.tsx\"}],[\"$\",\"link\",null,{\"rel\":\"search\",\"type\":\"application/opensearchdescription+xml\",\"title\":\"ProductHunt\",\"href\":\"/osd.xml\"}]]}],[\"$\",\"body\",null,{\"className\":\"theme-mirror bg-primary\",\"children\":[[\"$\",\"div\",null,{\"id\":\"root-container\",\"className\":\"light\",\"children\":[\"$\",\"$L14\",null,{\"data-sentry-element\":\"AppRouter\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[\"$\",\"$L15\",null,{\"userAgent\":\"$undefined\",\"data-sentry-element\":\"UserAgentProvider\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[\"$\",\"$L16\",null,{\"data-sentry-element\":\"NavigationProgressProvider\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[\"$\",\"$L17\",null,{\"ApolloWrapper\":\"$18\",\"serverSideRendered\":true,\"data-sentry-element\":\"ClientApp\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[\"$\",\"$L19\",null,{\"data-sentry-element\":\"ErrorBoundary\",\"data-sentry-source-file\":\"layout.tsx\",\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]}]}]}],[\"$\",\"div\",null,{\"id\":\"root-portal\"}],[[\"$\",\"$L1a\",null,{}],[\"$\",\"$L1b\",null,{\"id\":\"segment\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1c\"},\"data-sentry-element\":\"Script\",\"data-sentry-source-file\":\"layout.tsx\"}],false,[[\"$\",\"$L1d\",null,{\"gaId\":\"G-WZ46833KH9\"}],[\"$\",\"$L1e\",null,{\"gtmId\":\"G-WZ46833KH9\"}]]],false]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L1f\"],\"globalErrorComponent\":\"$20\",\"missingSlots\":\"$W21\"}]\n"])</script><script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, minimum-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\" Draw.io Awards 2025 | Product Hunt\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"See all awards and badges for Draw.io on Product Hunt.\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"6\",{\"name\":\"fb:app_id\",\"content\":\"1467820943460899\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://www.producthunt.com/products/draw-io/awards\"}],[\"$\",\"link\",\"8\",{\"rel\":\"alternate\",\"type\":\"application/atom+xml\",\"title\":\"Product Hunt - All newest Products\",\"href\":\"https://www.producthunt.com/feed\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:title\",\"content\":\" Draw.io Awards 2025 | Product Hunt\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:description\",\"content\":\"See all awards and badges for Draw.io on Product Hunt.\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:url\",\"content\":\"https://www.producthunt.com/products/draw-io/awards\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:site_name\",\"content\":\"Product Hunt\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:site\",\"content\":\"@producthunt\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:creator\",\"content\":\"@producthunt\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:title\",\"content\":\" Draw.io Awards 2025 | Product Hunt\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:description\",\"content\":\"See all awards and badges for Draw.io on Product Hunt.\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image\",\"content\":\"https://ph-files.imgix.net/f3071879-3b87-48a9-bd93-cba24e161c19.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format\"}],[\"$\",\"link\",\"23\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"https://ph-static.imgix.net/ph-ios-icon.png?auto=format\"}],[\"$\",\"link\",\"24\",{\"rel\":\"chrome-webstore-item\",\"href\":\"https://producthunt.app.link/extension\"}]]\n"])</script><script>self.__next_f.push([1,"c:null\n"])</script><script>(window[Symbol.for("ApolloSSRDataTransport")] ??= []).push({"rehydrate":{":R17rpmfnnkptpkq:":{"data":{"product":{"__typename":"Product","id":"310514","slug":"draw-io","postsCount":2,"badges":{"__typename":"Connection","totalCount":1,"edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"318","date":"2013-12-15","post":{"__typename":"Post","id":"261","name":"Draw.io","slug":"draw-io"},"position":2,"period":"daily"}}],"pageInfo":{"__typename":"PageInfo","endCursor":"MQ","hasNextPage":false}}}},"networkStatus":7},":R17rpmfnnkptpkqH1:":{"data":{"viewer":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R3b7rpmfnnkptpkq:":{"data":{"__typename":"Viewer","id":null,"email":null,"emailVerified":false,"isImpersonated":false,"analyticsIdentifyJson":{},"deviceType":"desktop","showCookiePolicy":false,"showCommentWarning":false,"showCaptcha":false,"showPhoneVerification":false,"isAdmin":false,"features":["ph_new_forum_threads_email","ph_visitors_online_register"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"4124cfd4-37ec-4252-ab86-3b7ceaf8abdd","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined}},"events":[{"type":"data","id":"4","result":{"data":{"product":{"__typename":"Product","id":"310514","slug":"draw-io","postsCount":2,"badges":{"__typename":"Connection","totalCount":1,"edges":[{"__typename":"BadgeEdge","node":{"__typename":"TopPostBadge","id":"318","date":"2013-12-15","post":{"__typename":"Post","id":"261","name":"Draw.io","slug":"draw-io"},"position":2,"period":"daily"}}],"pageInfo":{"__typename":"PageInfo","endCursor":"MQ","hasNextPage":false}}}}}},{"type":"complete","id":"4"}]})</script><div hidden id="S:0"><section class="grid grid-cols-2 items-center gap-4" data-sentry-component="Stats" data-sentry-source-file="index.tsx"><div class="flex flex-col items-center justify-center rounded-xl bg-gray-50 p-2" data-sentry-component="Stat" data-sentry-source-file="index.tsx"><h3 class="text-16 font-semibold text-gray-900">2</h3><h4 class="text-14 font-semibold text-gray-700">Launches</h4></div><div class="flex flex-col items-center justify-center rounded-xl bg-gray-50 p-2" data-sentry-component="Stat" data-sentry-source-file="index.tsx"><h3 class="text-16 font-semibold text-gray-900">1</h3><h4 class="text-14 font-semibold text-gray-700">Awards</h4></div></section><div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3" data-sentry-component="InfiniteScroll" data-sentry-source-file="index.tsx"><div class="flex flex-row items-center gap-4 rounded-xl bg-gray-50 p-4" data-sentry-component="Badge" data-sentry-source-file="index.tsx"><div><img loading="lazy" srcSet="https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1&amp;dpr=1 1x, https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1&amp;dpr=2 2x, https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1&amp;dpr=3 3x" src="https://ph-static.imgix.net/badges/dailybadge2.svg?auto=compress&amp;codec=mozjpeg&amp;cs=strip&amp;auto=format&amp;w=32&amp;h=35&amp;fit=max&amp;frame=1" style="width:32px;height:35px" alt="Draw.io was ranked #2 of the day for December 15th, 2013"/></div><div class="flex flex-col"><div class="text-16 font-semibold text-dark-gray !text-gray-900" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">Draw.io</div><div class="text-14 font-normal text-dark-gray !text-gray-700" data-sentry-element="Component" data-sentry-component="Text" data-sentry-source-file="index.tsx">December 15th, 2013</div></div></div></div></div><script>$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("B:0","S:0")</script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10