--- title: Best Product Hunt posts — June 2022 | daily.dev description: The most upvoted Product Hunt posts from June 2022, curated by the daily.dev community. canonical: https://daily.dev/sources/ph/best-of/2022/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/ph/best-of/2022/06 og:type: website og:site_name: daily.dev og:title: Best Product Hunt posts — June 2022 | daily.dev og:description: The most upvoted Product Hunt posts from June 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 — June 2022 1. 1 [](https://daily.dev/posts/vslook---customize-the-look-of-your-vscode--ei9rwvp87 "VSLook - Customize the look of your VSCode 😎") Article Product Hunt · 4y VSLook - Customize the look of your VSCode 😎 217 5 2. 2 [](https://daily.dev/posts/umbrel---a-beautiful-personal-server-os-for-self-hosting-mvnejg0ba "Umbrel - A beautiful personal server OS for self-hosting") Article Product Hunt · 4y Umbrel - A beautiful personal server OS for self-hosting Umbrel is a beautiful personal server OS that makes self-hosting apps like Nextcloud, Matrix, Bitcoin/Lightning node, Pi-hole, HomeAssistant etc. accessible to everyone. Install on a Raspberry Pi, or any hardware (or cloud) that's running Linux/Debian. 154 11 3. 3 [](https://daily.dev/posts/tanstack---high-quality-open-source-software-for-web-developers-mj1oid2i2 "TanStack - High-quality open-source software for web developers") Article Product Hunt · 4y TanStack - High-quality open-source software for web developers This is TanStack's first launch. Made by. Software Engineering Developer Tools. Featured on June 3rd, 2022 .is not rated yet . This is Tan Stack's firstLaunch. This is a beta version of the tool. It is not yet rated. It's not yet available to the public. 148 3 4. 4 [](https://daily.dev/posts/preline-ui---open-source-tailwind-css-ui-components-62xdahtx2 "Preline UI - Open source Tailwind CSS UI components") Article Product Hunt · 4y Preline UI - Open source Tailwind CSS UI components This is Preline UI's first launch. Made byand. Featured on June 8th, 2022 .is not rated yet . This is preline.com's first ever app. It's available on iOS, Android, and Windows. It is free to download and use. 130 10 5. 5 [](https://daily.dev/posts/tailwind-dx---a-devtools-extension-enabling-smart-tools-for-tailwind-css-dkk4pb9wd "Tailwind DX - A DevTools extension enabling smart tools for Tailwind CSS") Article Product Hunt · 4y Tailwind DX - A DevTools extension enabling smart tools for Tailwind CSS This is Tailwind DX's first launch. Made by. Featured on June 18th, 2022 .is not rated yet. Was hunted byin Developer Tools. Was made by in Developer Tools . Made by in developer tools. It is not ratedyet. It was made byin developer Tools. 104 7 6. 6 [](https://daily.dev/posts/json-hero-chrome-extension---a-beautiful-json-explorer-packed-with-features-kukr2rbzi "JSON Hero Chrome extension - A beautiful JSON explorer packed with features") Article Product Hunt · 4y JSON Hero Chrome extension - A beautiful JSON explorer packed with features The new JSON Hero Chrome extension lets you easily use JSON Hero from Chrome for plain JSON blobs. Or extract and open Firestore documents, Github files, and Open Graph metadata. And since JSON Hero is open source, you can even point to your own instance of the service. 86 5 7. 7 [](https://daily.dev/posts/tailwind-cheat-sheet---your-easy-access-to-tailwind-s-classes-73znln7nu "Tailwind Cheat Sheet - Your easy access to Tailwind's classes") Article Product Hunt · 4y Tailwind Cheat Sheet - Your easy access to Tailwind's classes Chrome extension to easily access Tailwind's classes. The extension provides following features: Easily accessible tailwind classes. Click on the class to copy the same to clipboard. Search for classes using the search function in Tailwind. Open Source. Back to Mail Online home. back to the page you came from. 85 4 8. 8 [](https://daily.dev/posts/dendron-v100---open-source-note-taking-for-developers-2r6wlojjw "Dendron v100 - Open source note taking for developers") Article Product Hunt · 4y Dendron v100 - Open source note taking for developers 74 4 9. 9 [](https://daily.dev/posts/css-gui---open-source-visual-editors-for-everything-in-the-css-spec-xh-jaaiap "CSS.GUI - Open source visual editors for everything in the CSS spec") Article Product Hunt · 4y CSS.GUI - Open source visual editors for everything in the CSS spec This is CSS.GUI's first launch. Made byand. Featured on June 11th, 2022 .is not rated yet . This is. CSS.UI's first release. It was hunted byin Design Tools GitHub and made by and. It is available on GitHub. 69 4 10. 10 [](https://daily.dev/posts/incredibly-in-your-face---vs-code-extension-that-shows-faces-that-correlate-to-errors-zk4x-fqon "Incredibly In Your Face - VS Code extension that shows faces that correlate to errors") Article Product Hunt · 4y Incredibly In Your Face - VS Code extension that shows faces that correlate to errors This is Incredibly In Your Face's first launch. Made by. Productivity Tech. Featured on June 3rd, 2022 .is not rated yet. This is. Incredibly in Your Face’s first launch, made by.productivity tech. Made on. June 3th, 2022. 49 5 11. 11 [](https://daily.dev/posts/wilco---master-dev-skills-using-a-flight-simulator-for-developers-mz9r-hg1f "Wilco - Master dev skills using a 'flight simulator' for developers") Article Product Hunt · 4y Wilco - Master dev skills using a 'flight simulator' for developers Quests are real-life engineering challenges you complete using a tech stack of your choice. Explore new technologies, brush up on skills, get achievements, and never stop developing. Accelerate your professional development by going on quests. Go on quests with your friends and complete challenges. 45 5 12. 12 [](https://daily.dev/posts/untitled-ui-icons-1-100-free-icons---1-100-free-essential-figma-icons-for-modern-ui-design-gd3hto8f8 "Untitled UI Icons — 1,100+ FREE icons - 1,100+ FREE essential Figma icons for modern UI design") Article Product Hunt · 4y Untitled UI Icons — 1,100+ FREE icons - 1,100+ FREE essential Figma icons for modern UI design This is Untitled UI Icons — 1,100+ FREE icons's first launch. Made by. Design Tools Developer Tools. Featured on June 2nd, 2022 .is not rated yet. Unrated icons can be downloaded for free from the App Store and Google Play. 44 3 13. 13 [](https://daily.dev/posts/makeswift-2-0---make-your-next-js-site-visually-editable-in-minutes-l7aytvahe "Makeswift 2.0 - Make your Next.js site visually editable in minutes") Article Product Hunt · 4y Makeswift 2.0 - Make your Next.js site visually editable in minutes Makewift 2.0 lets developers integrate React components from their Next.js app into our visual builder. Unlock your next.js site and give marketers and designers control over content and layout starting with just one page. Makewift is a free, open source, cross-platform programming tool for iOS and Android. 37 1 14. 14 [](https://daily.dev/posts/react-cmdk---build-your-dream-command-palette-ghatrthsc "react-cmdk - Build your dream command palette") Article Product Hunt · 4y react-cmdk - Build your dream command palette 30 15. 15 [](https://daily.dev/posts/tailbuild---tailwind-3-css-page-and-component-builder-fdl3ku4c7 "Tailbuild - Tailwind 3 CSS page and component builder") Article Product Hunt · 4y Tailbuild - Tailwind 3 CSS page and component builder Easy to use Tailwind 3 CSS page builder. Start with a pre-built HTML template, use your own HTML in the editor or drop in pre- built UI components into a blank canvas. Build, save, edit and download components and templates effortlessly with Tailbuild. 28 16. 16 [](https://daily.dev/posts/sequoia-theme---black-elegant-modern-and-gentle-theme-for-vs-code-bjztaycu2 "Sequoia Theme - Black, elegant, modern and gentle theme for VS Code") Article Product Hunt · 4y Sequoia Theme - Black, elegant, modern and gentle theme for VS Code 27 3 17. 17 [](https://daily.dev/posts/makerbox---600-tools-with-generous-free-plans-for-indie-entrepreneurs-obul-zyxz "MakerBox - 600 tools with generous free plans for indie entrepreneurs") Article Product Hunt · 4y MakerBox - 600 tools with generous free plans for indie entrepreneurs Pick the best development, marketing, and design tools. Grow your product without breaking the bank. Save your time with MakerBox. Get the list of 600 products with generous Free plans. Hand-picked by Indie Entrepreneurs for Indie Entrepreneur ❤️. For more information, visit makerbox.com. 25 18. 18 [](https://daily.dev/posts/gradient-shadows---css-gradient-shadows-generator-qa0mjzqcf "Gradient Shadows - CSS gradient shadows generator") Article Product Hunt · 4y Gradient Shadows - CSS gradient shadows generator In a few seconds, you'll be able to test and generate the CSS code for your gradient shadows. Did you know you can use gradients for your shadows? This generator makes it easy for you. For more information on how to use the generator, visit the official website. 24 19. 19 [](https://daily.dev/posts/nosignup-tools---free-web-apps-that-don-t-require-signup-f2f0hs5-w "nosignup.tools - Free web apps that don't require signup") Article Product Hunt · 4y nosignup.tools - Free web apps that don't require signup Nosignup.Tools is a curated collection of web-based tools that don't require you to create an account or register. All tools listed can be used instantly in 10 seconds or less. Free Collect Embed Embed Share Stats Stats Stats stats stats statsstats.com. 23 20. 20 [](https://daily.dev/posts/mvp---a-database-of-100-playbooks-created-by-world-class-founders-yarqu9tdd "MVP - A database of 100+ playbooks created by world-class founders") Article Product Hunt · 4y MVP - A database of 100+ playbooks created by world-class founders MVP is a curated database of 100+ playbooks, blogs and resources created by people like Michael Seibel, Julian Shapiro and Lenny Rachitsky. How do I do cold outreach? Try cold outreach. Where do I find a co-founder? Try co-founding a company. 23 21. 21 [](https://daily.dev/posts/simpledb---let-you-store-data-without-touching-the-database-4wrpjvv51 "SimpleDB - Let you store data without touching the database") Article Product Hunt · 4y SimpleDB - Let you store data without touching the database 21 22. 22 [](https://daily.dev/posts/carbide---stop-diagramming-and-start-modelling-duiasbz-3 "Carbide - Stop diagramming and start modelling") Article Product Hunt · 4y Carbide - Stop diagramming and start modelling 19 23. 23 [](https://daily.dev/posts/earth-api---earth-s-data-now-xlqygkf8f "Earth API - Earth's data, now") Article Product Hunt · 4y Earth API - Earth's data, now Everything humans do affects the ecosystems around us. Many of the earth's life support systems are at tipping points. There is a need for greater accessibility and modernization of how we use climate data and what we are building and researching. We need to make climate data more accessible and accessible. 19 24. 24 [](https://daily.dev/posts/devbox---a-ui-for-local-storage-vnqble8xz "Devbox - A UI for local storage") Article Product Hunt · 4y Devbox - A UI for local storage 19 2 25. 25 [](https://daily.dev/posts/steampipe---open-source-sql-interface-to-your-favorite-cloud-apis--0jz8vukgo "Steampipe - Open source SQL interface to your favorite cloud APIs🧑‍💻") Article Product Hunt · 4y Steampipe - Open source SQL interface to your favorite cloud APIs🧑‍💻 select \* from AWS, Azure, GCP, Github, Slack etc. Open source project from Turbot, empowers cloud pros to query cloud. Steampipe: select \* from cloud; select ‘\*’ from any cloud service. The extensible SQL interface to your favorite cloud APIs is free and open source. 17 [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/06#page","url":"https://daily.dev/sources/ph/best-of/2022/06","name":"Best Product Hunt Posts — June 2022","description":"The most upvoted Product Hunt posts from June 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/06#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/vslook---customize-the-look-of-your-vscode--ei9rwvp87","name":"VSLook - Customize the look of your VSCode 😎"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/umbrel---a-beautiful-personal-server-os-for-self-hosting-mvnejg0ba","name":"Umbrel - A beautiful personal server OS for self-hosting"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/tanstack---high-quality-open-source-software-for-web-developers-mj1oid2i2","name":"TanStack - High-quality open-source software for web developers"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/preline-ui---open-source-tailwind-css-ui-components-62xdahtx2","name":"Preline UI - Open source Tailwind CSS UI components"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/tailwind-dx---a-devtools-extension-enabling-smart-tools-for-tailwind-css-dkk4pb9wd","name":"Tailwind DX - A DevTools extension enabling smart tools for Tailwind CSS"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/json-hero-chrome-extension---a-beautiful-json-explorer-packed-with-features-kukr2rbzi","name":"JSON Hero Chrome extension - A beautiful JSON explorer packed with features"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/tailwind-cheat-sheet---your-easy-access-to-tailwind-s-classes-73znln7nu","name":"Tailwind Cheat Sheet - Your easy access to Tailwind's classes"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/dendron-v100---open-source-note-taking-for-developers-2r6wlojjw","name":"Dendron v100 - Open source note taking for developers"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/css-gui---open-source-visual-editors-for-everything-in-the-css-spec-xh-jaaiap","name":"CSS.GUI - Open source visual editors for everything in the CSS spec"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/incredibly-in-your-face---vs-code-extension-that-shows-faces-that-correlate-to-errors-zk4x-fqon","name":"Incredibly In Your Face - VS Code extension that shows faces that correlate to errors"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/wilco---master-dev-skills-using-a-flight-simulator-for-developers-mz9r-hg1f","name":"Wilco - Master dev skills using a 'flight simulator' for developers"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/untitled-ui-icons-1-100-free-icons---1-100-free-essential-figma-icons-for-modern-ui-design-gd3hto8f8","name":"Untitled UI Icons — 1,100+ FREE icons - 1,100+ FREE essential Figma icons for modern UI design"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/makeswift-2-0---make-your-next-js-site-visually-editable-in-minutes-l7aytvahe","name":"Makeswift 2.0 - Make your Next.js site visually editable in minutes"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/react-cmdk---build-your-dream-command-palette-ghatrthsc","name":"react-cmdk - Build your dream command palette"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/tailbuild---tailwind-3-css-page-and-component-builder-fdl3ku4c7","name":"Tailbuild - Tailwind 3 CSS page and component builder"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/sequoia-theme---black-elegant-modern-and-gentle-theme-for-vs-code-bjztaycu2","name":"Sequoia Theme - Black, elegant, modern and gentle theme for VS Code"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/makerbox---600-tools-with-generous-free-plans-for-indie-entrepreneurs-obul-zyxz","name":"MakerBox - 600 tools with generous free plans for indie entrepreneurs"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/gradient-shadows---css-gradient-shadows-generator-qa0mjzqcf","name":"Gradient Shadows - CSS gradient shadows generator"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/nosignup-tools---free-web-apps-that-don-t-require-signup-f2f0hs5-w","name":"nosignup.tools - Free web apps that don't require signup"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/mvp---a-database-of-100-playbooks-created-by-world-class-founders-yarqu9tdd","name":"MVP - A database of 100+ playbooks created by world-class founders"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/simpledb---let-you-store-data-without-touching-the-database-4wrpjvv51","name":"SimpleDB - Let you store data without touching the database"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/carbide---stop-diagramming-and-start-modelling-duiasbz-3","name":"Carbide - Stop diagramming and start modelling"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/earth-api---earth-s-data-now-xlqygkf8f","name":"Earth API - Earth's data, now"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/devbox---a-ui-for-local-storage-vnqble8xz","name":"Devbox - A UI for local storage"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/steampipe---open-source-sql-interface-to-your-favorite-cloud-apis--0jz8vukgo","name":"Steampipe - Open source SQL interface to your favorite cloud APIs🧑‍💻"}]},{"@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":"June 2022"}]}]} ```