Dự án mã nguồn mở Frontend tốt nhất

freeCodeCamp is a free, self-paced curriculum for learning to code, published as open source at freeCodeCamp/freeCodeCamp. It's a 501(c)(3) nonprofit funded by donor support, structured around six certifications in its Full-Stack Developer Curriculum, each gated by required projects instead of open-book quizzes. The repository also carries beta language certifications for developers, interview-prep resources, and the code that runs the live freecodecamp.org platform.

Hermes Agent (NousResearch/hermes-agent) is an open-source, self-improving AI agent from Nous Research, written in Python and released under the MIT license. The README describes a closed learning loop, a terminal UI, and a messaging gateway spanning Telegram, Discord, Slack, WhatsApp, and Signal, plus support for running the agent on a VPS, a GPU cluster, or serverless infrastructure.

Vue 2, also known as Vue.js 2, is the earlier major version of the Vue JavaScript framework, hosted at vuejs/vue on GitHub under an MIT license. Per the repository's own README, Vue 2 hit End of Life on December 31, 2023, is no longer actively maintained, and the project now directs users toward vuejs/core (Vue 3) and an official migration guide, while leaving Vue 2 itself installable through CDNs, package managers, and GitHub.

microsoft/vscode is the GitHub repository where Microsoft develops the Visual Studio Code editor together with the community, published under the MIT license. The README draws a clear line between this open Code - OSS source and the Microsoft-branded Visual Studio Code product, a separate distribution built from this code plus Microsoft-specific customizations.

Bootstrap is an open-source front-end framework maintained at twbs/bootstrap. It ships compiled and minified CSS and JavaScript for building responsive, mobile-first sites, is licensed under MIT, and the release referenced throughout the README's install instructions is v5.3.8. The project was created by Mark Otto and Jacob Thornton, and its documentation is built with Astro and hosted at getbootstrap.com.

Airbnb JavaScript Style Guide is a public reference of JavaScript coding conventions maintained in the airbnb/javascript GitHub repository, covering rules for types, references, objects, arrays, destructuring, strings, and functions, among other topics. Most guidelines cite a matching ESLint rule and show bad-versus-good code side by side, and the project also links companion guides for React and CSS-in-JavaScript.

Next.js is a React framework from Vercel for building full-stack web applications, with file-based routing, server rendering, and static generation built in. Instead of wiring a router, bundler, and rendering strategy onto plain React yourself, you get those decisions made for you and pick a rendering mode per route.

Electron (electron/electron on GitHub) is an open-source, MIT-licensed framework for building cross-platform desktop apps with JavaScript, HTML, and CSS on top of Node.js and Chromium. The README covers installing it as a dev dependency through npm, lists platform support for macOS, Windows, and Linux, and points to a companion tool, Electron Fiddle, for trying the API before starting a full project.

TypeScript is Microsoft's open-source superset of JavaScript, hosted at microsoft/TypeScript, that layers an optional type system onto JavaScript and compiles it down to standards-based JS. The README describes it as built for application-scale JavaScript across any browser, host, or OS. Most day-to-day compiler bug fixes are now directed to the separate typescript-go repository, while this repo gates changes ahead of TypeScript 7.0.

Deno is an open-source runtime for JavaScript, TypeScript, and WebAssembly, maintained in the denoland/deno GitHub repository under the MIT license. Its own quickstart runs a TypeScript file straight through deno run and requires an explicit --allow-net flag before a program can open a network port. The project also points to JSR, an open-source package registry, and the Deno Standard Library as its dependency and utility resources.

The Programmer's Guide to Cooking is an open-source recipe collection written for developers who are tired of vague cooking instructions. It contains over 330 recipes organized into 10 categories, from basic vegetable dishes to complex regional specialties. The author got frustrated with internet recipes that say things like "add a pinch of salt" without specifying the actual amount, and applied programmer thinking: precise quantities, clear steps, and reproducible results. The collection covers Chinese home cooking, international dishes, breakfast items, desserts, and drinks. All recipes follow a consistent template that makes them easy to follow and contribute.

Ant Design is an open-source React UI library and design language maintained at ant-design/ant-design on GitHub. Its README describes pre-built TypeScript components, a CSS-in-JS theme-customization system, and locale support spanning dozens of languages, aimed at enterprise-class web apps. The project is released under the MIT license.

App Ideas Collection is a GitHub repository maintained by Florin Pop and Jim Medlock that catalogs application ideas developers can build to practice their skills, organized into three difficulty tiers. Each entry defines an objective, user stories, optional bonus features, and resource links rather than a bare project name, and the repository is sponsored by CodeRabbit and licensed under MIT.

Web Development for Beginners - A Curriculum is Microsoft's free, MIT-licensed course of 24 lessons spread across 12 weeks, covering JavaScript, CSS, and HTML. Built by Microsoft Cloud Advocates, it pairs quizzes with five hands-on projects, a terrarium, a typing game, a browser extension, a space game, and a banking app, and ships in 50+ language translations.

