1.practical-tutorials / project-based-learning
Curated list of project-based tutorials
Ranked by Attention Score: stars gained over the last 7 complete days
1–100 of 309 by Attention Score · Oct 27, 2026 – Nov 2, 2026 (UTC)
Curated list of project-based tutorials
JavaScript 3D Library.
蓝色大肥鱼的新标签页:蓝底玩具箱 + 自定义壁纸/标签,纯本地,断网也能用。已上架 Microsoft Edge 加载项商店。
JavaScript animation engine
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
WebGPU components for React, Vue, Svelte, Solid, JS & Framer
Play a finished motion-graphics ad in sync with the rough drafts it grew from, and export the breakdown as MP4.
The library for web and native user interfaces.
Create beautiful applications using Go
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
:electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
Stealth headless browser for AI agents — bypass Cloudflare, bot detection, and anti-scraping. Drop-in Puppeteer/Playwright replacement.
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Self-hosted collection of powerful web-based tools for everyday tasks. No ads, no tracking, just fast, accessible utilities right from your browser!
Opensource IDE For Exploring and Testing API's (lightweight alternative to Postman/Insomnia)
Composio powers 1000+ toolkits, tool search, context management, authentication, and a sandboxed workbench to help you build AI agents that turn intent into action.
Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
A Collection of application ideas which can be used to improve your coding skills.
Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
OWASP Juice Shop: Probably the most modern and sophisticated insecure web application
a 2D rigid body physics engine for the web ▲● ■
📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file. Perfect for when you need to feed your codebase to Large Language Models (LLMs) or other AI tools like Claude, ChatGPT, DeepSeek, Perplexity, Gemini, Gemma, Llama, Grok, and more.
React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
The headless rich text editor framework for web artisans.
A Web Audio framework for making interactive music in the browser.
Build production-ready applications in TypeScript
See interfaces like a human. E2E testing in natural language.
tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
⚓ A collection of high-performance JavaScript tools.
Fast, disk space efficient package manager
This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable, and secure AI workflows from session setup to service orchestration.
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
高颜值的第三方网易云播放器,支持 Windows / macOS / Linux :electron:
Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
🗂 The essential checklist for modern web development, for humans and AI agents
JavaScript in-page GUI agent. Control web interfaces with natural language.
Cross-platform desktop GUI app to clean image metadata
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
Independent technology for modern publishing, memberships, subscriptions and newsletters.
A Collection of application ideas that can be used to improve your coding skills ❤.
Low code web framework for real world applications, in Python and Javascript
Easy to maintain open source documentation websites.
Codebase intelligence for TypeScript and JavaScript. Health, complexity hotspots, duplication, architecture boundaries, circular dependencies, design-system drift, and unused code, from one graph. CLI, GitHub Action, LSP, MCP, and VS Code. Rust, MIT licensed.
AI Agent Engineering Platform built on an Open Source TypeScript AI Agent Framework
24 Lessons, 12 Weeks, Get Started as a Web Developer
Build system optimized for JavaScript and TypeScript, written in Rust
一款纯Vibe coding的Windows版TVbox
🌈 React for interactive command-line apps
A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
The most advanced free and open-source browser fingerprinting library
Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF
State machines, statecharts, and actors for complex logic
RedGPU - JavaScript WebGPU Library
A declarative, efficient, and flexible JavaScript library for building user interfaces.
A modern runtime for JavaScript and TypeScript.
🤖 A client-first, server-capable, fully type-safe router and full-stack framework for the web (React and more).
WebGL2 powered visualization framework
A lightweight Node.js private proxy registry
📊 An infographics generator with 30+ plugins and 300+ options to display stats about your GitHub account and render them as SVG, Markdown, PDF or JSON!
Deprecated in favour of Video.js 10; security fixes only until January 2028. UI components and hooks for building video and audio players on the web.
The next open source file uploader for web browsers :dog:
SVG Optimizer for Node.js and CLI. ⚙️
🍼 Plugin driven WYSIWYG markdown editor framework.
An open-source engine that turns continuous content streams into search and monitoring. Durable ingestion, hybrid search, alerts, and plugins for formats, models and business rules.
Desktop environment in the browser
Redefined chart library built with React and D3
A commenting system powered by GitHub Discussions. :octocat: :speech_balloon: :gem:
Your Friendly Open-Source Gen-AI Platform
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
Prettier is an opinionated code formatter.
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
The motion graphics toolbelt for the web
Tiny cross-platform webview library for C/C++. Uses WebKit (GTK/Cocoa) and Edge WebView2 (Windows).
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
The Monorepo Platform that amplifies both developers and AI agents. Nx optimizes your builds, scales your CI, and fixes failed PRs automatically. Ship in half the time.
Fast math typesetting for the web.
Simple responsive charts
Winamp 2 reimplemented for the browser
Tiny and powerful JavaScript full-text search engine for browser and Node
MagicMirror² is an open source modular smart mirror platform. With a growing list of installable modules, the MagicMirror² allows you to convert your hallway or bathroom mirror into your personal assistant.
A terminal for the web
A Git-based CMS for Static Site Generators
👶🏻 신입 개발자 전공 지식 & 기술 면접 백과사전 📖
The Open Source Firebase Alternative with GraphQL.
Simple flow library 🖥️🖱️
Use any web browser or WebView as GUI, with your preferred language in the backend and modern web technologies in the frontend, all in a lightweight portable library.
Simply beautiful open-source icons
Javascript audio library for the modern web.
Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Fast Rust bundler for JavaScript/TypeScript with Rollup-compatible API.
A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.
List any node_modules 📦 dir in your system and how heavy they are. You can then select which ones you want to erase to free up space 🧹
A modern & fully featured HTML5 game engine (2D & 3D) for JavaScript/TypeScript, with WebGL/WebGPU rendering, built-in physics, Tiled map & glTF support and WebAudio.
⚡️ Streaming torrent client for the web
🛏 An HTML to Markdown converter written in JavaScript
Graph theory (network) library for visualisation and analysis
i18next: learn once - translate everywhere