--- title: Best Product Hunt posts — July 2021 | daily.dev description: The most upvoted Product Hunt posts from July 2021, curated by the daily.dev community. canonical: https://daily.dev/sources/ph/best-of/2021/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/ph/best-of/2021/07 og:type: website og:site_name: daily.dev og:title: Best Product Hunt posts — July 2021 | daily.dev og:description: The most upvoted Product Hunt posts from July 2021, 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 2021 1. 1 [](https://daily.dev/posts/glass-ui-generator---css-generator-from-glassmorphism-idxs6sdzh "Glass UI Generator - CSS generator from glassmorphism") Article Product Hunt · 5y Glass UI Generator - CSS generator from glassmorphism Free CSS generator based on the glassmorphism design specifications. Get started with this free CSS generator. Embed this code into your site or create your own using the code generator below. The code generator is free to use and there is no cost to you. Use the CSS generator to help you with your site. 79 10 2. 2 [](https://daily.dev/posts/toolb-dev---a-set-of-50-free-interactive-css-html-and-js-webtools-mjrlhbbcy "Toolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools") Article Product Hunt · 5y Toolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools Toolb.dev provides a set of 50+ and expanding free CSS, HTML and JS webtools for daily usage. Embed Collect is one of the most popular ways to collect data from your web browser. Use this data to help people with reading comprehension and vocabulary. Use the weekly Newsquiz to test your knowledge of stories you saw on this site. 68 8 3. 3 [](https://daily.dev/posts/serendipity---a-lovely-vs-code-theme-for-retina-displays-dark-light-pm5atrvs7 "Serendipity - A lovely VS Code theme for retina displays, dark & light") Article Product Hunt · 5y Serendipity - A lovely VS Code theme for retina displays, dark & light Serendipity comes with dark and light themes, meticulously created to work on retina screens. Serendipities are available in black and white, black and grey, and white and black. The app is available now for iOS, Android and Blackberry devices. 53 8 4. 4 [](https://daily.dev/posts/memo---open-source-tool-to-help-you-study-software-development-vn1se49kc "Memo - Open-source tool to help you study software development") Article Product Hunt · 5y Memo - Open-source tool to help you study software development Memo is a open source app that uses a memory card-based approach to help you practice the subjects of interest to you in programming. We have a unique set of collections ranging from the most basic to the most advanced programming topics. Embed Collect is a free, open-source app. 53 1 5. 5 [](https://daily.dev/posts/blockman---highlight-nested-code-blocks-hm7vfx1zc "Blockman - Highlight nested code blocks") Article Product Hunt · 5y Blockman - Highlight nested code blocks VSCode extension - Blockman. You can customize block colors, depth, turn on-off focus, curly/square/round brackets, and more.Supports Python, Dart, Rust, Swift, R, Go, PHP, JavaScript, JSX, TypeScript, TSX, C, C#, C++, Java, HTML, CSS and more... 46 4 6. 6 [](https://daily.dev/posts/framer-for-developers---the-power-of-the-browser-with-the-freedom-of-a-canvas-dfpi0mtd3 "Framer for Developers - The power of the browser with the freedom of a canvas") Article Product Hunt · 5y Framer for Developers - The power of the browser with the freedom of a canvas Introducing Framer For Developers. Your home for everything code in Framer. 10x faster code editor. NPM support (beta) Use Smart Components in code. Auto Size in code • Sharing code with a link. Explore the rest — framer.com/developers. 28 1 7. 7 [](https://daily.dev/posts/console-devtools---discover-the-best-tools-for-developers-o9o72in "Console DevTools - Discover the best tools for developers") Article Product Hunt · 5y Console DevTools - Discover the best tools for developers Console is a free weekly email digest of the best tools and beta releases for developers. We keep track of everything - dev tools, devops, cloud, and APIs - so you don't have to. Embed this article into your own site and share it with your friends. 24 5 8. 8 [](https://daily.dev/posts/sizze---convert-design-to-app-with-ease--hv63ybhtf "Sizze - Convert design to app with ease 🚀") Article Product Hunt · 5y Sizze - Convert design to app with ease 🚀 Sizze is no-code solution for creating a mobile application. You will finally be able to convert your design into code React Native from Figma with ease. Now front-end application is in the hands of designers. Embed your own app with Sizze. 23 9. 9 [](https://daily.dev/posts/clearcut-fullstack-developer-roadmap---2021-full-stack-developer-roadmap-with-300-resources-mzw8pr8g "ClearCut FullStack Developer Roadmap - 2021 Full Stack Developer Roadmap with 300+ Resources") Article Product Hunt · 5y ClearCut FullStack Developer Roadmap - 2021 Full Stack Developer Roadmap with 300+ Resources Grab it now for $1, Don't miss it. Best Full Stack Dev Roadmap You Could Ever Imagine. (300+ Resources). After Tremendous Response for My Twitter thread on Frontend Dev Road map, I'm Creating a Full Stack Roadmap and combine it in one place. 18 2 10. 10 [](https://daily.dev/posts/tailwindcss-buttons---30-copy-paste-tailwindcss-buttons-5nmqwbswq "TailwindCSS Buttons - 30+ copy & paste TailwindCSS buttons") Article Product Hunt · 5y TailwindCSS Buttons - 30+ copy & paste TailwindCSS buttons A copy & paste collection of TailwindCSS buttons. Browse through this collection of awesome and unique buttons. Use them in any of your upcoming or exiting Tailwind CSS project. Embed these buttons into your own Tailwindcss project. Share this collection with your friends and family. 18 1 11. 11 [](https://daily.dev/posts/smart-text-editor---the-text-editor-that-requires-only-a-browser-and-a-keyboard-dnh5sc-mi "Smart Text Editor - The text editor that requires only a browser and a keyboard") Article Product Hunt · 5y Smart Text Editor - The text editor that requires only a browser and a keyboard Smart Text Editor is a vanilla JavaScript PWA that allows you to work on your coding projects from any device, in any browser. Want to edit HTML files in real time, right from the browser? Open it with Smart Text Editor! Embed this article into your site. 17 12. 12 [](https://daily.dev/posts/neverinstall---the-fastest-way-to-run-desktop-apps-df0fptwec "neverinstall - The Fastest way to run desktop apps") Article Product Hunt · 5y neverinstall - The Fastest way to run desktop apps Neverinstall allows users to run their favorite desktop applications in the browser. No need for installation, no repetitive downloading of files, and better yet, no storage space required. Neverinstall is free and available on all major operating systems. For more information, visit Neverinstall.com. 14 2 13. 13 [](https://daily.dev/posts/lineicons-3-0---5000-line-icons-for-designers-and-developers-xl8pskblj "Lineicons 3.0 - 5000+ Line icons for designers and developers") Article Product Hunt · 5y Lineicons 3.0 - 5000+ Line icons for designers and developers Free and premium vector line icon pack that comes with 5000+ diverse, carefully crafted, beautifully designed icons for modern UI design and development projects. Available in - SVG, Ai, Icon Font, PNG, and React. 40% Flat Discount! Login to get promo code Embed Collect. 14 1 14. 14 [](https://daily.dev/posts/jestor---no-code-internal-tool-builder-to-scale-startup-operations-x9z4cfefl "Jestor - No-code internal tool builder to scale startup operations") Article Product Hunt · 5y Jestor - No-code internal tool builder to scale startup operations Jestor is a no-code tool for COOs that need to scale their operations fast. Build your own App to manage people in the field. Create automations with a few clicks (Slack, Gmail and more) Connect all processes with powerful workflows. 11 [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/2021/07#page","url":"https://daily.dev/sources/ph/best-of/2021/07","name":"Best Product Hunt Posts — July 2021","description":"The most upvoted Product Hunt posts from July 2021, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/ph/best-of/2021/07#items","numberOfItems":14,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/glass-ui-generator---css-generator-from-glassmorphism-idxs6sdzh","name":"Glass UI Generator - CSS generator from glassmorphism"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/toolb-dev---a-set-of-50-free-interactive-css-html-and-js-webtools-mjrlhbbcy","name":"Toolb.dev - A set of 50+ free interactive CSS, HTML and JS webtools"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/serendipity---a-lovely-vs-code-theme-for-retina-displays-dark-light-pm5atrvs7","name":"Serendipity - A lovely VS Code theme for retina displays, dark & light"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/memo---open-source-tool-to-help-you-study-software-development-vn1se49kc","name":"Memo - Open-source tool to help you study software development"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/blockman---highlight-nested-code-blocks-hm7vfx1zc","name":"Blockman - Highlight nested code blocks"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/framer-for-developers---the-power-of-the-browser-with-the-freedom-of-a-canvas-dfpi0mtd3","name":"Framer for Developers - The power of the browser with the freedom of a canvas"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/console-devtools---discover-the-best-tools-for-developers-o9o72in","name":"Console DevTools - Discover the best tools for developers"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/sizze---convert-design-to-app-with-ease--hv63ybhtf","name":"Sizze - Convert design to app with ease 🚀"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/clearcut-fullstack-developer-roadmap---2021-full-stack-developer-roadmap-with-300-resources-mzw8pr8g","name":"ClearCut FullStack Developer Roadmap - 2021 Full Stack Developer Roadmap with 300+ Resources"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/tailwindcss-buttons---30-copy-paste-tailwindcss-buttons-5nmqwbswq","name":"TailwindCSS Buttons - 30+ copy & paste TailwindCSS buttons"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/smart-text-editor---the-text-editor-that-requires-only-a-browser-and-a-keyboard-dnh5sc-mi","name":"Smart Text Editor - The text editor that requires only a browser and a keyboard"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/neverinstall---the-fastest-way-to-run-desktop-apps-df0fptwec","name":"neverinstall - The Fastest way to run desktop apps"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/lineicons-3-0---5000-line-icons-for-designers-and-developers-xl8pskblj","name":"Lineicons 3.0 - 5000+ Line icons for designers and developers"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/jestor---no-code-internal-tool-builder-to-scale-startup-operations-x9z4cfefl","name":"Jestor - No-code internal tool builder to scale startup operations"}]},{"@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 2021"}]}]} ```