Clean Code JavaScript is an open-source reference maintained by Ryan McDermott at ryanmcdermott/clean-code-javascript, adapting principles from Robert C. Martin's book Clean Code into JavaScript-specific "Bad" and "Good" code examples. It spans twelve chapters, from Variables and Functions through Classes, SOLID, Testing, Concurrency, and Error Handling, and is released under the MIT license.

Storybook is a frontend workshop maintained at storybookjs/storybook. It renders UI components and pages in isolation from your main application. Core renderers include React, Angular, Vue 3, Web Components, HTML, Ember, Svelte, and Preact, plus React Native and community support for Qwik and SolidJS. It's released under the MIT license.

vue-element-admin is a Vue and Element UI template for admin dashboards maintained by PanJiaChen on GitHub. It ships permission-based routing, multi-environment build scripts, and pre-integrated editors and Excel tooling, demoed against Mock.js data instead of a real backend, and it's released under the MIT license.

World Monitor is a geopolitical intelligence dashboard that one developer, Elie Habib, built to pull 500+ news feeds, a 3D globe, market data, flight tracking, and a country-risk score into a single situational-awareness screen, and it's open source under AGPL-3.0.

Vite pairs a native-ES-module dev server with a Rolldown-powered production build, distributed under the MIT license from a small monorepo that also ships create-vite and @vitejs/plugin-legacy. The pitch is simple: skip bundling while you're actively developing, then bundle only when you need shippable static assets.

Lazygit is a Go-based terminal UI that puts git's staging, rebasing, cherry-picking, and bisecting behind single keypresses instead of raw CLI subcommands. It runs inside any terminal next to your existing git setup, with no separate GUI app to install.

World Monitor is a geopolitical intelligence dashboard that one developer, Elie Habib, built to pull 500+ news feeds, a 3D globe, market data, flight tracking, and a country-risk score into a single situational-awareness screen, and it's open source under AGPL-3.0.

Chrome DevTools frontend is the client-side TypeScript and CSS codebase that renders the DevTools panel built into Chrome and other Chromium browsers, maintained at ChromeDevTools/devtools-frontend. The canonical repository is hosted on chromium.googlesource.com, with GitHub serving as a mirror. It's also published to NPM as chrome-devtools-frontend, and the README notes the package isn't yet available as CJS or ES modules.

Codelyzer is a TSLint rule set built by mgechev for static analysis of Angular TypeScript projects, covering components, directives, templates, and styles. It is MIT-licensed, and its README already points ESLint users toward the newer angular-eslint project instead.

eslint-config-standard is the shareable ESLint configuration behind JavaScript Standard Style, maintained at github.com/standard/eslint-config-standard. It packages Standard's rule set as a flat config object for developers who already run their own ESLint setup, while its README steers everyone else toward the standard package's zero-config command-line tool.

InstantSearch is Algolia's open-source JavaScript library, hosted at algolia/instantsearch, for building instant, as-you-type search result experiences in vanilla JavaScript, React, and Vue. The repo bundles the core instantsearch.js package alongside react-instantsearch, vue-instantsearch, the algoliasearch-helper for advanced query building, a create-instantsearch-app CLI to bootstrap projects, and instantsearch.css for default widget styling — all built to run against Algolia's own search API.

Mpx is an open-source cross-platform framework maintained by DiDi (didi/mpx on GitHub) that compiles one Vue-like codebase to WeChat, Alipay, Baidu, ByteDance, QQ, and JD mini-programs, a Web build, and React Native apps for iOS, Android, and Harmony. The README documents single-file components, a Composition API, Vuex-style state management, TypeScript support, and a runtime it says compresses to 14KB gzipped, alongside a webpack5-based compiler with persistent caching.

egjs Flicking is an open-source carousel component from NAVER, published on GitHub as naver/egjs-flicking, written in TypeScript, and released under the MIT license. NAVER's own repo description says the carousel is experienced by '30 million people' every day, though it doesn't specify which products that count spans. The README lists circular looping, momentum-based free scroll, and a virtual-scroll mode for large panel counts, along with SSR support for Next.js and Nuxt and separate packages for React, Vue 3, and add-on plugins.

HTML5 Boilerplate is a front-end starter template that ships browser-compatibility defaults, CSS helper classes, and Open Graph placeholders in a dist folder you copy into a new project. Hundreds of developers have contributed to it over more than a decade, but it deliberately skips a framework, router, or component model, leaving you to bring your own build tooling on top of the scaffold it provides.

30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

Front End interview preparation materials for busy engineers (updated for 2026)

🐠 Babel is a compiler for writing next generation JavaScript.

TypeScript-first schema validation with static type inference

Large single page application with 45 pages built on vue2 + vuex. 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用

The fastest knowledge base for growing teams. Beautiful, realtime collaborative, feature packed, and markdown compatible.

fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple

Build system optimized for JavaScript and TypeScript, written in Rust

什么？你敢放心的把后背交给 AI? 我赌你不敢，那就来学学 AI 时代最酷、最安全、最快的语言吧。本书拥有全面且深入的讲解、生动贴切的示例、德芙般丝滑的内容，这可能是目前最用心的 Rust 中文学习教程 / Book

🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.

🌟 JavaScript Style Guide, with linter & automatic code fixer

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.