Best Frontend open-source projects

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.

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.

Claude Code Agent Monitor is a self-hosted, real-time dashboard for Claude Code and Codex agent activity: sessions, tool calls, subagent orchestration, and cost, all streamed over WebSockets into a Kanban board, a composite health-score view, and workflow visualizations. It reconstructs subagent tool calls that Claude Code's own hook system never exposes, tracks per-model cost with support for time-limited promo pricing, and can pull activity in from other machines over SSH.

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.

Cheerio is a Node.js library that parses HTML/XML and lets you query and edit it with familiar jQuery syntax, no browser required. It's best suited for scraping, data extraction, and server-side HTML processing.

Node-RED is a browser-based, node-and-wire editor for building event-driven flows — connect APIs, hardware, and message brokers visually, drop into JavaScript for custom logic, and run it as a standalone Node.js process you deploy yourself.

Ionic Framework is a Web Components-based UI toolkit maintained by ionic-team for building cross-platform iOS, Android, and Progressive Web apps from a single JavaScript codebase. It ships framework wrapper packages for Angular, React, and Vue, and pairs with Capacitor for native device access. The project is MIT-licensed and written in TypeScript.

Select2 is a jQuery plugin used to turn plain HTML select boxes into searchable, taggable dropdowns that can load their options from a remote API instead of rendering every choice up front.

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: