CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/><link rel="preload" as="image" imageSrcSet="https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max&dpr=3 3x"/><link rel="preload" as="image" href="/widgets/embed-image/v1/chart-votes.svg?post_id=599018"/><link rel="preload" as="image" href="/widgets/embed-image/v1/chart-comments.svg?post_id=599018"/><link rel="stylesheet" href="/_next/static/css/a72ac300b2b8aae3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1ea9739f23a3b69e.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8f6f840789d23ad8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/fa118094cc4cd9f8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c99d6c2024146960.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/639ca35bc51610d3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1571eeb1adaac6eb.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/da95359741fd339a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/52c78cbf7408e1af.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/6cc9c7cd07516c52.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/6a29de96c920f097.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/657f667ef8d3f7dc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4284c6d814dea4e8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0a0d922ec8281d19.css" as="style" data-precedence="dynamic"/><link rel="stylesheet" href="/_next/static/css/b0e0dd11aa1ac818.css" as="style" data-precedence="dynamic"/><link rel="stylesheet" href="/_next/static/css/006228bc07977ccd.css" as="style" data-precedence="dynamic"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-d2b397d461e59162.js"/><script src="/_next/static/chunks/fd9d1056-96a9c9a805849b31.js" async=""></script><script src="/_next/static/chunks/8523-44072685e11ad456.js" async=""></script><script src="/_next/static/chunks/main-app-c3ffcc96edcc8029.js" async=""></script><script src="/_next/static/chunks/53877-51c4a285eb192ef0.js" async=""></script><script src="/_next/static/chunks/46403-e33a58cdfbb894e8.js" async=""></script><script src="/_next/static/chunks/58056-751c28e77ae5a19a.js" async=""></script><script src="/_next/static/chunks/87138-0346ed4de56c8f41.js" async=""></script><script src="/_next/static/chunks/48191-5065c49d069bd01c.js" async=""></script><script src="/_next/static/chunks/14604-45e3a9aa74635210.js" async=""></script><script src="/_next/static/chunks/55579-59b56c16d22d5e09.js" async=""></script><script src="/_next/static/chunks/94531-936a58903208c445.js" async=""></script><script src="/_next/static/chunks/7851-391d4a68ffe47521.js" async=""></script><script src="/_next/static/chunks/28051-6c99bb1ef2e7af63.js" async=""></script><script src="/_next/static/chunks/23714-107263d1137b8b64.js" async=""></script><script src="/_next/static/chunks/55151-9f3a96035f27a91c.js" async=""></script><script src="/_next/static/chunks/31158-f57f0197bfdfc676.js" async=""></script><script src="/_next/static/chunks/86111-10b40af0fab64eb1.js" async=""></script><script src="/_next/static/chunks/50570-6a6ca0f37ede1d3b.js" async=""></script><script src="/_next/static/chunks/69558-1b9bff93d908a3d5.js" async=""></script><script src="/_next/static/chunks/63761-17f7fa9792e0fc0c.js" async=""></script><script src="/_next/static/chunks/95903-22bd3ff6f84beadc.js" async=""></script><script src="/_next/static/chunks/app/(main)/layout-d5b344c3d5112f09.js" async=""></script><script src="/_next/static/chunks/74468-913b2d3a1cd26fb3.js" async=""></script><script src="/_next/static/chunks/64417-22df6c507fdbe6ed.js" async=""></script><script src="/_next/static/chunks/app/(main)/not-found-97bc615d259bf592.js" async=""></script><script src="/_next/static/chunks/1997-8c211c482f7f1b80.js" async=""></script><script src="/_next/static/chunks/87620-cdf22e94cf823402.js" async=""></script><script src="/_next/static/chunks/17436-7d847d18b236a58e.js" async=""></script><script src="/_next/static/chunks/app/layout-f3770231938d0d2a.js" async=""></script><script src="/_next/static/chunks/app/(cards)/layout-8f806a8becc1daf9.js" async=""></script><script src="/_next/static/chunks/25058-f2b5f735f386b605.js" async=""></script><script src="/_next/static/chunks/app/global-error-62b3730fa3f51ebe.js" async=""></script><script src="/_next/static/chunks/18489-27cb2cd16662f495.js" async=""></script><script src="/_next/static/chunks/51980-2a97b7a962a7bd37.js" async=""></script><script src="/_next/static/chunks/17978-c92b6de32358f764.js" async=""></script><script src="/_next/static/chunks/52322-ce01c56847552351.js" async=""></script><script src="/_next/static/chunks/3244-575b5f10588366f8.js" async=""></script><script src="/_next/static/chunks/11546-533f49ed6abe1d54.js" async=""></script><script src="/_next/static/chunks/12651-23d2d0574f53271a.js" async=""></script><script src="/_next/static/chunks/app/(main)/posts/%5Bslug%5D/page-93046f4f3a116184.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"/><link rel="search" type="application/opensearchdescription+xml" title="ProductHunt" href="/osd.xml"/><meta name="theme-color" content="#ffffff"/><title> Locofy Pro - Build frontend 10x faster with design-to-code AI | Product Hunt</title><meta name="description" content="Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code."/><link rel="author" href="https://www.producthunt.com/@honeymittal"/><meta name="author" content="Honey Mittal"/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><meta name="fb:app_id" content="1467820943460899"/><link rel="alternate" type="application/atom+xml" title="Product Hunt - All newest Products" href="https://www.producthunt.com/feed"/><meta property="og:title" content=" Locofy Pro - Build frontend 10x faster with design-to-code AI | Product Hunt"/><meta property="og:description" content="Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code."/><meta property="og:url" content="https://www.producthunt.com/posts/locofy-pro"/><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/a18cede8-2cca-443e-b048-888994799e78.png?auto=format&fit=crop&frame=1&h=512&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="@honeymittal"/><meta name="twitter:title" content=" Locofy Pro - Build frontend 10x faster with design-to-code AI | Product Hunt"/><meta name="twitter:description" content="Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code."/><meta name="twitter:image" content="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format&fit=crop&frame=1&h=512&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 id="injection">window['__ENV__'] = {"NODE_ENV":"production"};</script><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"},":R5kq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2ccutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R9kcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rhkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2kcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2kcutkqH1:":{"data":undefined,"loading":true,"networkStatus":1,"called":true},":Rbkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rjkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rckcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rkkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rdkcutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rscutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rkutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":Rsutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R14utkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1kutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R2sutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R34utkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R3cutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1dkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R1tkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R3scutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R5scutkq:":{"data":{},"complete":false,"missing":"Dangling reference to missing Viewer object"},":R37rrqkutkq:":{"data":{"post":{"__typename":"Post","id":"599018","slug":"locofy-pro","name":"Locofy Pro","trashedAt":null,"launchState":"featured","isArchived":false,"embargoPreviewAt":null,"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","passedOnePost":true,"name":"Locofy.ai","postsCount":3,"reviewsCount":174,"reviewersCount":174,"reviewsRating":4.91,"isMaker":false,"reviewers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"4437390","username":"gauravgoyal_gg","name":"Gaurav Goyal","avatarUrl":"https://ph-avatars.imgix.net/4437390/90db8b69-d73d-4f86-a1ce-d3f9a9424fa7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1954774","username":"cryptolin","name":"Conrad Lin","avatarUrl":"https://ph-avatars.imgix.net/1954774/dc17427b-5c65-415f-ab92-3dc43f6e6db2.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"58010","username":"_nknj","name":"Nikunj Handa","avatarUrl":"https://ph-avatars.imgix.net/58010/original.jpeg"}}]},"canEdit":false,"followersCount":4126,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"105600","name":"Farooq (SF Ali) Zafar","username":"sfali789","avatarUrl":"https://ph-avatars.imgix.net/105600/1b2f2e5c-2281-4acb-9777-3870f97e90e8.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"18280","name":"Chris Messina","username":"chrismessina","avatarUrl":"https://ph-avatars.imgix.net/18280/f49f2882-55cd-4279-add0-7761638c8104.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"87963","name":"dturton","username":"dturton","avatarUrl":"https://ph-avatars.imgix.net/87963/92afbdd2-25e7-4876-b49f-dab62ba33728.jpeg"}}]},"viewerReview":null,"tagline":"Build frontend 10x faster with design-to-code AI","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"url":"https://www.producthunt.com/products/locofy-ai","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"44","slug":"design-tools","name":"Design Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}}]},"isSubscribed":false,"isMuted":false,"websiteUrl":"https://www.locofy.ai","websiteDomain":"locofy.ai","isClaimed":true,"canClaim":false,"isViewerTeamMember":null,"viewerPendingTeamRequest":null,"firstPost":{"__typename":"Post","id":"348606","createdAt":"2022-06-06T12:15:59-07:00"},"cleanUrl":"locofy.ai"},"targetedAd":null,"redirectToProduct":null,"tagline":"Build frontend 10x faster with design-to-code AI","dailyRank":"7","createdAt":"2024-11-18T00:01:00-08:00","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","pricingType":"payment_required","isMaker":false,"featuredAt":"2024-11-18T00:01:00-08:00","topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"267","slug":"developer-tools","name":"Developer Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"268","slug":"artificial-intelligence","name":"Artificial Intelligence"}}],"totalCount":3},"scheduledAt":"2024-11-18T00:01:00-08:00","canCreateUpcomingEvent":false,"canViewUpcomingEventCreateBtn":false,"isHunter":false,"upcomingEvent":{"__typename":"UpcomingEvent","id":"73217","canEdit":false},"moderationReason":null,"user":{"__typename":"User","id":"79","name":"Kevin William David","email":null,"username":"kevin","avatarUrl":"https://ph-avatars.imgix.net/79/892b0017-ec5b-4a37-aa6c-b32d62c82cae.jpeg"},"makers":[{"__typename":"User","id":"3480330","name":"Honey Mittal","email":null,"username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"},{"__typename":"User","id":"4330964","name":"Sohaib","email":null,"username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"},{"__typename":"User","id":"4416599","name":"Raymond Panganiban","email":null,"username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"},{"__typename":"User","id":"4416654","name":"Salman Ahmed","email":null,"username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"},{"__typename":"User","id":"4442393","name":"Tien Nguyen","email":null,"username":"viettienn","avatarUrl":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg"},{"__typename":"User","id":"4039711","name":"Anuvrat Rao","email":null,"username":"anuvrat_rao","avatarUrl":"https://ph-avatars.imgix.net/4039711/original.jpeg"},{"__typename":"User","id":"6562724","name":"Karan Shetti","email":null,"username":"karanshetti","avatarUrl":"https://ph-avatars.imgix.net/6562724/original.jpeg"},{"__typename":"User","id":"1570333","name":"Mark Lee","email":null,"username":"mark_lee5","avatarUrl":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg"},{"__typename":"User","id":"6557491","name":"Tobias Kromke","email":null,"username":"tkromke","avatarUrl":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg"},{"__typename":"User","id":"4500564","name":"Hung Nguyen","email":null,"username":"nvuhung","avatarUrl":"https://ph-avatars.imgix.net/4500564/original.jpeg"},{"__typename":"User","id":"283333","name":"Cuong Vu","email":null,"username":"vumanhcuongit","avatarUrl":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg"},{"__typename":"User","id":"6556944","name":"Nhật Tuấn Lê","email":null,"username":"lntuan99","avatarUrl":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg"},{"__typename":"User","id":"6651575","name":"Thai Lu","email":null,"username":"thai_lu","avatarUrl":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg"},{"__typename":"User","id":"6655553","name":"Do Duong","email":null,"username":"doduong97","avatarUrl":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg"}],"votesCount":201,"commentsCount":24,"weeklyRank":"35","canManage":false,"primaryLink":{"__typename":"ProductLink","id":"797691","url":"https://www.locofy.ai/"},"media":[{"__typename":"Media","id":"1843096","originalHeight":1520,"originalWidth":2540,"imageUuid":"a18cede8-2cca-443e-b048-888994799e78.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843095","originalHeight":1520,"originalWidth":2540,"imageUuid":"e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843094","originalHeight":1520,"originalWidth":2540,"imageUuid":"18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843093","originalHeight":1520,"originalWidth":2540,"imageUuid":"38582cfe-e400-4daa-bf5d-45ad970bcaaa.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843092","originalHeight":1520,"originalWidth":2540,"imageUuid":"237a1950-d47c-466d-88be-7aff0db32625.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843091","originalHeight":1520,"originalWidth":2540,"imageUuid":"cdca1398-3536-454d-8966-3b0ee41da670.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843090","originalHeight":1520,"originalWidth":2540,"imageUuid":"2d97d747-62be-4783-ab7c-867f970b07dd.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843089","originalHeight":1520,"originalWidth":2540,"imageUuid":"484fd400-a937-48dd-9a7d-d59cdd1221d1.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843088","originalHeight":1520,"originalWidth":2540,"imageUuid":"c51d9038-fcc3-4746-bf98-88b5ae51e217.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843087","originalHeight":1520,"originalWidth":2540,"imageUuid":"18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1846115","originalHeight":113,"originalWidth":200,"imageUuid":"9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg","mediaType":"video","metadata":{"__typename":"MediaMetadata","url":"https://youtu.be/0T-RFxNFCAs","videoId":"0T-RFxNFCAs","interactiveDemoId":null,"interactiveDemoType":null,"platform":"youtube"}}],"shoutouts":[{"__typename":"PostShoutout","id":"102354","to":{"__typename":"Product","id":"95968","name":"Mixpanel","logoUuid":"6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png","isNoLongerOnline":false,"tagline":"Event analytics everyone can use","path":"/products/mixpanel"},"note":"Mixpanel is fantastic for user analytics down to the tiniest detail. It enables anyone on our team to quickly get actionable insights from customer and revenue data."},{"__typename":"PostShoutout","id":"102353","to":{"__typename":"Product","id":"107288","name":"Slack","logoUuid":"2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg","isNoLongerOnline":false,"tagline":"Team communication and collaboration platform","path":"/products/slack"},"note":"As a remote team, Slack is our primary communication app. We use it not just for internal collaboration but also to stay connected with partners, vendors, and customers."},{"__typename":"PostShoutout","id":"102352","to":{"__typename":"Product","id":"109920","name":"Figma","logoUuid":"db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg","isNoLongerOnline":false,"tagline":"The collaborative interface design tool","path":"/products/figma"},"note":"Figma is an invaluable part of our design workflow and Locofy.ai would just not be possible without Figma's plugin system."}],"isSubscribed":false,"structuredData":{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2024-11-10T22:34:58.989-08:00","dateModified":"2024-11-23T04:11:26.578-08:00","image":"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format","screenshot":["https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format\u0026fit=crop"],"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Honey Mittal","image":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@honeymittal"},{"@type":"Person","name":"Sohaib","image":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@msohaib"},{"@type":"Person","name":"Raymond Panganiban","image":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@raymond_u_panganiban"},{"@type":"Person","name":"Salman Ahmed","image":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@salmanahmed521"},{"@type":"Person","name":"Tien Nguyen","image":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@viettienn"},{"@type":"Person","name":"Anuvrat Rao","image":"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@anuvrat_rao"},{"@type":"Person","name":"Karan Shetti","image":"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@karanshetti"},{"@type":"Person","name":"Mark Lee","image":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@mark_lee5"},{"@type":"Person","name":"Tobias Kromke","image":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@tkromke"},{"@type":"Person","name":"Hung Nguyen","image":"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@nvuhung"},{"@type":"Person","name":"Cuong Vu","image":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@vumanhcuongit"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@lntuan99"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@doduong97"}]},"meta":{"__typename":"MetaTags","canonicalUrl":"https://www.producthunt.com/posts/locofy-pro","creator":"@honeymittal","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","image":"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024","mobileAppUrl":"producthunt://post/599018","oembedUrl":"https://www.producthunt.com/posts/locofy-pro","robots":null,"title":"Locofy Pro - Build frontend 10x faster with design-to-code AI","type":"product","author":"Honey Mittal","authorUrl":"https://www.producthunt.com/@honeymittal"},"thumbnailImageUuid":"73ae6f6f-95a5-41a9-98d8-0477344518de.gif","productState":"default","updatedAt":"2024-11-23T04:11:26-08:00","disabledWhenScheduled":true,"hasVoted":false,"isAvailable":true,"links":[{"__typename":"ProductLink","id":"797691","redirectPath":"/r/PQ4HYBNQCCOICK","storeName":"Website","websiteName":"www.locofy.ai","devices":[]},{"__typename":"ProductLink","id":"797690","redirectPath":"/r/AYXYXIDRLWSK6I","storeName":"Figma","websiteName":"www.figma.com","devices":[]}],"badges":{"__typename":"Connection","edges":[]},"userId":"79","url":"https://www.producthunt.com/posts/locofy-pro","promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"moderation":null}},"networkStatus":7},":R1scutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R1scutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R7scutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rbscutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R37rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}},"networkStatus":7},":R37rrqkutkqH2:":{"data":{"post":{"__typename":"Post","id":"599018","slug":"locofy-pro","name":"Locofy Pro","trashedAt":null,"launchState":"featured","isArchived":false,"embargoPreviewAt":null,"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","passedOnePost":true,"name":"Locofy.ai","postsCount":3,"reviewsCount":174,"reviewersCount":174,"reviewsRating":4.91,"isMaker":false,"reviewers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"4437390","username":"gauravgoyal_gg","name":"Gaurav Goyal","avatarUrl":"https://ph-avatars.imgix.net/4437390/90db8b69-d73d-4f86-a1ce-d3f9a9424fa7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1954774","username":"cryptolin","name":"Conrad Lin","avatarUrl":"https://ph-avatars.imgix.net/1954774/dc17427b-5c65-415f-ab92-3dc43f6e6db2.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"58010","username":"_nknj","name":"Nikunj Handa","avatarUrl":"https://ph-avatars.imgix.net/58010/original.jpeg"}}]},"canEdit":false,"followersCount":4126,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"105600","name":"Farooq (SF Ali) Zafar","username":"sfali789","avatarUrl":"https://ph-avatars.imgix.net/105600/1b2f2e5c-2281-4acb-9777-3870f97e90e8.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"18280","name":"Chris Messina","username":"chrismessina","avatarUrl":"https://ph-avatars.imgix.net/18280/f49f2882-55cd-4279-add0-7761638c8104.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"87963","name":"dturton","username":"dturton","avatarUrl":"https://ph-avatars.imgix.net/87963/92afbdd2-25e7-4876-b49f-dab62ba33728.jpeg"}}]},"viewerReview":null,"tagline":"Build frontend 10x faster with design-to-code AI","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"url":"https://www.producthunt.com/products/locofy-ai","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"44","slug":"design-tools","name":"Design Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}}]},"isSubscribed":false,"isMuted":false,"websiteUrl":"https://www.locofy.ai","websiteDomain":"locofy.ai","isClaimed":true,"canClaim":false,"isViewerTeamMember":null,"viewerPendingTeamRequest":null,"firstPost":{"__typename":"Post","id":"348606","createdAt":"2022-06-06T12:15:59-07:00"},"cleanUrl":"locofy.ai"},"targetedAd":null,"redirectToProduct":null,"tagline":"Build frontend 10x faster with design-to-code AI","dailyRank":"7","createdAt":"2024-11-18T00:01:00-08:00","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","pricingType":"payment_required","isMaker":false,"featuredAt":"2024-11-18T00:01:00-08:00","topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"267","slug":"developer-tools","name":"Developer Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"268","slug":"artificial-intelligence","name":"Artificial Intelligence"}}],"totalCount":3},"scheduledAt":"2024-11-18T00:01:00-08:00","canCreateUpcomingEvent":false,"canViewUpcomingEventCreateBtn":false,"isHunter":false,"upcomingEvent":{"__typename":"UpcomingEvent","id":"73217","canEdit":false},"moderationReason":null,"user":{"__typename":"User","id":"79","name":"Kevin William David","email":null,"username":"kevin","avatarUrl":"https://ph-avatars.imgix.net/79/892b0017-ec5b-4a37-aa6c-b32d62c82cae.jpeg"},"makers":[{"__typename":"User","id":"3480330","name":"Honey Mittal","email":null,"username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"},{"__typename":"User","id":"4330964","name":"Sohaib","email":null,"username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"},{"__typename":"User","id":"4416599","name":"Raymond Panganiban","email":null,"username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"},{"__typename":"User","id":"4416654","name":"Salman Ahmed","email":null,"username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"},{"__typename":"User","id":"4442393","name":"Tien Nguyen","email":null,"username":"viettienn","avatarUrl":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg"},{"__typename":"User","id":"4039711","name":"Anuvrat Rao","email":null,"username":"anuvrat_rao","avatarUrl":"https://ph-avatars.imgix.net/4039711/original.jpeg"},{"__typename":"User","id":"6562724","name":"Karan Shetti","email":null,"username":"karanshetti","avatarUrl":"https://ph-avatars.imgix.net/6562724/original.jpeg"},{"__typename":"User","id":"1570333","name":"Mark Lee","email":null,"username":"mark_lee5","avatarUrl":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg"},{"__typename":"User","id":"6557491","name":"Tobias Kromke","email":null,"username":"tkromke","avatarUrl":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg"},{"__typename":"User","id":"4500564","name":"Hung Nguyen","email":null,"username":"nvuhung","avatarUrl":"https://ph-avatars.imgix.net/4500564/original.jpeg"},{"__typename":"User","id":"283333","name":"Cuong Vu","email":null,"username":"vumanhcuongit","avatarUrl":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg"},{"__typename":"User","id":"6556944","name":"Nhật Tuấn Lê","email":null,"username":"lntuan99","avatarUrl":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg"},{"__typename":"User","id":"6651575","name":"Thai Lu","email":null,"username":"thai_lu","avatarUrl":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg"},{"__typename":"User","id":"6655553","name":"Do Duong","email":null,"username":"doduong97","avatarUrl":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg"}],"votesCount":201,"commentsCount":24,"weeklyRank":"35","canManage":false,"primaryLink":{"__typename":"ProductLink","id":"797691","url":"https://www.locofy.ai/"},"media":[{"__typename":"Media","id":"1843096","originalHeight":1520,"originalWidth":2540,"imageUuid":"a18cede8-2cca-443e-b048-888994799e78.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843095","originalHeight":1520,"originalWidth":2540,"imageUuid":"e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843094","originalHeight":1520,"originalWidth":2540,"imageUuid":"18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843093","originalHeight":1520,"originalWidth":2540,"imageUuid":"38582cfe-e400-4daa-bf5d-45ad970bcaaa.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843092","originalHeight":1520,"originalWidth":2540,"imageUuid":"237a1950-d47c-466d-88be-7aff0db32625.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843091","originalHeight":1520,"originalWidth":2540,"imageUuid":"cdca1398-3536-454d-8966-3b0ee41da670.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843090","originalHeight":1520,"originalWidth":2540,"imageUuid":"2d97d747-62be-4783-ab7c-867f970b07dd.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843089","originalHeight":1520,"originalWidth":2540,"imageUuid":"484fd400-a937-48dd-9a7d-d59cdd1221d1.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843088","originalHeight":1520,"originalWidth":2540,"imageUuid":"c51d9038-fcc3-4746-bf98-88b5ae51e217.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843087","originalHeight":1520,"originalWidth":2540,"imageUuid":"18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1846115","originalHeight":113,"originalWidth":200,"imageUuid":"9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg","mediaType":"video","metadata":{"__typename":"MediaMetadata","url":"https://youtu.be/0T-RFxNFCAs","videoId":"0T-RFxNFCAs","interactiveDemoId":null,"interactiveDemoType":null,"platform":"youtube"}}],"shoutouts":[{"__typename":"PostShoutout","id":"102354","to":{"__typename":"Product","id":"95968","name":"Mixpanel","logoUuid":"6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png","isNoLongerOnline":false,"tagline":"Event analytics everyone can use","path":"/products/mixpanel"},"note":"Mixpanel is fantastic for user analytics down to the tiniest detail. It enables anyone on our team to quickly get actionable insights from customer and revenue data."},{"__typename":"PostShoutout","id":"102353","to":{"__typename":"Product","id":"107288","name":"Slack","logoUuid":"2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg","isNoLongerOnline":false,"tagline":"Team communication and collaboration platform","path":"/products/slack"},"note":"As a remote team, Slack is our primary communication app. We use it not just for internal collaboration but also to stay connected with partners, vendors, and customers."},{"__typename":"PostShoutout","id":"102352","to":{"__typename":"Product","id":"109920","name":"Figma","logoUuid":"db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg","isNoLongerOnline":false,"tagline":"The collaborative interface design tool","path":"/products/figma"},"note":"Figma is an invaluable part of our design workflow and Locofy.ai would just not be possible without Figma's plugin system."}],"isSubscribed":false,"structuredData":{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2024-11-10T22:34:58.989-08:00","dateModified":"2024-11-23T04:11:26.578-08:00","image":"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format","screenshot":["https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format\u0026fit=crop"],"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Honey Mittal","image":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@honeymittal"},{"@type":"Person","name":"Sohaib","image":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@msohaib"},{"@type":"Person","name":"Raymond Panganiban","image":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@raymond_u_panganiban"},{"@type":"Person","name":"Salman Ahmed","image":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@salmanahmed521"},{"@type":"Person","name":"Tien Nguyen","image":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@viettienn"},{"@type":"Person","name":"Anuvrat Rao","image":"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@anuvrat_rao"},{"@type":"Person","name":"Karan Shetti","image":"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@karanshetti"},{"@type":"Person","name":"Mark Lee","image":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@mark_lee5"},{"@type":"Person","name":"Tobias Kromke","image":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@tkromke"},{"@type":"Person","name":"Hung Nguyen","image":"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@nvuhung"},{"@type":"Person","name":"Cuong Vu","image":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@vumanhcuongit"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@lntuan99"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@doduong97"}]},"meta":{"__typename":"MetaTags","canonicalUrl":"https://www.producthunt.com/posts/locofy-pro","creator":"@honeymittal","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","image":"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024","mobileAppUrl":"producthunt://post/599018","oembedUrl":"https://www.producthunt.com/posts/locofy-pro","robots":null,"title":"Locofy Pro - Build frontend 10x faster with design-to-code AI","type":"product","author":"Honey Mittal","authorUrl":"https://www.producthunt.com/@honeymittal"},"thumbnailImageUuid":"73ae6f6f-95a5-41a9-98d8-0477344518de.gif","productState":"default","updatedAt":"2024-11-23T04:11:26-08:00","disabledWhenScheduled":true,"hasVoted":false,"isAvailable":true,"links":[{"__typename":"ProductLink","id":"797691","redirectPath":"/r/PQ4HYBNQCCOICK","storeName":"Website","websiteName":"www.locofy.ai","devices":[]},{"__typename":"ProductLink","id":"797690","redirectPath":"/r/AYXYXIDRLWSK6I","storeName":"Figma","websiteName":"www.figma.com","devices":[]}],"badges":{"__typename":"Connection","edges":[]},"userId":"79","url":"https://www.producthunt.com/posts/locofy-pro","promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"moderation":null}},"loading":false,"networkStatus":7,"called":true},":Rb7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rd67r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rd67r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rl67r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rl67r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1l67r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1l67r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rko7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R8o7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2oo7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R2oo7r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R5po7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R5po7r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rdpo7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rdpo7r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rlpo7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rlpo7r7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R7to7r7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R1fr7rrqkutkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true},":R19jr7rrqkutkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true},":Rbmajr7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Raajr7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Raajr7rrqkutkqH1:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rn2ejr7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":Rcrejr7rrqkutkq:":{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}},"complete":true,"missing":undefined},":R3jr7rrqkutkq:":{"data":undefined,"loading":true,"networkStatus":1,"called":true}},"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 ...LaunchTipsFragment}intercomUserHash ifVisitedFromMobile newsletterSettings{hasNewsletterSubscription}}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"2"},{"type":"started","options":{"variables":{"slug":"locofy-pro","badgeTypes":["TopPostBadge","TopPostTopicBadge","GoldenKittyAwardBadge"]},"skip":false,"fetchPolicy":"cache-first","query":"query PostPage($slug:String!$badgeTypes:[BadgesTypeEnum!]){post(slug:$slug){id slug name trashedAt launchState isArchived embargoPreviewAt product{id slug passedOnePost ...ProductPageReviewSummaryFragment ...ReviewCardFragment ...ProductLayoutFirstLaunchFragment}targetedAd(kind:\"sidebar\"){id ...AdFragment}redirectToProduct{id slug}...PostPageHeaderFragment ...PostPageDescriptionFragment ...PostPageScheduledNoticeFragment ...PostPageLaunchDayNoticeFragment ...PostPageModerationReasonFragment ...PostPageModerationToolsFragment ...PostPageBreadcrumbFragment ...PostPageAboutFragment ...PostPageGalleryFragment ...PostPageBannerFragment ...PostShoutoutsFragment ...PostPageAdminBarFragment ...EmbargoedPostCountdownFragment ...EmbargoedPostItemNotifyButtonFragment ...StructuredDataFromPost ...MetaTags}}fragment UserImage on User{id name username avatarUrl}fragment ProductPageAboutReviewSummatyUserLinkFragment on User{id username name ...UserImage}fragment ProductThumbnailFragment on Product{id name logoUuid isNoLongerOnline}fragment FacebookShareButtonFragment on Shareable{id url}fragment ReviewCTASharePromptFragment on Product{id name tagline slug ...ProductThumbnailFragment ...FacebookShareButtonFragment}fragment ReviewCTAPromptFragment on Product{id isMaker viewerReview{id}...ReviewCTASharePromptFragment}fragment MetaTags on SEOInterface{id meta{canonicalUrl creator description image mobileAppUrl oembedUrl robots title type author authorUrl}}fragment UpcomingEventFollowButtonFragment on UpcomingEvent{id isSubscribed truncatedDescription product{id isSubscribed followersCount}}fragment UserCircleListFragment on User{id ...UserImage}fragment PostVoteButtonFragment on Post{id featuredAt updatedAt createdAt embargoPreviewAt product{id isSubscribed}disabledWhenScheduled hasVoted ...on Votable{id votesCount}}fragment HomefeedItemPostItemCommentsButtonFragment on Post{id slug commentsCount}fragment HomefeedItemPostItemVoteButtonFragment on Post{id hideVotesCount ...on Votable{id hasVoted votesCount}}fragment HomefeedItemPostItemTopicTagsFragment on Post{id topics(first:3){edges{node{id slug name}}}}fragment PostStatusIconFragment on Post{id productState}fragment PostThumbnailFragment on Post{id name thumbnailImageUuid ...PostStatusIconFragment}fragment PostPageGetItButtonFragment on Post{id isAvailable productState links{id redirectPath storeName websiteName devices}}fragment ProductTopPostBadgeFragment on TopPostBadge{id post{id name}position period date}fragment ProductGoldenKittyBadgeFragment on GoldenKittyAwardBadge{id year position category post{id name}}fragment ProductTopPostTopicBadgeFragment on TopPostTopicBadge{id}fragment ProductBadgeFragment on Badge{...on TopPostBadge{id ...ProductTopPostBadgeFragment}...on GoldenKittyAwardBadge{id ...ProductGoldenKittyBadgeFragment}...on TopPostTopicBadge{id ...ProductTopPostTopicBadgeFragment}}fragment PostHeaderBadgesFragment on Post{id badges(first:3 types:$badgeTypes){edges{node{...ProductBadgeFragment}}}}fragment PostPageActionsFragment on Post{id slug userId canManage}fragment ShareModalSubjectFragment on Shareable{id url ...FacebookShareButtonFragment}fragment PostPromoCodeFragment on Post{id promo{text code}}fragment ProductFollowButtonFragment on Product{id followersCount isSubscribed}fragment ProductMuteButtonFragment on Product{id isMuted}fragment ReviewStarRatingCTAFragment on Product{id slug name isMaker reviewsRating}fragment ProductItemFragment on Product{id slug name tagline followersCount reviewsCount topics(first:2){edges{node{id slug name}}}...ProductFollowButtonFragment ...ProductThumbnailFragment ...ProductMuteButtonFragment ...FacebookShareButtonFragment ...ReviewStarRatingCTAFragment}fragment CollectionAddButtonFragment on Product{id name description ...ProductItemFragment}fragment TeamRequestCTAFragment on Product{id slug name websiteUrl websiteDomain isClaimed canEdit canClaim isViewerTeamMember viewerPendingTeamRequest{id}}fragment ModerationChangeProductFormProductFragment on Product{id name slug tagline cleanUrl websiteUrl ...ProductThumbnailFragment}fragment ModerationChangeProductFormPostFragment on Post{id name primaryLink{id url}product{id ...ModerationChangeProductFormProductFragment}}fragment ModerationMessageFragment on ModerationMessage{id body createdAt user{id name}}fragment ModerationMessagesFragment on Post{id moderation{id messages{edges{node{id ...ModerationMessageFragment}}totalCount}}}fragment ModerationLogFragment on ModerationLog{id message reason moderator{id name}createdAt}fragment ModerationLogsFragment on Post{id moderation{id logs{edges{node{id ...ModerationLogFragment}}}}}fragment PostShoutoutFragment on PostShoutout{id to{id ...ProductThumbnailFragment}}fragment ShoutoutNoteFragment on PostShoutout{id note}fragment PostShoutoutListFragment on PostShoutout{id to{id name tagline path ...ProductThumbnailFragment}...ShoutoutNoteFragment}fragment ProductPageReviewSummaryFragment on Product{id name slug postsCount reviewsCount reviewersCount reviewsRating isMaker reviewers(first:3){edges{node{id username name ...UserImage ...ProductPageAboutReviewSummatyUserLinkFragment}}}...ReviewCTAPromptFragment}fragment ReviewCardFragment on Product{id name isMaker ...ReviewCTAPromptFragment}fragment ProductLayoutFirstLaunchFragment 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}}}}fragment AdFragment on Ad{id subject post{id slug featuredComment{id body:bodyText user{id ...UserImage}}name updatedAt commentsCount topics(first:3){edges{node{id slug name}}}...PostVoteButtonFragment ...HomefeedItemPostItemCommentsButtonFragment ...HomefeedItemPostItemVoteButtonFragment ...HomefeedItemPostItemTopicTagsFragment}name tagline thumbnailUuid largeAssetUuid smallAssetUuid url variationId}fragment PostPageHeaderFragment on Post{id name tagline(respectEmbargo:true)dailyRank createdAt ...PostThumbnailFragment ...PostStatusIconFragment ...PostVoteButtonFragment ...PostPageGetItButtonFragment ...PostHeaderBadgesFragment ...PostPageActionsFragment}fragment PostPageDescriptionFragment on Post{id slug tagline(respectEmbargo:true)description pricingType isArchived createdAt isMaker featuredAt ...ShareModalSubjectFragment ...PostThumbnailFragment ...PostPromoCodeFragment product{id slug name tagline logoUuid ...CollectionAddButtonFragment}topics(first:3){edges{node{id slug name}}totalCount}}fragment PostPageScheduledNoticeFragment on Post{id slug name createdAt scheduledAt canCreateUpcomingEvent canViewUpcomingEventCreateBtn isMaker isHunter upcomingEvent{id canEdit}product{id name slug canEdit ...TeamRequestCTAFragment}}fragment PostPageLaunchDayNoticeFragment on Post{id slug createdAt isMaker isHunter product{id slug}}fragment PostPageModerationReasonFragment on Post{id moderationReason{reason moderator{id name headline username}}}fragment PostPageModerationToolsFragment on Post{id name slug featuredAt createdAt user{id name email}product{id}makers{id name email}...ModerationChangeProductFormPostFragment ...ModerationMessagesFragment ...ModerationLogsFragment}fragment PostPageBreadcrumbFragment on Post{id slug name product{id slug}}fragment PostPageAboutFragment on Post{id name slug votesCount commentsCount dailyRank weeklyRank createdAt featuredAt canManage product{id name slug tagline reviewersCount reviewsCount followersCount firstPost{id createdAt}...ProductThumbnailFragment ...ProductFollowButtonFragment ...ReviewStarRatingCTAFragment}user{id name username ...UserImage}makers{id name username ...UserImage}topics(first:3){edges{node{id name slug}}}}fragment PostPageGalleryFragment on Post{id name primaryLink{id url}media{id originalHeight originalWidth imageUuid mediaType metadata{url videoId interactiveDemoId interactiveDemoType platform}}}fragment PostPageBannerFragment on Post{id isArchived featuredAt createdAt product{id slug name postsCount}}fragment PostShoutoutsFragment on Post{id shoutouts{id ...PostShoutoutFragment ...PostShoutoutListFragment}}fragment PostPageAdminBarFragment on Post{id slug launchState}fragment EmbargoedPostCountdownFragment on Post{id featuredAt scheduledAt createdAt}fragment EmbargoedPostItemNotifyButtonFragment on Post{id isSubscribed}fragment StructuredDataFromPost on Post{id structuredData}","notifyOnNetworkStatusChange":false,"nextFetchPolicy":undefined},"id":"3"},{"type":"data","id":"3","result":{"data":{"post":{"__typename":"Post","id":"599018","slug":"locofy-pro","name":"Locofy Pro","trashedAt":null,"launchState":"featured","isArchived":false,"embargoPreviewAt":null,"product":{"__typename":"Product","id":"483584","slug":"locofy-ai","passedOnePost":true,"name":"Locofy.ai","postsCount":3,"reviewsCount":174,"reviewersCount":174,"reviewsRating":4.91,"isMaker":false,"reviewers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"4437390","username":"gauravgoyal_gg","name":"Gaurav Goyal","avatarUrl":"https://ph-avatars.imgix.net/4437390/90db8b69-d73d-4f86-a1ce-d3f9a9424fa7.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"1954774","username":"cryptolin","name":"Conrad Lin","avatarUrl":"https://ph-avatars.imgix.net/1954774/dc17427b-5c65-415f-ab92-3dc43f6e6db2.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"58010","username":"_nknj","name":"Nikunj Handa","avatarUrl":"https://ph-avatars.imgix.net/58010/original.jpeg"}}]},"canEdit":false,"followersCount":4126,"activeUpcomingEvent":null,"upcomingBannerFollowers":{"__typename":"UserConnection","edges":[{"__typename":"UserEdge","node":{"__typename":"User","id":"105600","name":"Farooq (SF Ali) Zafar","username":"sfali789","avatarUrl":"https://ph-avatars.imgix.net/105600/1b2f2e5c-2281-4acb-9777-3870f97e90e8.jpeg"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"18280","name":"Chris Messina","username":"chrismessina","avatarUrl":"https://ph-avatars.imgix.net/18280/f49f2882-55cd-4279-add0-7761638c8104.png"}},{"__typename":"UserEdge","node":{"__typename":"User","id":"87963","name":"dturton","username":"dturton","avatarUrl":"https://ph-avatars.imgix.net/87963/92afbdd2-25e7-4876-b49f-dab62ba33728.jpeg"}}]},"viewerReview":null,"tagline":"Build frontend 10x faster with design-to-code AI","logoUuid":"91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif","isNoLongerOnline":false,"url":"https://www.producthunt.com/products/locofy-ai","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"44","slug":"design-tools","name":"Design Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}}]},"isSubscribed":false,"isMuted":false,"websiteUrl":"https://www.locofy.ai","websiteDomain":"locofy.ai","isClaimed":true,"canClaim":false,"isViewerTeamMember":null,"viewerPendingTeamRequest":null,"firstPost":{"__typename":"Post","id":"348606","createdAt":"2022-06-06T12:15:59-07:00"},"cleanUrl":"locofy.ai"},"targetedAd":null,"redirectToProduct":null,"tagline":"Build frontend 10x faster with design-to-code AI","dailyRank":"7","createdAt":"2024-11-18T00:01:00-08:00","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","pricingType":"payment_required","isMaker":false,"featuredAt":"2024-11-18T00:01:00-08:00","topics":{"__typename":"TopicConnection","edges":[{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"247","slug":"software-engineering","name":"Software Engineering"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"267","slug":"developer-tools","name":"Developer Tools"}},{"__typename":"TopicEdge","node":{"__typename":"Topic","id":"268","slug":"artificial-intelligence","name":"Artificial Intelligence"}}],"totalCount":3},"scheduledAt":"2024-11-18T00:01:00-08:00","canCreateUpcomingEvent":false,"canViewUpcomingEventCreateBtn":false,"isHunter":false,"upcomingEvent":{"__typename":"UpcomingEvent","id":"73217","canEdit":false},"moderationReason":null,"user":{"__typename":"User","id":"79","name":"Kevin William David","email":null,"username":"kevin","avatarUrl":"https://ph-avatars.imgix.net/79/892b0017-ec5b-4a37-aa6c-b32d62c82cae.jpeg"},"makers":[{"__typename":"User","id":"3480330","name":"Honey Mittal","email":null,"username":"honeymittal","avatarUrl":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png"},{"__typename":"User","id":"4330964","name":"Sohaib","email":null,"username":"msohaib","avatarUrl":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png"},{"__typename":"User","id":"4416599","name":"Raymond Panganiban","email":null,"username":"raymond_u_panganiban","avatarUrl":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png"},{"__typename":"User","id":"4416654","name":"Salman Ahmed","email":null,"username":"salmanahmed521","avatarUrl":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg"},{"__typename":"User","id":"4442393","name":"Tien Nguyen","email":null,"username":"viettienn","avatarUrl":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg"},{"__typename":"User","id":"4039711","name":"Anuvrat Rao","email":null,"username":"anuvrat_rao","avatarUrl":"https://ph-avatars.imgix.net/4039711/original.jpeg"},{"__typename":"User","id":"6562724","name":"Karan Shetti","email":null,"username":"karanshetti","avatarUrl":"https://ph-avatars.imgix.net/6562724/original.jpeg"},{"__typename":"User","id":"1570333","name":"Mark Lee","email":null,"username":"mark_lee5","avatarUrl":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg"},{"__typename":"User","id":"6557491","name":"Tobias Kromke","email":null,"username":"tkromke","avatarUrl":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg"},{"__typename":"User","id":"4500564","name":"Hung Nguyen","email":null,"username":"nvuhung","avatarUrl":"https://ph-avatars.imgix.net/4500564/original.jpeg"},{"__typename":"User","id":"283333","name":"Cuong Vu","email":null,"username":"vumanhcuongit","avatarUrl":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg"},{"__typename":"User","id":"6556944","name":"Nhật Tuấn Lê","email":null,"username":"lntuan99","avatarUrl":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg"},{"__typename":"User","id":"6651575","name":"Thai Lu","email":null,"username":"thai_lu","avatarUrl":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg"},{"__typename":"User","id":"6655553","name":"Do Duong","email":null,"username":"doduong97","avatarUrl":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg"}],"votesCount":201,"commentsCount":24,"weeklyRank":"35","canManage":false,"primaryLink":{"__typename":"ProductLink","id":"797691","url":"https://www.locofy.ai/"},"media":[{"__typename":"Media","id":"1843096","originalHeight":1520,"originalWidth":2540,"imageUuid":"a18cede8-2cca-443e-b048-888994799e78.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843095","originalHeight":1520,"originalWidth":2540,"imageUuid":"e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843094","originalHeight":1520,"originalWidth":2540,"imageUuid":"18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843093","originalHeight":1520,"originalWidth":2540,"imageUuid":"38582cfe-e400-4daa-bf5d-45ad970bcaaa.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843092","originalHeight":1520,"originalWidth":2540,"imageUuid":"237a1950-d47c-466d-88be-7aff0db32625.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843091","originalHeight":1520,"originalWidth":2540,"imageUuid":"cdca1398-3536-454d-8966-3b0ee41da670.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843090","originalHeight":1520,"originalWidth":2540,"imageUuid":"2d97d747-62be-4783-ab7c-867f970b07dd.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843089","originalHeight":1520,"originalWidth":2540,"imageUuid":"484fd400-a937-48dd-9a7d-d59cdd1221d1.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843088","originalHeight":1520,"originalWidth":2540,"imageUuid":"c51d9038-fcc3-4746-bf98-88b5ae51e217.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1843087","originalHeight":1520,"originalWidth":2540,"imageUuid":"18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png","mediaType":"image","metadata":{"__typename":"MediaMetadata","url":null,"videoId":null,"interactiveDemoId":null,"interactiveDemoType":null,"platform":null}},{"__typename":"Media","id":"1846115","originalHeight":113,"originalWidth":200,"imageUuid":"9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg","mediaType":"video","metadata":{"__typename":"MediaMetadata","url":"https://youtu.be/0T-RFxNFCAs","videoId":"0T-RFxNFCAs","interactiveDemoId":null,"interactiveDemoType":null,"platform":"youtube"}}],"shoutouts":[{"__typename":"PostShoutout","id":"102354","to":{"__typename":"Product","id":"95968","name":"Mixpanel","logoUuid":"6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png","isNoLongerOnline":false,"tagline":"Event analytics everyone can use","path":"/products/mixpanel"},"note":"Mixpanel is fantastic for user analytics down to the tiniest detail. It enables anyone on our team to quickly get actionable insights from customer and revenue data."},{"__typename":"PostShoutout","id":"102353","to":{"__typename":"Product","id":"107288","name":"Slack","logoUuid":"2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg","isNoLongerOnline":false,"tagline":"Team communication and collaboration platform","path":"/products/slack"},"note":"As a remote team, Slack is our primary communication app. We use it not just for internal collaboration but also to stay connected with partners, vendors, and customers."},{"__typename":"PostShoutout","id":"102352","to":{"__typename":"Product","id":"109920","name":"Figma","logoUuid":"db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg","isNoLongerOnline":false,"tagline":"The collaborative interface design tool","path":"/products/figma"},"note":"Figma is an invaluable part of our design workflow and Locofy.ai would just not be possible without Figma's plugin system."}],"isSubscribed":false,"structuredData":{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2024-11-10T22:34:58.989-08:00","dateModified":"2024-11-23T04:11:26.578-08:00","image":"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format","screenshot":["https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format\u0026fit=crop","https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format\u0026fit=crop"],"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Honey Mittal","image":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@honeymittal"},{"@type":"Person","name":"Sohaib","image":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@msohaib"},{"@type":"Person","name":"Raymond Panganiban","image":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@raymond_u_panganiban"},{"@type":"Person","name":"Salman Ahmed","image":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@salmanahmed521"},{"@type":"Person","name":"Tien Nguyen","image":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@viettienn"},{"@type":"Person","name":"Anuvrat Rao","image":"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@anuvrat_rao"},{"@type":"Person","name":"Karan Shetti","image":"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@karanshetti"},{"@type":"Person","name":"Mark Lee","image":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@mark_lee5"},{"@type":"Person","name":"Tobias Kromke","image":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@tkromke"},{"@type":"Person","name":"Hung Nguyen","image":"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@nvuhung"},{"@type":"Person","name":"Cuong Vu","image":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@vumanhcuongit"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@lntuan99"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100","url":"https://www.producthunt.com/@doduong97"}]},"meta":{"__typename":"MetaTags","canonicalUrl":"https://www.producthunt.com/posts/locofy-pro","creator":"@honeymittal","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","image":"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024","mobileAppUrl":"producthunt://post/599018","oembedUrl":"https://www.producthunt.com/posts/locofy-pro","robots":null,"title":"Locofy Pro - Build frontend 10x faster with design-to-code AI","type":"product","author":"Honey Mittal","authorUrl":"https://www.producthunt.com/@honeymittal"},"thumbnailImageUuid":"73ae6f6f-95a5-41a9-98d8-0477344518de.gif","productState":"default","updatedAt":"2024-11-23T04:11:26-08:00","disabledWhenScheduled":true,"hasVoted":false,"isAvailable":true,"links":[{"__typename":"ProductLink","id":"797691","redirectPath":"/r/PQ4HYBNQCCOICK","storeName":"Website","websiteName":"www.locofy.ai","devices":[]},{"__typename":"ProductLink","id":"797690","redirectPath":"/r/AYXYXIDRLWSK6I","storeName":"Figma","websiteName":"www.figma.com","devices":[]}],"badges":{"__typename":"Connection","edges":[]},"userId":"79","url":"https://www.producthunt.com/posts/locofy-pro","promo":{"__typename":"PostPromo","text":"20% off any annual plan","code":"MEOW20"},"moderation":null}}}},{"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_top_product_badge","ph_hub_top_badges","ph_phone_verification","ph_unfurl_unfeatured_posts","ph_verify_usa_phone_number","ph_verify_with_targeted_friction","ph_score_events_enabled","ph_mega_ads"],"notificationFeedItemsUnreadCount":0,"flashAlert":null,"notice":null,"otpRequiredFrom":null,"user":null,"abTestActiveParticipations":[],"visitStreak":{"__typename":"VisitStreak","id":"bd066876-ab09-4402-a5c5-b72e9bbfc770","emoji":null,"duration":1},"recentLaunch":null,"intercomUserHash":null,"ifVisitedFromMobile":false,"newsletterSettings":{"__typename":"ViewerNewsletterSettings","hasNewsletterSubscription":false}}}}},{"type":"complete","id":"2"}]})</script></head><body><div id="root-container"><header class="w-full bg-white sticky top-0 z-20 border-b-[0.5px] border-light-sky"><div class="grid grid-cols-[1fr_2fr_1fr] items-center bg-white px-6 sm:grid-cols-[auto_1fr_auto] max-h-[64px] min-h-[64px]"><div class="flex flex-row items-center gap-6 md:gap-8"><a aria-label="Product Hunt Logo" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" class="size-8"><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"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" class="absolute left-4 top-2 size-4"><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 data-hj-allow="true" data-test="header-search-input" autoComplete="off" class="input box-border w-full min-w-[164px] max-w-full appearance-none rounded-full border-0 border-white px-10 pl-[40px] text-light-gray focus:outline-none sm:w-full sm:max-w-[216px] sm:text-base h-8 bg-indigo-25" 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"><a class="cursor-pointer text-16 text-light-gray" href="/leaderboard/daily/2024/11/23?ref=header_nav">Launches</a><div class="styles_dropdown__6p8ZV hidden group-hover:block group-hover:translate-y-0 group-hover:opacity-100 styles_left__zme_r"><div class="bg-white styles_shadow__RlOHG"><div class="z-100 px-4 py-2"><a href="/coming-soon?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Coming soon</div><div class="text-12 font-normal text-light-gray">Upcoming launches to watch</div></div></div></a><a href="/leaderboard/daily/2024/11/23?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Launch archive</div><div class="text-12 font-normal text-light-gray">Most-loved launches by the community</div></div></div></a><a href="/launch?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Launch Guide</div><div class="text-12 font-normal text-light-gray">Checklists and pro tips for launching</div></div></div></a></div></div></div></li><li class="group relative"><a class="text-16 group-hover:text-brand-500 text-light-gray" href="/categories?ref=header_nav">Products</a></li><li class="group relative list-none" data-test="header-nav-link-news"><a class="cursor-pointer text-16 text-light-gray" href="/newsletters?ref=header_nav">News</a><div class="styles_dropdown__6p8ZV hidden group-hover:block group-hover:translate-y-0 group-hover:opacity-100 styles_left__zme_r"><div class="bg-white styles_shadow__RlOHG"><div class="z-100 px-4 py-2"><a href="/newsletters?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Newsletter</div><div class="text-12 font-normal text-light-gray">The best of Product Hunt, every day</div></div></div></a><a href="/stories?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Stories</div><div class="text-12 font-normal text-light-gray">Tech news, interviews, and tips from makers</div></div></div></a><a href="/changes?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Changelog</div><div class="text-12 font-normal text-light-gray">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-community"><a class="cursor-pointer text-16 text-light-gray" href="/discussions?ref=header_nav">Community</a><div class="styles_dropdown__6p8ZV hidden group-hover:block group-hover:translate-y-0 group-hover:opacity-100 styles_left__zme_r"><div class="bg-white styles_shadow__RlOHG"><div class="z-100 px-4 py-2"><a href="/discussions?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Discussions</div><div class="text-12 font-normal text-light-gray">Ask questions, find support, and connect</div></div></div></a><a href="/visit-streaks?ref=header_nav"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Streaks</div><div class="text-12 font-normal text-light-gray">The most active community members</div></div></div></a><a href="https://lu.ma/producthunt" target="_blank"><div class="my-2 flex flex-row gap-4 styles_container__K6Yj1" style="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="styles_container__T4TJj"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><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">Events</div><div class="text-12 font-normal text-light-gray">Meet others online and in-person</div></div></div></a></div></div></div></li><li class="group relative list-none" data-test="header-nav-link-advertise"><a class="cursor-pointer text-16 text-light-gray" href="/sponsor?ref=header_nav">Advertise</a></li></ul></nav><div class="flex flex-row items-center justify-end gap-4"><a class="text-16 font-normal text-coral rounded bg-barely-orange !py-[6px] px-4 text-brand-700" data-test="header-nav-link-subscribe" href="/newsletters?ref=header_nav&campaign=weekly_newsletter&source=header_nav">Subscribe</a><div class="text-16 font-normal text-white cursor-pointer rounded bg-brand-500 !py-[6px] px-4" data-test="header-nav-link-sign-in">Sign in</div></div></div></header><div class="border-b border-light-sky" data-test="post-active-notice"><div class="mx-4 flex flex-row items-center justify-between gap-6 py-4 sm:mx-8 md:mx-auto md:w-[50rem]"><div class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#21293C" stroke-linecap="round" stroke-linejoin="round" d="M5.881 11.537c-.712 2.12-3.537 2.12-3.537 2.12s0-2.826 2.119-3.538m7.781-3.531L8 10.83 5.169 8l4.244-4.245c1.606-1.606 3.212-1.587 3.9-1.487a.49.49 0 0 1 .418.419c.1.687.119 2.293-1.487 3.9Z"></path><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.537 7.294v4.037a.5.5 0 0 1-.15.35L9.37 13.706a.5.5 0 0 1-.844-.256L8 10.831m.706-6.368H4.67a.5.5 0 0 0-.35.15L2.294 6.63a.5.5 0 0 0 .256.844L5.169 8"></path></svg><div class="text-16 font-normal text-dark-gray">This is the latest launch from Locofy.ai</div></div><a class="text-16 font-normal text-blue" data-test="post-active-banner-link" href="/products/locofy-ai">See Locofy.ai’s 2 previous launches →</a></div></div><div class="styles_container__2Seaj flex flex-1 !flex-col styles_compact__rs_Rt"><ol class="my-5 flex list-none flex-row flex-wrap gap-2"><li class="flex flex-row items-center gap-2"><a class="text-14 font-normal text-dark-gray hover:text-blue opacity-70" href="/">Home</a></li><li class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" class="mt-0.5 h-2 fill-light-gray"><path fill-rule="evenodd" d="M6.744 5.502a1 1 0 0 1-.292.703l-4.247 4.247a1.003 1.003 0 0 1-1.412-.002.996.996 0 0 1-.003-1.412L4.33 5.5.79 1.962A1.004 1.004 0 0 1 .794.55a.995.995 0 0 1 1.41-.002l4.248 4.247c.192.192.29.447.29.702z"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue opacity-70" href="/products/locofy-ai">Product</a></li><li class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" class="mt-0.5 h-2 fill-light-gray"><path fill-rule="evenodd" d="M6.744 5.502a1 1 0 0 1-.292.703l-4.247 4.247a1.003 1.003 0 0 1-1.412-.002.996.996 0 0 1-.003-1.412L4.33 5.5.79 1.962A1.004 1.004 0 0 1 .794.55a.995.995 0 0 1 1.41-.002l4.248 4.247c.192.192.29.447.29.702z"></path></svg><a class="text-14 font-normal text-dark-gray hover:text-blue pointer-events-none" href="/posts/locofy-pro">Locofy Pro</a></li></ol><div class="flex flex-col gap-3"><div class="flex flex-row"><video style="width:72px;height:72px" class="relative z-0 rounded styles_video__b8SeA" aria-label="Locofy Pro" width="72" height="72" poster="https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=72&h=72&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?fm=mp4&crop=max&w=72&h=72&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?fm=webm&crop=max&w=72&h=72&dpr=2#t=0.001" type="video/webm"/></video><div class="flex flex-1 flex-row items-start justify-end"></div></div><div class="flex flex-1 flex-col justify-between gap-6 sm:flex-row"><div class="flex flex-col gap-2"><h1 class="text-24 font-bold text-dark-gray styles_title__O2bMP">Locofy Pro<a href="#" class="styles_toggle__qDzF5" data-test="post-actions" aria-label="Post actions"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"><path fill="#CCC8C7" d="M5.998 6.244a1 1 0 0 1-.703-.292L1.048 1.705A1.003 1.003 0 0 1 1.05.293.996.996 0 0 1 2.462.29L6 3.83 9.538.29a1.003 1.003 0 0 1 1.412.003.997.997 0 0 1 .002 1.412L6.705 5.952a1 1 0 0 1-.702.29z"></path></svg></a></h1><h2 class="text-24 font-light text-light-gray styles_tagline__Mhn2j">Build frontend 10x faster with design-to-code AI</h2></div><div class="flex flex-row items-end gap-3"><button type="button" data-test="get-it-button" class="styles_reset__0clCw styles_button__BmLM4 styles_secondary__zB2Yb styles_button__5P5ng"><div class="flex flex-row items-center justify-center"><div class="text-14 font-semibold text-dark-gray">Visit</div><svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7"><path fill="#CCC8C7" d="M5.998 6.244a1 1 0 0 1-.703-.292L1.048 1.705A1.003 1.003 0 0 1 1.05.293.996.996 0 0 1 2.462.29L6 3.83 9.538.29a1.003 1.003 0 0 1 1.412.003.997.997 0 0 1 .002 1.412L6.705 5.952a1 1 0 0 1-.702.29z"></path></svg></div></button><button type="button" data-test="vote-button" class="styles_reset__0clCw styles_large__O8Tv3 styles_voteButton__lEzEx"><div class="flex flex-row items-center justify-center"><div class="styles_icon__kJG98 styles_white__sa9Bu"></div><div class="text-14 font-semibold text-white uppercase">Upvote 201</div></div></button></div></div></div><div class="mt-12 flex flex-col gap-3"><div class="flex flex-row items-center justify-between"><div class="flex flex-row gap-2"><div data-test="post-promo-code" class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="size-4"><path fill="#F64900" d="M15.333 3.333h-1.596c.16-.317.25-.666.263-1.022A2.4 2.4 0 0 0 11.555 0 4.14 4.14 0 0 0 8 2.345 4.12 4.12 0 0 0 4.467 0H4.39A2.396 2.396 0 0 0 2 2.311v.044c.013.34.1.674.253.978H.667A.667.667 0 0 0 0 4v2c0 .368.298.667.667.667h14.666A.667.667 0 0 0 16 6V4a.667.667 0 0 0-.667-.667m-3.757-2a1.067 1.067 0 0 1 1.09.978 1.06 1.06 0 0 1-1.05 1.022h-2.63c.414-.839 1.239-2 2.59-2m-8.243 1a1.067 1.067 0 0 1 1.076-1c1.38.006 2.188 1.154 2.607 2h-2.6a1.077 1.077 0 0 1-1.083-1m6 5.667v8h3.334a2 2 0 0 0 2-2V8zM6.667 8H1.333v6a2 2 0 0 0 2 2h3.334z"></path></svg><button type="button" class="text-left text-16 font-normal text-coral">20% off any annual plan</button></div><div class="text-16 font-normal text-light-gray">•</div><div class="text-16 font-normal text-light-gray" data-test="pricing-type">Payment Required</div></div><div class="styles_actionItems__mr5bO text-16 text-light-gray"><button class="textButton_textButton__SIhmH"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#4B587C" stroke-linecap="round" stroke-linejoin="round" d="m9.356 12.244-.925 1.543a.506.506 0 0 1-.862 0l-.925-1.543A.5.5 0 0 0 6.219 12H2.5a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5H9.781a.5.5 0 0 0-.425.244"></path></svg> Discuss</button><button class="textButton_textButton__SIhmH" data-test="collection-product-483584-collect-text" aria-label="Add to Collection"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="13" fill="none"><path stroke="#4B587C" stroke-linecap="round" stroke-linejoin="round" d="M9 12 5 9.5 1 12V1a.5.5 0 0 1 .5-.5h7A.5.5 0 0 1 9 1z"></path></svg>Collect</button><button class="textButton_textButton__SIhmH" data-test="share-btn"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#4B587C" stroke-linecap="round" stroke-linejoin="round" d="M5.375 4.29 8 1.668l2.625 2.624M8.002 8.667V1.668M11 6.667h1.5a.5.5 0 0 1 .5.5v6.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-6.5a.5.5 0 0 1 .5-.5H5"></path></svg> Share</button><button class="textButton_textButton__SIhmH"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="#4B587C" stroke-linecap="round" stroke-linejoin="round" d="M2.75 13V8.5h3.5m8 4.5H1.75m4.5 0V5.5h3.5m3.5-3h-3.5V13h3.5z"></path></svg> Stats</button></div></div><div class="styles_htmlText__eYPgj text-16 font-normal text-dark-gray">Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.</div><div class="flex flex-col justify-between gap-2 sm:flex-row"><div class="text-16 font-normal text-light-gray">Launched in <a class="styles_reset__0clCw styles_blank__ZZrxq" href="/topics/software-engineering"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-light-sky border-0 styles_topicItem__zLFg_"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Software Engineering</span></div></div></a> <a class="styles_reset__0clCw styles_blank__ZZrxq" href="/topics/developer-tools"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-light-sky border-0 styles_topicItem__zLFg_"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Developer Tools</span></div></div></a> <a class="styles_reset__0clCw styles_blank__ZZrxq" href="/topics/artificial-intelligence"><div class="inline-block shrink-0 self-start whitespace-nowrap rounded-[20px] border px-2 lg:rounded-[12px] bg-light-sky border-0 styles_topicItem__zLFg_"><div><span class="text-12 font-semibold text-dark-gray text-dark-gray">Artificial Intelligence</span></div></div></a> by <div class="styles_inline__HTSLZ"><a class="text-16 font-normal text-blue" href="/products/locofy-ai">Locofy.ai</a></div></div></div></div></div><div class="styles_layout__gA7_o styles_container__eS_WB"><div class="styles_mainContainer__iJ2s_ justify-center mt-10 flex flex-1 flex-row items-center gap-6"><div class="styles_galleryContainer__e6tX1 flex flex-row gap-2"><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" fill="none" viewBox="0 0 35 34" class="styles_playIcon__QlPy_"><g filter="url(#PlayVideo_svg__a)"><path fill="#fff" d="m29.038 15.287-18-10.987a1.94 1.94 0 0 0-2.013-.038A1.98 1.98 0 0 0 8 6v22a1.97 1.97 0 0 0 1.025 1.738 1.94 1.94 0 0 0 2.012-.038l18-10.988a2 2 0 0 0 0-3.425z"></path></g><defs><filter id="PlayVideo_svg__a" width="30.004" height="34.002" x="4" y="-0.001" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.37 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_709_3590"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_709_3590" result="shape"></feBlend></filter></defs></svg><div class="overflow-hidden"><img loading="eager" srcSet="https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/9f0bcc08-98a4-49b7-909e-d98ed7dac90f.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=391&h=220&fit=max" style="width:391px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW styles_interactableImage__PAxDq"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button><button type="button" class="text-left text-16 font-normal text-dark-gray relative" aria-label="Locofy Pro gallery media"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=1 1x, https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=2 2x, https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max&dpr=3 3x" src="https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=368&h=220&fit=max" style="width:368px;height:220px" alt="Locofy Pro gallery image" class="styles_image__I6DXW"/></div></button></div></div></div><div class="styles_container__2Seaj flex flex-1 !flex-col styles_compact__rs_Rt"><div class="mt-10 flex max-h-9 flex-row flex-wrap gap-2 overflow-hidden"><div class="size-9 rounded-full" style="background-color:#fee2d6"></div><div class="size-9 rounded-full" style="background-color:#fdf4d6"></div><div class="size-9 rounded-full" style="background-color:#edf8d6"></div><div class="size-9 rounded-full" style="background-color:#e3f5e3"></div><div class="size-9 rounded-full" style="background-color:#d8ecff"></div><div class="size-9 rounded-full" style="background-color:#e6e0ff"></div><div class="size-9 rounded-full" style="background-color:#fbdcf2"></div><div class="size-9 rounded-full" style="background-color:#fee2d6"></div><div class="size-9 rounded-full" style="background-color:#fdf4d6"></div><div class="size-9 rounded-full" style="background-color:#edf8d6"></div><div class="size-9 rounded-full" style="background-color:#e3f5e3"></div><div class="size-9 rounded-full" style="background-color:#d8ecff"></div><div class="size-9 rounded-full" style="background-color:#e6e0ff"></div><div class="size-9 rounded-full" style="background-color:#fbdcf2"></div><div class="size-9 rounded-full" style="background-color:#fee2d6"></div><div class="size-9 rounded-full" style="background-color:#fdf4d6"></div><div class="size-9 rounded-full" style="background-color:#edf8d6"></div><div class="size-9 rounded-full" style="background-color:#e3f5e3"></div><div class="size-9 rounded-full" style="background-color:#d8ecff"></div><div class="size-9 rounded-full" style="background-color:#e6e0ff"></div><div class="size-9 rounded-full" style="background-color:#fbdcf2"></div><div class="size-9 rounded-full" style="background-color:#fee2d6"></div><div class="size-9 rounded-full" style="background-color:#fdf4d6"></div><div class="size-9 rounded-full" style="background-color:#edf8d6"></div><div class="size-9 rounded-full" style="background-color:#e3f5e3"></div><div class="size-9 rounded-full" style="background-color:#d8ecff"></div><div class="size-9 rounded-full" style="background-color:#e6e0ff"></div><div class="size-9 rounded-full" style="background-color:#fbdcf2"></div><div class="size-9 rounded-full" style="background-color:#fee2d6"></div><div class="size-9 rounded-full" style="background-color:#fdf4d6"></div><div class="size-9 rounded-full" style="background-color:#edf8d6"></div><div class="size-9 rounded-full" style="background-color:#e3f5e3"></div><div class="size-9 rounded-full" style="background-color:#d8ecff"></div><div class="size-9 rounded-full" style="background-color:#e6e0ff"></div><div class="size-9 rounded-full" style="background-color:#fbdcf2"></div><div class="size-9 rounded-full" style="background-color:#fee2d6"></div></div><div class="mt-4 flex flex-col gap-4 rounded border border-light-blue p-2 sm:mt-8 sm:gap-8 sm:p-6"><div class="flex flex-col justify-between gap-4 sm:flex-row"><div><div class="text-18 font-semibold text-dark-gray styles_noOfLines-1__u8iSd">Maker Shoutouts</div><div class="text-16 font-normal text-light-gray">We couldn't have built this without...</div></div><div class="flex flex-row items-center justify-between gap-4 sm:justify-end sm:gap-6"><div class="flex flex-row gap-4"><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=1 1x, https://ph-files.imgix.net/6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=2 2x, https://ph-files.imgix.net/6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/6859e0cb-5118-4c0f-82d4-3c54bd4d7621.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop" style="width:34px;height:34px" alt="Mixpanel" class="rounded" data-test="Mixpanel-thumbnail"/></div><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=1 1x, https://ph-files.imgix.net/2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=2 2x, https://ph-files.imgix.net/2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/2f06cf02-5fa1-4b17-8246-8b4499d50e33.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop" style="width:34px;height:34px" alt="Slack" class="rounded" data-test="Slack-thumbnail"/></div><div class=""><img loading="lazy" srcSet="https://ph-files.imgix.net/db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=1 1x, https://ph-files.imgix.net/db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=2 2x, https://ph-files.imgix.net/db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop&dpr=3 3x" src="https://ph-files.imgix.net/db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=34&h=34&fit=crop" style="width:34px;height:34px" alt="Figma" class="rounded" data-test="Figma-thumbnail"/></div></div><button type="button" class="text-left text-16 font-semibold text-dark-gray hover:text-coral text-center group flex h-[34px] w-[148px] flex-row items-center justify-between rounded border border-light-blue px-4" data-test="show-more-shoutouts-button">Show more <svg xmlns="http://www.w3.org/2000/svg" width="27" height="30" class="cursor-pointer fill-light-gray transition-transform duration-300 group-hover:fill-brand-500"><path fill-rule="evenodd" d="m13.032 18.29-5.34-5.115a.6.6 0 0 1-.192-.448.6.6 0 0 1 .193-.448l.605-.58a.7.7 0 0 1 .468-.198.6.6 0 0 1 .468.171l4.266 4.086 4.266-4.086a.6.6 0 0 1 .468-.171.7.7 0 0 1 .468.198l.605.58a.6.6 0 0 1 .193.448.6.6 0 0 1-.193.448l-5.34 5.114a.61.61 0 0 1-.467.211.61.61 0 0 1-.468-.21"></path></svg></button></div></div></div></div><div class="mt-6 sm:mt-8 styles_container__2Seaj flex flex-1 !flex-col styles_compact__rs_Rt"><div class="my-4 flex w-full flex-row gap-2 border-b border-light-sky"><div data-test="post-Comments-section" class="px-5 py-4 sm:px-4 styles_selectedTab__6_c_l"><button type="button" class="text-left text-14 sm:text-16 font-semibold text-dark-gray">Launch discussions</button></div><div data-test="post-Reviews-section" class="px-5 py-4 sm:px-4"><button type="button" class="text-left text-14 sm:text-16 font-semibold text-light-gray">Reviews</button></div></div><div id="comments"></div><div id="about" class="mt-12 flex flex-col sm:mt-16 md:mt-16"><div class="text-16 font-semibold text-dark-gray mb-6">About this launch</div><div data-test="Locofy.ai-product-card" class="mb-8 flex flex-row gap-3"><a aria-label="Locofy.ai" href="/products/locofy-ai"><video style="width:72px;height:72px" class="rounded styles_video__b8SeA" aria-label="Locofy.ai" width="72" height="72" poster="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?auto=compress&codec=mozjpeg&cs=strip&fm=webp&w=72&h=72&fit=max&frame=1&dpr=2" muted="" loop="" disableRemotePlayback="" disablePictureInPicture="" playsInline="" preload="none"><source src="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?fm=mp4&crop=max&w=72&h=72&dpr=2#t=0.001" type="video/mp4"/><source src="https://ph-files.imgix.net/91516fe5-b5ed-44d7-a7e9-1be99e8c2e2b.gif?fm=webm&crop=max&w=72&h=72&dpr=2#t=0.001" type="video/webm"/></video></a><div class="flex flex-1 flex-row justify-between"><div class="flex flex-col"><a class="text-12 sm:text-16 md:text-16 font-semibold text-dark-gray styles_noOfLines-1__u8iSd block" href="/products/locofy-ai">Locofy.ai</a><a class="text-12 sm:text-16 md:text-16 font-normal text-light-gray styles_noOfLines-1__u8iSd block" href="/products/locofy-ai">Build frontend 10x faster with design-to-code AI</a><div class="flex flex-row gap-4"><div class="flex flex-row items-center justify-center"><div class="flex flex-row"><label data-test="star-1" class="cursor-pointer styles_smallStar__INWcE"><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_smallStar__INWcE"><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_smallStar__INWcE"><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_smallStar__INWcE"><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_smallStar__INWcE"><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><a class="text-12 sm:text-14 md:text-14 font-semibold text-dark-gray ml-4" href="/products/locofy-ai/reviews">174</a><a class="text-12 sm:text-14 md:text-14 font-normal text-light-gray ml-1" href="/products/locofy-ai/reviews">reviews</a></div><div class="flex flex-row gap-1"><div class="text-14 font-semibold text-dark-gray">4.1K</div><div class="text-14 font-normal text-light-gray">followers</div></div></div></div><div class="flex flex-col justify-center"><button type="button" data-test="product-follow-button" class="styles_reset__0clCw styles_button__BmLM4 styles_small___owQ3">Follow for updates</button></div></div></div><div class="text-14 font-normal text-light-gray mb-8">Locofy Pro by <div class="styles_inline__HTSLZ"><a class="text-14 font-normal text-blue" href="/products/locofy-ai">Locofy.ai</a> </div>was hunted by <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@kevin">Kevin William David</a></div> in <a class="text-14 font-normal text-blue" href="/topics/software-engineering">Software Engineering</a>, <a class="text-14 font-normal text-blue" href="/topics/developer-tools">Developer Tools</a>, <a class="text-14 font-normal text-blue" href="/topics/artificial-intelligence">Artificial Intelligence</a>. Made by <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@honeymittal">Honey Mittal</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@msohaib">Sohaib</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@raymond_u_panganiban">Raymond Panganiban</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@salmanahmed521">Salman Ahmed</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@viettienn">Tien Nguyen</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@anuvrat_rao">Anuvrat Rao</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@karanshetti">Karan Shetti</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@mark_lee5">Mark Lee</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@tkromke">Tobias Kromke</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@nvuhung">Hung Nguyen</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@vumanhcuongit">Cuong Vu</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@lntuan99">Nhật Tuấn Lê</a></div>, <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@thai_lu">Thai Lu</a></div> and <div class="styles_inline__Y6yqI"><a class="text-14 font-normal text-blue" href="/@doduong97">Do Duong</a></div>. Featured on November 18th, 2024. <div class="styles_inline__HTSLZ"><a class="text-14 font-normal text-blue" href="/products/locofy-ai">Locofy.ai</a></div> is rated <a class="text-14 font-normal text-blue" href="/products/locofy-ai/reviews">4.9/5 ★ </a>by 174 users. It first launched on June 6th, 2022.</div><div class="mb-10 flex flex-row justify-between"><div class="flex flex-col items-center gap-2"><div class="text-14 font-semibold text-light-gray">Upvotes</div><div class="text-18 font-semibold text-dark-gray">201</div><img alt="Vote chart" src="/widgets/embed-image/v1/chart-votes.svg?post_id=599018" width="80" height="24"/></div><div class="styles_divider__HM8sQ"></div><div class="flex flex-col items-center gap-2"><div class="text-14 font-semibold text-light-gray">Comments</div><div class="text-18 font-semibold text-dark-gray">24</div><img alt="Vote chart" src="/widgets/embed-image/v1/chart-comments.svg?post_id=599018" width="80" height="24"/></div><div class="styles_divider__HM8sQ"></div><div class="flex flex-col items-center gap-2"><div class="text-14 font-semibold text-light-gray">Day rank</div><div class="text-18 font-semibold text-dark-gray">#7</div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 46 23" width="44" height="21"><path fill="#F5F8FF" stroke="#7D8AB0" d="M30 1H16a1 1 0 0 0-1 1v20h16V2a1 1 0 0 0-1-1ZM15 9H2c-.265 0-.52.091-.707.254A.81.81 0 0 0 1 9.867v11.266c0 .23.105.45.293.613.187.163.442.254.707.254h13zm29 3H31v10h13a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1Z"></path></svg></div><div class="styles_divider__HM8sQ"></div><div class="flex flex-col items-center gap-2"><div class="text-14 font-semibold text-light-gray">Week rank</div><div class="text-18 font-semibold text-dark-gray">#35</div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 46 23" width="44" height="21"><path fill="#F5F8FF" stroke="#7D8AB0" d="M30 1H16a1 1 0 0 0-1 1v20h16V2a1 1 0 0 0-1-1ZM15 9H2c-.265 0-.52.091-.707.254A.81.81 0 0 0 1 9.867v11.266c0 .23.105.45.293.613.187.163.442.254.707.254h13zm29 3H31v10h13a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1Z"></path></svg></div></div><div class="flex flex-row items-center justify-center gap-3"><button type="button" class="text-left text-14 font-normal text-light-gray hover:text-blue">Report</button></div></div></div><script type="application/ld+json">[{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2024-11-10T22:34:58.989-08:00","dateModified":"2024-11-23T00:21:29.601-08:00","image":"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format","screenshot":["https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format&fit=crop","https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format&fit=crop","https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format&fit=crop","https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format&fit=crop","https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format&fit=crop","https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format&fit=crop","https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format&fit=crop","https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format&fit=crop","https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format&fit=crop","https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format&fit=crop"],"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Honey Mittal","image":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@honeymittal"},{"@type":"Person","name":"Sohaib","image":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@msohaib"},{"@type":"Person","name":"Raymond Panganiban","image":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@raymond_u_panganiban"},{"@type":"Person","name":"Salman Ahmed","image":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@salmanahmed521"},{"@type":"Person","name":"Tien Nguyen","image":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@viettienn"},{"@type":"Person","name":"Anuvrat Rao","image":"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@anuvrat_rao"},{"@type":"Person","name":"Karan Shetti","image":"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@karanshetti"},{"@type":"Person","name":"Mark Lee","image":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@mark_lee5"},{"@type":"Person","name":"Tobias Kromke","image":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@tkromke"},{"@type":"Person","name":"Hung Nguyen","image":"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@nvuhung"},{"@type":"Person","name":"Cuong Vu","image":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@vumanhcuongit"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@lntuan99"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@doduong97"}]},{"@context":"http://schema.org","@type":"WebApplication","name":"Locofy Pro","description":"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.","datePublished":"2024-11-10T22:34:58.989-08:00","dateModified":"2024-11-23T00:21:29.601-08:00","image":"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format","screenshot":["https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format&fit=crop","https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format&fit=crop","https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format&fit=crop","https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format&fit=crop","https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format&fit=crop","https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format&fit=crop","https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format&fit=crop","https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format&fit=crop","https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format&fit=crop","https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format&fit=crop"],"operatingSystem":"Web","applicationCategory":"Software Engineering","author":[{"@type":"Person","name":"Honey Mittal","image":"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@honeymittal"},{"@type":"Person","name":"Sohaib","image":"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@msohaib"},{"@type":"Person","name":"Raymond Panganiban","image":"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@raymond_u_panganiban"},{"@type":"Person","name":"Salman Ahmed","image":"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@salmanahmed521"},{"@type":"Person","name":"Tien Nguyen","image":"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@viettienn"},{"@type":"Person","name":"Anuvrat Rao","image":"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@anuvrat_rao"},{"@type":"Person","name":"Karan Shetti","image":"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@karanshetti"},{"@type":"Person","name":"Mark Lee","image":"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@mark_lee5"},{"@type":"Person","name":"Tobias Kromke","image":"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@tkromke"},{"@type":"Person","name":"Hung Nguyen","image":"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@nvuhung"},{"@type":"Person","name":"Cuong Vu","image":"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@vumanhcuongit"},{"@type":"Person","name":"Nhật Tuấn Lê","image":"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@lntuan99"},{"@type":"Person","name":"Thai Lu","image":"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@thai_lu"},{"@type":"Person","name":"Do Duong","image":"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format&fit=crop&crop=faces&w=100&h=100","url":"https://www.producthunt.com/@doduong97"}]},{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.producthunt.com/"},{"@type":"ListItem","position":2,"name":"Product","item":"https://www.producthunt.com/products/locofy-ai"},{"@type":"ListItem","position":3,"name":"Locofy Pro","item":"https://www.producthunt.com/posts/locofy-pro"}]}]</script></div><div id="root-portal"></div><script>(self.__next_s=self.__next_s||[]).push([0,{"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-d2b397d461e59162.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/a72ac300b2b8aae3.css\",\"style\"]\n2:HL[\"/_next/static/css/1ea9739f23a3b69e.css\",\"style\"]\n3:HL[\"/_next/static/css/8f6f840789d23ad8.css\",\"style\"]\n4:HL[\"/_next/static/css/fa118094cc4cd9f8.css\",\"style\"]\n5:HL[\"/_next/static/css/c99d6c2024146960.css\",\"style\"]\n6:HL[\"/_next/static/css/639ca35bc51610d3.css\",\"style\"]\n7:HL[\"/_next/static/css/1571eeb1adaac6eb.css\",\"style\"]\n8:HL[\"/_next/static/css/da95359741fd339a.css\",\"style\"]\n9:HL[\"/_next/static/css/52c78cbf7408e1af.css\",\"style\"]\na:HL[\"/_next/static/css/6cc9c7cd07516c52.css\",\"style\"]\nb:HL[\"/_next/static/css/6a29de96c920f097.css\",\"style\"]\nc:HL[\"/_next/static/css/657f667ef8d3f7dc.css\",\"style\"]\nd:HL[\"/_next/static/css/4284c6d814dea4e8.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"e:I[95751,[],\"\"]\n11:I[39275,[],\"\"]\n13:I[61343,[],\"\"]\n14:I[49620,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"94531\",\"static/chunks/94531-936a58903208c445.js\",\"7851\",\"static/chunks/7851-391d4a68ffe47521.js\",\"28051\",\"static/chunks/28051-6c99bb1ef2e7af63.js\",\"23714\",\"static/chunks/23714-107263d1137b8b64.js\",\"55151\",\"static/chunks/55151-9f3a96035f27a91c.js\",\"31158\",\"static/chunks/31158-f57f0197bfdfc676.js\",\"86111\",\"static/chunks/86111-10b40af0fab64eb1.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"63761\",\"static/chunks/63761-17f7fa9792e0fc0c.js\",\"95903\",\"static/chunks/95903-22bd3ff6f84beadc.js\",\"4095\",\"static/chunks/app/(main)/layout-d5b344c3d5112f09.js\"],\"default\",1]\n15:I[64417,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"74468\",\"static/chunks/74468-913b2d3a1cd26fb3.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"86883\",\"static/chunks/app/(main)/not-found-97bc615d259bf592.js\"],\"default\"]\n16:I[66914,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"st"])</script><script>self.__next_f.push([1,"atic/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"AppRouter\"]\n17:I[76236,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"UserAgentProvider\"]\n18:I[39342,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"NavigationProgressProvider\"]\n19:I[3374,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c."])</script><script>self.__next_f.push([1,"js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"default\"]\n1a:I[79395,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"31462\",\"static/chunks/app/(cards)/layout-8f806a8becc1daf9.js\"],\"default\"]\n1b:I[75299,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"ErrorBoundary\"]\n1c:I[84080,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\""])</script><script>self.__next_f.push([1,"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"\"]\n1e:I[64404,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"GoogleAnalytics\"]\n1f:I[27640,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"87620\",\"static/chunks/87620-cdf22e94cf823402.js\",\"17436\",\"static/chunks/17436-7d847d18b236a58e.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"63185\",\"static/chunks/app/layout-f3770231938d0d2a.js\"],\"GoogleTagManager\"]\n21:I[96314,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"25058\",\"static/chunks/25058-f2b5f735f386b605.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"69558"])</script><script>self.__next_f.push([1,"\",\"static/chunks/69558-1b9bff93d908a3d5.js\",\"64417\",\"static/chunks/64417-22df6c507fdbe6ed.js\",\"16470\",\"static/chunks/app/global-error-62b3730fa3f51ebe.js\"],\"default\"]\n12:[\"slug\",\"locofy-pro\",\"d\"]\n1d: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 }}();\n22:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$Le\",null,{\"buildId\":\"BDohOcX48oWS9QbMlK-wt\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"posts\",\"locofy-pro\"],\"initialTree\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"posts\",{\"children\":[[\"slug\",\"locofy-pro\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"(main)\",{\"children\":[\"posts\",{\"children\":[[\"slug\",\"locofy-pro\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$Lf\",\"$L10\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/52c78cbf7408e1af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/6cc9c7cd07516c52.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/6a29de96c920f097.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/657f667ef8d3f7dc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4284c6d814dea4e8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"posts\",\"children\",\"$12\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L13\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\",\"posts\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L13\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/639ca35bc51610d3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1571eeb1adaac6eb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/da95359741fd339a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(main)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L13\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L15\",null,{\"code\":404}],\"notFoundStyles\":[]}],\"params\":{}}]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a72ac300b2b8aae3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1ea9739f23a3b69e.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8f6f840789d23ad8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/fa118094cc4cd9f8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c99d6c2024146960.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"property\":\"fb:app_id\",\"content\":\"1467820943460899\"}],[\"$\",\"script\",null,{\"id\":\"injection\",\"dangerouslySetInnerHTML\":{\"__html\":\"window['__ENV__'] = {\\\"NODE_ENV\\\":\\\"production\\\"};\"}}],[\"$\",\"link\",null,{\"rel\":\"search\",\"type\":\"application/opensearchdescription+xml\",\"title\":\"ProductHunt\",\"href\":\"/osd.xml\"}]]}],[\"$\",\"body\",null,{\"className\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"id\":\"root-container\",\"children\":[\"$\",\"$L16\",null,{\"children\":[\"$\",\"$L17\",null,{\"userAgent\":\"$undefined\",\"children\":[\"$\",\"$L18\",null,{\"children\":[\"$\",\"$L19\",null,{\"ApolloWrapper\":\"$1a\",\"serverSideRendered\":true,\"children\":[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$L11\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L13\",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\"}],[[\"$\",\"$L1c\",null,{\"id\":\"intercom\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n (function() {\\n if (window.innerWidth \u003c= 576) {\\n return;\\n }\\n window.intercomSettings = {\\n app_id: \\\"fe4ce68d4a8352909f553b276994db414d33a55c\\\"\\n };\\n (function(){var w=window;var ic=w.Intercom;if(typeof ic===\\\"function\\\"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){setTimeout(function(){var s=d.createElement('script');s.type='text/javascript';s.defer=true;s.src='https://widget.intercom.io/widget/fe4ce68d4a8352909f553b276994db414d33a55c';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}, 4000);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();\\n })()\\n\"}}],[\"$\",\"$L1c\",null,{\"id\":\"segment\",\"strategy\":\"beforeInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1d\"}}],false,[[\"$\",\"$L1e\",null,{\"gaId\":\"G-WZ46833KH9\"}],[\"$\",\"$L1f\",null,{\"gtmId\":\"G-WZ46833KH9\"}]]]]}]]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L20\"],\"globalErrorComponent\":\"$21\",\"missingSlots\":\"$W22\"}]\n"])</script><script>self.__next_f.push([1,"23:I[17668,[\"53877\",\"static/chunks/53877-51c4a285eb192ef0.js\",\"46403\",\"static/chunks/46403-e33a58cdfbb894e8.js\",\"58056\",\"static/chunks/58056-751c28e77ae5a19a.js\",\"87138\",\"static/chunks/87138-0346ed4de56c8f41.js\",\"48191\",\"static/chunks/48191-5065c49d069bd01c.js\",\"14604\",\"static/chunks/14604-45e3a9aa74635210.js\",\"55579\",\"static/chunks/55579-59b56c16d22d5e09.js\",\"94531\",\"static/chunks/94531-936a58903208c445.js\",\"7851\",\"static/chunks/7851-391d4a68ffe47521.js\",\"28051\",\"static/chunks/28051-6c99bb1ef2e7af63.js\",\"23714\",\"static/chunks/23714-107263d1137b8b64.js\",\"1997\",\"static/chunks/1997-8c211c482f7f1b80.js\",\"18489\",\"static/chunks/18489-27cb2cd16662f495.js\",\"51980\",\"static/chunks/51980-2a97b7a962a7bd37.js\",\"17978\",\"static/chunks/17978-c92b6de32358f764.js\",\"50570\",\"static/chunks/50570-6a6ca0f37ede1d3b.js\",\"52322\",\"static/chunks/52322-ce01c56847552351.js\",\"3244\",\"static/chunks/3244-575b5f10588366f8.js\",\"11546\",\"static/chunks/11546-533f49ed6abe1d54.js\",\"12651\",\"static/chunks/12651-23d2d0574f53271a.js\",\"85503\",\"static/chunks/app/(main)/posts/%5Bslug%5D/page-93046f4f3a116184.js\"],\"default\"]\n24:T24aa,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"http://schema.org\",\"@type\":\"WebApplication\",\"name\":\"Locofy Pro\",\"description\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\",\"datePublished\":\"2024-11-10T22:34:58.989-08:00\",\"dateModified\":\"2024-11-23T00:21:29.601-08:00\",\"image\":\"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format\",\"screenshot\":[\"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format\u0026fit=crop\"],\"operatingSystem\":\"Web\",\"applicationCategory\":\"Software Engineering\",\"author\":[{\"@type\":\"Person\",\"name\":\"Honey Mittal\",\"image\":\"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@honeymittal\"},{\"@type\":\"Person\",\"name\":\"Sohaib\",\"image\":\"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@msohaib\"},{\"@type\":\"Person\",\"name\":\"Raymond Panganiban\",\"image\":\"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@raymond_u_panganiban\"},{\"@type\":\"Person\",\"name\":\"Salman Ahmed\",\"image\":\"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@salmanahmed521\"},{\"@type\":\"Person\",\"name\":\"Tien Nguyen\",\"image\":\"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@viettienn\"},{\"@type\":\"Person\",\"name\":\"Anuvrat Rao\",\"image\":\"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@anuvrat_rao\"},{\"@type\":\"Person\",\"name\":\"Karan Shetti\",\"image\":\"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@karanshetti\"},{\"@type\":\"Person\",\"name\":\"Mark Lee\",\"image\":\"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@mark_lee5\"},{\"@type\":\"Person\",\"name\":\"Tobias Kromke\",\"image\":\"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@tkromke\"},{\"@type\":\"Person\",\"name\":\"Hung Nguyen\",\"image\":\"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@nvuhung\"},{\"@type\":\"Person\",\"name\":\"Cuong Vu\",\"image\":\"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@vumanhcuongit\"},{\"@type\":\"Person\",\"name\":\"Nhật Tuấn Lê\",\"image\":\"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@lntuan99\"},{\"@type\":\"Person\",\"name\":\"Thai Lu\",\"image\":\"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@thai_lu\"},{\"@type\":\"Person\",\"name\":\"Do Duong\",\"image\":\"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@doduong97\"}]},{\"@context\":\"http://schema.org\",\"@type\":\"WebApplication\",\"name\":\"Locofy Pro\",\"description\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\",\"datePublished\":\"2024-11-10T22:34:58.989-08:00\",\"dateModified\":\"2024-11-23T00:21:29.601-08:00\",\"image\":\"https://ph-files.imgix.net/73ae6f6f-95a5-41a9-98d8-0477344518de.gif?auto=format\",\"screenshot\":[\"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/e65f5677-e78e-4146-b235-8ceaa9ad4c9b.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/18f3f6b6-cba4-40cb-b79e-619ce033b6ca.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/38582cfe-e400-4daa-bf5d-45ad970bcaaa.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/237a1950-d47c-466d-88be-7aff0db32625.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/cdca1398-3536-454d-8966-3b0ee41da670.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/2d97d747-62be-4783-ab7c-867f970b07dd.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/484fd400-a937-48dd-9a7d-d59cdd1221d1.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/c51d9038-fcc3-4746-bf98-88b5ae51e217.png?auto=format\u0026fit=crop\",\"https://ph-files.imgix.net/18cb4c80-1325-4f66-b1f0-7eece8a5d1e6.png?auto=format\u0026fit=crop\"],\"operatingSystem\":\"Web\",\"applicationCategory\":\"Software Engineering\",\"author\":[{\"@type\":\"Person\",\"name\":\"Honey Mittal\",\"image\":\"https://ph-avatars.imgix.net/3480330/5ce1e53c-e5a9-4472-8d77-ee079bf18fc8.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@honeymittal\"},{\"@type\":\"Person\",\"name\":\"Sohaib\",\"image\":\"https://ph-avatars.imgix.net/4330964/c6598a09-3505-4c8e-bd73-3bec2b55eae0.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@msohaib\"},{\"@type\":\"Person\",\"name\":\"Raymond Panganiban\",\"image\":\"https://ph-avatars.imgix.net/4416599/2ccf4d8e-74ef-4d3b-b684-7b98ff2e04ac.png?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@raymond_u_panganiban\"},{\"@type\":\"Person\",\"name\":\"Salman Ahmed\",\"image\":\"https://ph-avatars.imgix.net/4416654/dc6a5732-0686-4c68-93ee-d46e3f3ff495.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@salmanahmed521\"},{\"@type\":\"Person\",\"name\":\"Tien Nguyen\",\"image\":\"https://ph-avatars.imgix.net/4442393/9534f79d-3b4e-4ee9-b918-20ced47fb498.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@viettienn\"},{\"@type\":\"Person\",\"name\":\"Anuvrat Rao\",\"image\":\"https://ph-avatars.imgix.net/4039711/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@anuvrat_rao\"},{\"@type\":\"Person\",\"name\":\"Karan Shetti\",\"image\":\"https://ph-avatars.imgix.net/6562724/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@karanshetti\"},{\"@type\":\"Person\",\"name\":\"Mark Lee\",\"image\":\"https://ph-avatars.imgix.net/1570333/b0b39384-fbf3-470e-bc3c-cc0b0e5cbf64.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@mark_lee5\"},{\"@type\":\"Person\",\"name\":\"Tobias Kromke\",\"image\":\"https://ph-avatars.imgix.net/6557491/ec04c882-9ac4-47b4-8141-3e417edc6a69.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@tkromke\"},{\"@type\":\"Person\",\"name\":\"Hung Nguyen\",\"image\":\"https://ph-avatars.imgix.net/4500564/original.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@nvuhung\"},{\"@type\":\"Person\",\"name\":\"Cuong Vu\",\"image\":\"https://ph-avatars.imgix.net/283333/76087cb6-5912-402f-8cdf-e4355e2fc28f.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@vumanhcuongit\"},{\"@type\":\"Person\",\"name\":\"Nhật Tuấn Lê\",\"image\":\"https://ph-avatars.imgix.net/6556944/f1441354-1cc8-4022-8ad0-d559007eb936.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@lntuan99\"},{\"@type\":\"Person\",\"name\":\"Thai Lu\",\"image\":\"https://ph-avatars.imgix.net/6651575/789455c9-272e-4daa-80db-fe62e1337b2c.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@thai_lu\"},{\"@type\":\"Person\",\"name\":\"Do Duong\",\"image\":\"https://ph-avatars.imgix.net/6655553/ac4d4f71-8e00-4346-b79c-983e6862abed.jpeg?auto=format\u0026fit=crop\u0026crop=faces\u0026w=100\u0026h=100\",\"url\":\"https://www.producthunt.com/@doduong97\"}]},{\"@context\":\"http://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.producthunt.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product\",\"item\":\"https://www.producthunt.com/products/locofy-ai\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Locofy Pro\",\"item\":\"https://www.producthunt.com/posts/locofy-pro\"}]}]"])</script><script>self.__next_f.push([1,"10:[[\"$\",\"$L23\",null,{}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$24\"}}]]\n"])</script><script>self.__next_f.push([1,"20:[[\"$\",\"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\":\" Locofy Pro - Build frontend 10x faster with design-to-code AI | Product Hunt\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\"}],[\"$\",\"link\",\"5\",{\"rel\":\"author\",\"href\":\"https://www.producthunt.com/@honeymittal\"}],[\"$\",\"meta\",\"6\",{\"name\":\"author\",\"content\":\"Honey Mittal\"}],[\"$\",\"link\",\"7\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"8\",{\"name\":\"fb:app_id\",\"content\":\"1467820943460899\"}],[\"$\",\"link\",\"9\",{\"rel\":\"alternate\",\"type\":\"application/atom+xml\",\"title\":\"Product Hunt - All newest Products\",\"href\":\"https://www.producthunt.com/feed\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\" Locofy Pro - Build frontend 10x faster with design-to-code AI | Product Hunt\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.producthunt.com/posts/locofy-pro\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Product Hunt\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:site\",\"content\":\"@producthunt\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:creator\",\"content\":\"@honeymittal\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:title\",\"content\":\" Locofy Pro - Build frontend 10x faster with design-to-code AI | Product Hunt\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:description\",\"content\":\"Go from designs to developer-friendly frontend code in a flash without changing your tech stack or workflows. Get responsive, interactive, and modular code that you can easily export or sync to GitHub/VS Code.\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://ph-files.imgix.net/a18cede8-2cca-443e-b048-888994799e78.png?auto=format\u0026fit=crop\u0026frame=1\u0026h=512\u0026w=1024\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"https://ph-static.imgix.net/ph-favicon-brand-500.ico?auto=format\"}],[\"$\",\"link\",\"24\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"https://ph-static.imgix.net/ph-ios-icon.png?auto=format\"}],[\"$\",\"link\",\"25\",{\"rel\":\"chrome-webstore-item\",\"href\":\"https://producthunt.app.link/extension\"}]]\n"])</script><script>self.__next_f.push([1,"f:null\n"])</script></body></html>