--- title: Best Product Hunt posts — July 2022 | daily.dev description: The most upvoted Product Hunt posts from July 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/ph/best-of/2022/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/ph/best-of/2022/07 og:type: website og:site_name: daily.dev og:title: Best Product Hunt posts — July 2022 | daily.dev og:description: The most upvoted Product Hunt posts from July 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Product Hunt — July 2022 1. 1 [](https://daily.dev/posts/github-city---create-a-3d-city-from-your-github-contributions--rug3csvay "GitHub City - Create a 3D city from your GitHub contributions!") Article Product Hunt · 4y GitHub City - Create a 3D city from your GitHub contributions! 299 16 2. 2 [](https://daily.dev/posts/tauri---an-electron-alternative-written-in-rust--zyhups2k "Tauri - An Electron alternative written in Rust") Article Product Hunt · 4y Tauri - An Electron alternative written in Rust Tauri is a framework for building tiny, blazingly fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. Free Discuss Collect Share Stats Free Discuss Share Stats free Discuss Share stats free 147 1 3. 3 [](https://daily.dev/posts/git-story---animate-the-story-of-your-git-project-arl1gp6ik "Git Story - Animate the story of your Git project") Article Product Hunt · 4y Git Story - Animate the story of your Git project Git videos are a great way to show off your Git project. Use these videos to help new developers learn Git. Free Discuss Collect Share Stats tool. Use this tool to help you share your Git projects with your team. For more information on how to use this tool, please visit Git.org. 91 4 4. 4 [](https://daily.dev/posts/heazy---free-svg-design-asset-platform-9txct-kzx "HEAZY - Free SVG design asset platform") Article Product Hunt · 4y HEAZY - Free SVG design asset platform Heazy lets you generate beautiful, unique and and funky vector visuals. Export your creations as SVG, PNG or React Components in JavaScript or TypeScript. Save your coolest templates to your profile. Reuse and randomise designs as often as you want. Heazy is free to use. 90 8 5. 5 [](https://daily.dev/posts/locofy-ai---turn-figma-designs-into-code-react-react-native-html-css--gaoe2cbjx "Locofy.ai - Turn Figma designs into code: React, React Native, HTML-CSS+") Article Product Hunt · 4y Locofy.ai - Turn Figma designs into code: React, React Native, HTML-CSS+ Locofy.ai helps builders launch 3-4x faster by converting designs to production ready code. Try Figma to React, React Native, HTML-CSS, Next.js, Gatsby in FREE BETA! Tag responsive designs, make components, get a live-prototype & export code or direct deploy. 70 1 6. 6 [](https://daily.dev/posts/css-scan-3-0---the-fastest-and-easiest-way-to-inspect-or-copy-css-rkglza7kb "CSS Scan 3.0 - The fastest and easiest way to inspect or copy CSS") Article Product Hunt · 4y CSS Scan 3.0 - The fastest and easiest way to inspect or copy CSS 53 1 7. 7 [](https://daily.dev/posts/100-css-buttons---no-conversion-happens-without-the-click-of-a-button-hzs0mr-89 "100 CSS Buttons - No conversion happens without the click of a button") Article Product Hunt · 4y 100 CSS Buttons - No conversion happens without the click of a button With this package, give your website a new breath of fresh-air, like it never has before. From Signups to Sales, digital actions would be impossible without buttons. They're at the essence of human-computer interaction. With this package you can make your website look and feel better than ever. 50 1 8. 8 [](https://daily.dev/posts/gum---a-tool-for-building-glamorous-shell-scripts--vhuij4ips "Gum - A tool for building glamorous shell scripts!") Article Product Hunt · 4y Gum - A tool for building glamorous shell scripts! 47 2 9. 9 [](https://daily.dev/posts/tailwind-ui-templates---beautiful-next-js-templates-built-by-the-tailwind-css-team-hmahyxhi7 "Tailwind UI Templates - Beautiful Next.js templates built by the Tailwind CSS team") Article Product Hunt · 4y Tailwind UI Templates - Beautiful Next.js templates built by the Tailwind CSS team 41 10. 10 [](https://daily.dev/posts/radix-ui---unstyled-react-components-for-building-ui-zkc8mkwh "Radix UI - Unstyled React components for building UI") Article Product Hunt · 4y Radix UI - Unstyled React components for building UI Radix UI is rated 5/5 by 11 users. It first launched on December 17th, 2020\. Made by. Featured on July 21st, 2022 . Is rated by. 11 users and has been downloaded more than 100,000 times. It was hunted byin User Experience Web Design. 39 2 11. 11 [](https://daily.dev/posts/code-language-converter---quickly-convert-code-to-other-programming-languages-using-ai-afwsfl06e "Code Language Converter - Quickly convert code to other programming languages using AI") Article Product Hunt · 4y Code Language Converter - Quickly convert code to other programming languages using AI 37 2 12. 12 [](https://daily.dev/posts/terminal-gif-maker---creating-code-samples-in-simple-terminal-interface-77sykv9f9 "Terminal Gif Maker - Creating code samples in simple terminal interface") Article Product Hunt · 4y Terminal Gif Maker - Creating code samples in simple terminal interface Terminal Gif Maker is a tool for creating code samples in the terminal interface. You can create gifs for your projects and you can show that in the README of your project. Use the GIF in git providers like Github and Gitlab. Free Discuss Collect Embed Share Stats 36 2 13. 13 [](https://daily.dev/posts/payload-cms---the-best-typescript-cms-developer-experience-there-is-pwjqgova7 "Payload CMS - The best TypeScript CMS developer experience there is") Article Product Hunt · 4y Payload CMS - The best TypeScript CMS developer experience there is Payload is a developer-first headless CMS and application framework built to finally give developers a better choice in the world of CMS. From documentation to design, Payload is changing the CMS status quo. Payload will be available in the U.S. and Europe in the coming months. 35 3 14. 14 [](https://daily.dev/posts/youcode---the-search-engine-that-codes-for-you-by-you-com-cc6x5uun2 "YouCode - The search engine that codes for you by You.com") Article Product Hunt · 4y YouCode - The search engine that codes for you by You.com YouCode by You.com is the search engine for developers. Copy snippets, write code with AI, validate JSON, and find documentation, tips, tricks, and utilities 10X faster than on traditional search engines. Click here to learn more about how to use the site. 34 2 15. 15 [](https://daily.dev/posts/pocketbase---open-source-realtime-backend-in-1-file-dlgdgw8mb "PocketBase - Open Source realtime backend in 1 file") Article Product Hunt · 4y PocketBase - Open Source realtime backend in 1 file PocketBase is an open source Go backend that has embedded realtime database, files and users management, admin UI and REST-ish API, all compiled in 1 portable executable. You could think of it as a lightweight alternative to Firebase or Supabase. For more information on PocketBase click here. 34 16. 16 [](https://daily.dev/posts/instantgeo---geolocation-as-a-script-rngu6uyo "InstantGeo - Geolocation as a script") Article Product Hunt · 4y InstantGeo - Geolocation as a script 30 17. 17 [](https://daily.dev/posts/wooshy---search-the-macos-ui-and-click-with-the-keyboard-uyshd34n1 "Wooshy - Search the macOS UI and click with the keyboard") Article Product Hunt · 4y Wooshy - Search the macOS UI and click with the keyboard 26 18. 18 [](https://daily.dev/posts/github-repository-naming-suggestions---ai-powered-naming-suggestions-for-your-github-repositories-2y13n2a-3 "GitHub Repository Naming Suggestions - AI powered naming suggestions for your GitHub repositories") Article Product Hunt · 4y GitHub Repository Naming Suggestions - AI powered naming suggestions for your GitHub repositories GitHub extension lets OpenAI suggest namings for your GitHub repositories. Use the extension as a client to prompt OpenAI for naming suggestions using the GitHub repository's description and your OpenAI API key. Free Discuss Collect Embed Share Stats with your friends and family. 26 2 19. 19 [](https://daily.dev/posts/hello-cognition---search-engine-for-developers-hpqohb8jr "Hello Cognition - Search engine for developers") Article Product Hunt · 4y Hello Cognition - Search engine for developers 22 1 20. 20 [](https://daily.dev/posts/sunmao---a-framework-for-developing-low-code-tools-f7dvqgiec "Sunmao - A framework for developing low-code tools") Article Product Hunt · 4y Sunmao - A framework for developing low-code tools 22 21. 21 [](https://daily.dev/posts/types-generator---types-generator-will-auto-generate-ts-interfaces-from-json-rxntdvcej "Types Generator - Types generator will auto generate TS Interfaces from JSON") Article Product Hunt · 4y Types Generator - Types generator will auto generate TS Interfaces from JSON The Types generator is a tool that will help you to create TypeScript Interfaces from JSON. All you need to do is to paste your single object JSON into the Types generator. Types generator will auto-generate the TS interfaces for you. Free Discuss Collect Share Stats. 22 22. 22 [](https://daily.dev/posts/endpoint-space---simple-solution-for-developers-to-get-submissions-from-forms-d0vqbbnfo "Endpoint Space - Simple solution for developers to get submissions from forms") Article Product Hunt · 4y Endpoint Space - Simple solution for developers to get submissions from forms Simply copy a URL, and paste it to your form, that's all. All information sent from these forms will go to your account dashboard and email. You can also set up to receive submissions to multiple emails at the same time. Free Discuss Collect Share Stats form. 22 23. 23 [](https://daily.dev/posts/aspect---build-react-components-visually-copy-ui-code-from-any-site-mck12tisn "Aspect - Build react components visually. Copy UI code from any site") Article Product Hunt · 4y Aspect - Build react components visually. Copy UI code from any site 21 2 24. 24 [](https://daily.dev/posts/teta-cms---low-code-back-end-solution-to-build-amazing-products-90auyi4ok "Teta CMS - Low-code back-end solution to build amazing products") Article Product Hunt · 4y Teta CMS - Low-code back-end solution to build amazing products Teta CMS is our in-house platform that provides a CouchDB database, User authentication with social OAuth providers, Real-time subscriptions, Custom queries with Ayaya, Auto-generated docs, and an easy-to-use and responsive user interface. Teta CMS provides an easy to use and responsiveuser interface. 20 4 [See all Product Hunt archives](/sources/ph/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/ph/best-of/2022/07#page","url":"https://daily.dev/sources/ph/best-of/2022/07","name":"Best Product Hunt Posts — July 2022","description":"The most upvoted Product Hunt posts from July 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/ph/best-of/2022/07#items","numberOfItems":24,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/github-city---create-a-3d-city-from-your-github-contributions--rug3csvay","name":"GitHub City - Create a 3D city from your GitHub contributions!"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/tauri---an-electron-alternative-written-in-rust--zyhups2k","name":"Tauri - An Electron alternative written in Rust"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/git-story---animate-the-story-of-your-git-project-arl1gp6ik","name":"Git Story - Animate the story of your Git project"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/heazy---free-svg-design-asset-platform-9txct-kzx","name":"HEAZY - Free SVG design asset platform"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/locofy-ai---turn-figma-designs-into-code-react-react-native-html-css--gaoe2cbjx","name":"Locofy.ai - Turn Figma designs into code: React, React Native, HTML-CSS+"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/css-scan-3-0---the-fastest-and-easiest-way-to-inspect-or-copy-css-rkglza7kb","name":"CSS Scan 3.0 - The fastest and easiest way to inspect or copy CSS"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/100-css-buttons---no-conversion-happens-without-the-click-of-a-button-hzs0mr-89","name":"100 CSS Buttons - No conversion happens without the click of a button"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/gum---a-tool-for-building-glamorous-shell-scripts--vhuij4ips","name":"Gum - A tool for building glamorous shell scripts!"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/tailwind-ui-templates---beautiful-next-js-templates-built-by-the-tailwind-css-team-hmahyxhi7","name":"Tailwind UI Templates - Beautiful Next.js templates built by the Tailwind CSS team"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/radix-ui---unstyled-react-components-for-building-ui-zkc8mkwh","name":"Radix UI - Unstyled React components for building UI"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/code-language-converter---quickly-convert-code-to-other-programming-languages-using-ai-afwsfl06e","name":"Code Language Converter - Quickly convert code to other programming languages using AI"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/terminal-gif-maker---creating-code-samples-in-simple-terminal-interface-77sykv9f9","name":"Terminal Gif Maker - Creating code samples in simple terminal interface"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/payload-cms---the-best-typescript-cms-developer-experience-there-is-pwjqgova7","name":"Payload CMS - The best TypeScript CMS developer experience there is"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/youcode---the-search-engine-that-codes-for-you-by-you-com-cc6x5uun2","name":"YouCode - The search engine that codes for you by You.com"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/pocketbase---open-source-realtime-backend-in-1-file-dlgdgw8mb","name":"PocketBase - Open Source realtime backend in 1 file"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/instantgeo---geolocation-as-a-script-rngu6uyo","name":"InstantGeo - Geolocation as a script"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/wooshy---search-the-macos-ui-and-click-with-the-keyboard-uyshd34n1","name":"Wooshy - Search the macOS UI and click with the keyboard"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/github-repository-naming-suggestions---ai-powered-naming-suggestions-for-your-github-repositories-2y13n2a-3","name":"GitHub Repository Naming Suggestions - AI powered naming suggestions for your GitHub repositories"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/hello-cognition---search-engine-for-developers-hpqohb8jr","name":"Hello Cognition - Search engine for developers"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/sunmao---a-framework-for-developing-low-code-tools-f7dvqgiec","name":"Sunmao - A framework for developing low-code tools"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/types-generator---types-generator-will-auto-generate-ts-interfaces-from-json-rxntdvcej","name":"Types Generator - Types generator will auto generate TS Interfaces from JSON"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/endpoint-space---simple-solution-for-developers-to-get-submissions-from-forms-d0vqbbnfo","name":"Endpoint Space - Simple solution for developers to get submissions from forms"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/aspect---build-react-components-visually-copy-ui-code-from-any-site-mck12tisn","name":"Aspect - Build react components visually. Copy UI code from any site"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/teta-cms---low-code-back-end-solution-to-build-amazing-products-90auyi4ok","name":"Teta CMS - Low-code back-end solution to build amazing products"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Product Hunt","item":"https://daily.dev/sources/ph"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/ph/best-of"},{"@type":"ListItem","position":5,"name":"July 2022"}]}]} ```