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.

Twenty positions itself as a developer-first CRM — one you'd treat like the rest of your codebase rather than a black-box SaaS tool you configure through a GUI. The monorepo ships a full TypeScript stack (NestJS backend, React frontend, PostgreSQL + Redis) and lets you define custom objects, fields, and views as code using their SDK, then publish them to a workspace via CLI. That tight loop between code and live CRM data is the actual differentiator: it's not a CRM with an API tacked on, it's a platform where the schema itself is versioned and shippable. The tradeoff is that you'll need someone comfortable with TypeScript and a self-hosted setup if you want to go beyond the cloud offering — it's built for teams that want to own their data model, not just configure dropdowns.

Auth0 Next.js SDK (@auth0/nextjs-auth0) is Auth0's official TypeScript library for adding Auth0 authentication to Next.js applications, maintained in the auth0/nextjs-auth0 GitHub repository. It ships an Auth0Client for the server plus a middleware/proxy handler that manages login, callback, and logout at the network boundary, and the README documents configuration for rolling sessions, custom domains, PAR, and database-backed session stores. The project carries an MIT license.

Frappe Learning is an open-source Learning Management System developed by the Frappe team to offer a simpler alternative to more complex LMS platforms. It provides a structured approach to content delivery, enabling a 3-level hierarchy for organizing courses into chapters and lessons. The system includes features for managing live Zoom classes by grouping learners into batches, creating quizzes with single-choice, multiple-choice, or open-ended questions, and handling assignments where learners can submit PDFs or documents. Additionally, it supports issuing certificates upon course completion, using either an inbuilt template or a custom design. The platform is built on the Frappe Framework, a full-stack web application framework, and utilizes Frappe UI, a Vue-based library, for its user interface. Deployment is flexible, with options for managed hosting through Frappe Cloud or self-hosting via an easy install script or Docker.

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.

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.

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.

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.

SurveyJS Form Library is an open-source JavaScript library from surveyjs/survey-library that renders dynamic forms and surveys from a JSON definition, with native support spanning React, plain JavaScript, Angular, and Vue 3. The README describes it as MIT-licensed and backend-agnostic — it collects responses client-side and leaves storage to your own infrastructure — and part of a wider SurveyJS product family that includes a separate visual builder, a dashboard, and a PDF generator.

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

🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!

TypeScript-first schema validation with static type inference

🐠 Babel is a compiler for writing next generation JavaScript.

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

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.

FCC China open source codebase and curriculum. Learn to code and help nonprofits.

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

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

:scissors: Modern copy to clipboard. No Flash. Just 3kb gzipped :clipboard: