--- title: Best Open Source posts of 2022 | daily.dev description: The most upvoted Open Source posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/open-source/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/open-source/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Open Source posts of 2022 | daily.dev og:description: The most upvoted Open Source posts of 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 Open Source — 2022 1. 1 [](/posts/free-open-source-tailwind-css-components-tqkhcla01 "Free Open Source Tailwind CSS Components") Article Changelog · 4y Free Open Source Tailwind CSS Components HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more. HyperUI is an open source collection of Tailwind components. 1K 84 2. 2 [](/posts/netflix-system-design--backend-architecture-g2q-lrrvj "Netflix System Design- Backend Architecture") Article Community Picks · 4y Netflix System Design- Backend Architecture Netflix accounts for about 15% of the world's internet bandwidth traffic. Netflix operates in two clouds Amazon Web Services and Open Connect (Netflix content delivery network) The overall Netflix system consists of three main parts. Zuul as its API gateway is built to allow dynamic routing, traffic monitoring, and security, resilience to The Netty handlers on the front and back of the filters. 742 32 3. 3 [](/posts/the-modern-javascript-tutorial-gay6khtgj "The Modern JavaScript Tutorial") Article Hacker News · 4y The Modern JavaScript Tutorial 707 41 4. 4 [](/posts/portfolio-ideas---an-open-source-repository-for-inspiration-4ln4rnfyy "Portfolio Ideas - An open-source repository for inspiration") Article Hashnode · 4y Portfolio Ideas - An open-source repository for inspiration Portfolio ideas is a repository of incredible developer portfolios you can draw inspiration from. It is also a beginner-friendly open-source project for developers looking to contribute for the first time. To add a portfolio, you can either create a new table or copy an already existing table and edit it. 508 52 5. 5 [](/posts/finally-a-free-and-open-source-resume-builder-without-watermarks-or-limitations-ynyixf6cr "Finally, a Free (and Open Source) Resume Builder Without Watermarks or Limitations") Article DEV · 4y Finally, a Free (and Open Source) Resume Builder Without Watermarks or Limitations Free (and Open Source) Resume Builder Without Watermarks or Limitations is free. Reactive Resume is a free and open source resume builder. It's easy to use, and you can create an account to save any number of resumes. You can export your resume as a JSON to backup to your own devices. 368 30 6. 6 [](/posts/a-swiss-army-knife-for-developers-ipc3yh-r0 "A Swiss Army knife for developers") Article Pointer · 5y A Swiss Army knife for developers DevToys works entirely offline! No need to use many untruthful websites to do simple tasks with your data. Free, open source and offline. 14+ tools are available, including: JWT decoder, Hash generator and Json to Yaml converter. 352 37 7. 7 [](/posts/introducing-json-hero-an-open-source-beautiful-json-viewer-for-the-web-that-lets-you-browse-searc-j2mqwvq0d "Introducing JSON Hero: an open-source, beautiful JSON viewer for the web that lets you browse, search and navigate your JSON files at speed. 🚀") Article Hashnode · 4y Introducing JSON Hero: an open-source, beautiful JSON viewer for the web that lets you browse, search and navigate your JSON files at speed. 🚀 Johannes Schulte has created a tool to make reading and understanding JSON easier and more efficient than a Wall-O-Text. JSON Hero is a remix React app that runs on Cloudflare Workers, written in Typescript. It can automatically infer the content of the selected item and give you intelligent previews for dates and times. 342 21 8. 8 [](/posts/copilot-works-so-well-because-it-steals-open-source-code-and-strips-credit-cxvof8poe "Copilot works so well because it steals open source code and strips credit") Article The Next Web · 4y Copilot works so well because it steals open source code and strips credit The Software Freedom Conservancy announced its withdrawal from GitHub today. The SFC is upset that Microsoft and OpenAI trained an AI system called Copilot on data that was published under an open-source license. The only way to get access to Copilot is through a special invitation from Microsoft or paid subscription. 304 45 9. 9 [](/posts/awesome-selfhosted-awesome-selfhosted-a-list-of-free-software-network-services-and-web-applications-2wrd-48qx "awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers") Article Pointer · 4y awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers This is a list of Free Software network services and web applications which can be hosted on your own server(s) Non-Free software is listed on the non-Free page. Awesome-Selfhosted is the practice of hosting and managing applications on your OWN server. 294 10 10. 10 [](/posts/it-tools---collection-of-handy-online-tools-for-devs-with-great-ux-6n6fr3j8p "IT Tools - Collection of handy online tools for devs, with great UX") Article Product Hunt · 4y IT Tools - Collection of handy online tools for devs, with great UX IT Tools is a free and open-source collection of handy online tools for developers & people working in IT. It includes a token generator, case converter, base converter QR code generator, Git cheatsheet, lorem ipsum generator, ... and many more. 285 5 11. 11 [](/posts/codeimage---a-tool-for-manage-and-beautify-your-code-screenshots--xs-eodvc "CodeImage - A tool for manage and beautify your code screenshots") Article Product Hunt · 4y CodeImage - A tool for manage and beautify your code screenshots Free CodeImage is a web application that allows you to manage and beautify your code screenshots. It's an open source side project born thanks to the SolidJS hackathon. It's currently maintained and is maintained by the team. 244 21 12. 12 [](/posts/the-algorithms-jniwwrkea "The Algorithms") Article Changelog · 4y The Algorithms The Algorithms Hello, algorithms! Welcome to GitHub's largest open-source algorithm library. We are a group of programmers helping each other build new things. Each language has its own GitHub repository where all the code for the algorithms is stored. 244 10 13. 13 [](/posts/gitignore-io-is-great-gzf82twtk "gitignore.io is great") Article Community Picks · 4y gitignore.io is great gitignore.io is a tool that is so profoundly helpful that I've forgotten what life was like without it. Its purpose is simple: for any project you're working on, it'll generate a valid.gitignore file for you. You can write it by hand, or grab one from another project you work on. 214 16 14. 14 [](/posts/give-up-github-the-time-has-come--te0xssdh "Give Up GitHub: The Time Has Come!") Article Hacker News · 4y Give Up GitHub: The Time Has Come! GitHub profits from those proprietary products (sometimes from customers who use it for problematic activities). GitHub profits primarily from those who wish to use GitHub tools for in-house proprietary software development. If you aren't the customer, you're the product. The FOSS development methodology is GitHub's product, which they've proprietarized. 215 40 15. 15 [](/posts/how-to-perform-motion-detection-using-python-sccsvlmsi "How to Perform Motion Detection Using Python") Article KDnuggets · 4y How to Perform Motion Detection Using Python Python programming language is an open-source library-rich language that provides a plethora of applications to its user. Motion detection has many real-life implementations or usages where it can prove its worthiness, such as for invigilation of online exams or for security purposes in stores, stores, banks, etc. The language has a number of users. 211 12 16. 16 [](/posts/vscode-updates-frameworks-git-cli-js-utils-fxn-8vszg "VSCode Updates, Frameworks, Git/CLI, JS Utils") Article Web Tools Weekly · 4y VSCode Updates, Frameworks, Git/CLI, JS Utils This week's newsletter includes tools, extensions, the latest news, articles, and tutorials on VS Code. VSCode Updates, Frameworks, Git/CLI, JS Utils, and Email are all free and open-source tools. 201 8 17. 17 [](/posts/appwrite---100-open-source-alternative-for-firebase-umop06zvi "Appwrite - 100% open source alternative for Firebase") Article Product Hunt · 4y Appwrite - 100% open source alternative for Firebase Appwrite provides authentication, database, storage, functions, and advanced realtime capabilities. 174 18 18. 18 [](/posts/jarred-sumner-bun-incredibly-fast-javascript-runtime-bundler-transpiler-and-package-manager-all--6jvvw4-b "Jarred-Sumner/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one.") Article Pointer · 4y Jarred-Sumner/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one. Bun is a fast & easy-to-use tool that embeds JavaScriptCore, which tends to be faster and more memory efficient than more popular engines like V8\. Instead of 1,000 node\_modules for development, you only need bun. Join bun’s Discord for help and have a look at things that don't work yet. 171 8 19. 19 [](/posts/notesnook-is-now-open-source--ubajsk-lu "Notesnook is now open source!") Article DEV · 4y Notesnook is now open source! Notesnook is a free (as in speech) & open source note taking app focused on user privacy & ease of use. It features 100% end-to-end encrypted sync (free & unlimited for all) encrypted attachments (unlimited storage for as low as $0.99/mo) and encrypted publishing of notes. Creating free alternatives to data "stealing" 154 5 20. 20 [](/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 21. 21 [](/posts/coolify---an-open-source-self-hostable-heroku-netlify-alternative-gblrqekp "Coolify - An open-source & self-hostable Heroku / Netlify alternative") Article Product Hunt · 5y Coolify - An open-source & self-hostable Heroku / Netlify alternative Coolify is an open-source and self-hostable all-in-one (IaaS) solution. It's an alternative software to Heroku and Netlify and other similar software out there. Coolify is available in the US and Canada. For more information, visit Coolify's website. 147 11 22. 22 [](/posts/open-source-backend-in-1-file-8kp4mo4vc "Open Source backend in 1 file") Article Pointer · 4y Open Source backend in 1 file 132 3 23. 23 [](/posts/open-source-for-developers-a-beginner-s-handbook-to-help-you-start-contributing-ji627p02b "Open Source for Developers – A Beginner's Handbook to Help You Start Contributing") Article freeCodeCamp · 4y Open Source for Developers – A Beginner's Handbook to Help You Start Contributing Open Source is a generic term for Open Source Software (OSS) Open-source software is built on source code that's open to everyone to view, change, extend, and distribute. 119 30 24. 24 [](/posts/alinea---open-source-headless-cms-efwcm8vaj "Alinea - Open source headless CMS") Article Product Hunt · 4y Alinea - Open source headless CMS Open source CMS Alinea is an open source content management system written in TypeScript. Installed as a single NPM package you get going without setting up databases, environments or any other services. 116 4 25. 25 [](/posts/open-source-alternative-to---discover-open-source-alternatives-to-your-proprietary-saas-dtpnynd-4 "Open Source Alternative To - Discover open source alternatives to your proprietary SaaS") Article Product Hunt · 5y Open Source Alternative To - Discover open source alternatives to your proprietary SaaS OpenSourceAlternative.To lets you search and filter 250+ open source alternatives by categories, licenses, languages, stargazers, and date added. All data is updated from GitHub once per day, and everyone can easily submit their favorite alternatives. OpenSource Alternative.To is free and open source. 115 3 [See all Open Source archives](/tags/open-source/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/tags/open-source/best-of/2022#page","url":"https://daily.dev/tags/open-source/best-of/2022","name":"Best Open Source Posts of 2022","description":"The most upvoted Open Source posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/open-source/best-of/2022#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/free-open-source-tailwind-css-components-tqkhcla01","name":"Free Open Source Tailwind CSS Components"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/netflix-system-design--backend-architecture-g2q-lrrvj","name":"Netflix System Design- Backend Architecture"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/the-modern-javascript-tutorial-gay6khtgj","name":"The Modern JavaScript Tutorial"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/portfolio-ideas---an-open-source-repository-for-inspiration-4ln4rnfyy","name":"Portfolio Ideas - An open-source repository for inspiration"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/finally-a-free-and-open-source-resume-builder-without-watermarks-or-limitations-ynyixf6cr","name":"Finally, a Free (and Open Source) Resume Builder Without Watermarks or Limitations"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/a-swiss-army-knife-for-developers-ipc3yh-r0","name":"A Swiss Army knife for developers"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/introducing-json-hero-an-open-source-beautiful-json-viewer-for-the-web-that-lets-you-browse-searc-j2mqwvq0d","name":"Introducing JSON Hero: an open-source, beautiful JSON viewer for the web that lets you browse, search and navigate your JSON files at speed. 🚀"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/copilot-works-so-well-because-it-steals-open-source-code-and-strips-credit-cxvof8poe","name":"Copilot works so well because it steals open source code and strips credit"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/awesome-selfhosted-awesome-selfhosted-a-list-of-free-software-network-services-and-web-applications-2wrd-48qx","name":"awesome-selfhosted/awesome-selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/it-tools---collection-of-handy-online-tools-for-devs-with-great-ux-6n6fr3j8p","name":"IT Tools - Collection of handy online tools for devs, with great UX"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/codeimage---a-tool-for-manage-and-beautify-your-code-screenshots--xs-eodvc","name":"CodeImage - A tool for manage and beautify your code screenshots"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/the-algorithms-jniwwrkea","name":"The Algorithms"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/gitignore-io-is-great-gzf82twtk","name":"gitignore.io is great"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/give-up-github-the-time-has-come--te0xssdh","name":"Give Up GitHub: The Time Has Come!"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/how-to-perform-motion-detection-using-python-sccsvlmsi","name":"How to Perform Motion Detection Using Python"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/vscode-updates-frameworks-git-cli-js-utils-fxn-8vszg","name":"VSCode Updates, Frameworks, Git/CLI, JS Utils"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/appwrite---100-open-source-alternative-for-firebase-umop06zvi","name":"Appwrite - 100% open source alternative for Firebase"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/jarred-sumner-bun-incredibly-fast-javascript-runtime-bundler-transpiler-and-package-manager-all--6jvvw4-b","name":"Jarred-Sumner/bun: Incredibly fast JavaScript runtime, bundler, transpiler and package manager – all in one."},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/notesnook-is-now-open-source--ubajsk-lu","name":"Notesnook is now open source!"},{"@type":"ListItem","position":20,"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":21,"url":"https://daily.dev/posts/coolify---an-open-source-self-hostable-heroku-netlify-alternative-gblrqekp","name":"Coolify - An open-source & self-hostable Heroku / Netlify alternative"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/open-source-backend-in-1-file-8kp4mo4vc","name":"Open Source backend in 1 file"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/open-source-for-developers-a-beginner-s-handbook-to-help-you-start-contributing-ji627p02b","name":"Open Source for Developers – A Beginner's Handbook to Help You Start Contributing"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/alinea---open-source-headless-cms-efwcm8vaj","name":"Alinea - Open source headless CMS"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/open-source-alternative-to---discover-open-source-alternatives-to-your-proprietary-saas-dtpnynd-4","name":"Open Source Alternative To - Discover open source alternatives to your proprietary SaaS"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Open Source","item":"https://daily.dev/tags/open-source"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/open-source/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```