Curated link collection
Worth learning repeatedly
Stanford CS 106B Lectures: https://www.youtube.com/playlist?list=PLoCMsyE1cvdWiqgyzwAz_uGLSHsuYZlMX
Web Security: https://web.stanford.edu/class/cs253
How DNS works: https://howdns.works
How HTTPS works: https://howhttps.works
Inside look at modern web browser (4 parts): https://developers.google.com/web/updates/2018/09/inside-browser-part1
Intro to Computer Systems: https://www.cs.cmu.edu/afs/cs/academic/class/15213-f19/www/schedule.html
The Missing Semester of Your CS Education: https://missing.csail.mit.edu
High Performance Browser Networking: https://hpbn.co
Docker Guide: https://www.robertcooper.me/docker-guide
Tail Call Optimization: https://www.youtube.com/watch?v=-PX0BV9hGZY
Modern Web App Design Patterns: https://www.patterns.dev
What happens when we type google.com in a browser: https://github.com/vasanthk/how-web-works
Machine Learning for Beginners: https://github.com/microsoft/ML-For-Beginners
Artificial Intelligence for Beginners: https://github.com/microsoft/AI-For-Beginners
MCP for Beginners: https://github.com/microsoft/mcp-for-beginners
90DaysOfDevOps: https://github.com/MichaelCade/90DaysOfDevOps
Beginner’s TypeScript tutorial: https://www.totaltypescript.com/tutorials
Total TypeScript Essentials: https://www.totaltypescript.com/books/total-typescript-essentials
Why web tech is like this: https://www.youtube.com/watch?v=3QEoJRjxnxQ
B-trees and database indexes: https://planetscale.com/blog/btrees-and-database-indexes
Tools and Cool websites
Chrome urls: chrome://chrome-urls
Everything I googled as a senior software engineer: https://localghost.dev/blog/everything-i-googled-in-a-week-as-a-senior-software-engineer
A collective list of free APIs: https://github.com/public-apis/public-apis
Monitor for JS Heap Size memory-stats.js: https://github.com/paulirish/memory-stats.js
Tips to get more comfortable with DevTools: https://devtoolstips.org/
Chrome DevTools tips: https://umaar.com/dev-tips/
Frontend build config generator: https://createapp.dev/
Sketch UI with a hand-drawn look: https://excalidraw.com/
A tiny little drawing app: https://tldraw.com/
Images of source code: https://carbon.now.sh, https://ray.so
Manage node_modules in the system: https://github.com/voidcosmos/npkill
The world smallest office suite: https://github.com/zserge/awfice
Interactive website with live coding: https://www.strml.net/
Driving game run in a browser: https://slowroads.io/
Summer Afternoon: https://summer-afternoon.vlucendo.com/
You’re not a front-end developer until you’ve..: https://www.nicchan.me/blog/youre-not-a-front-end-developer-until-youve/
Neal.Fun: https://neal.fun/
HTTP Cats: https://http.cat/
Doodles-as-A-Service Repo: https://github.com/girliemac/a-picture-is-worth-a-1000-words
Github contributions in 3D: https://skyline.github.com
wenyan‑lang: https://wy-lang.org/
Build your own X: https://github.com/danistefanovic/build-your-own-x
You Don’t Need: https://github.com/you-dont-need/You-Dont-Need
The Timeline of The Web: https://thehistoryoftheweb.com/timeline/
Floating Point Math: https://0.30000000000000004.com/ (`https://${0.1 + 0.2}.com`)
Web based macOS and Windows XP desktop recreation: https://macos-web.app, https://winxp.vercel.app
Windows 11 in React: https://github.com/blueedgetechno/win11React
Windows 95 style UI component library for React: https://github.com/react95-io/React95
An AI chatbot in Win95 style: https://wingpt.vercel.app
Github repos and users with a Windows 95 style: https://github95.vercel.app
The Steve Jobs Archive: https://stevejobsarchive.com
A web scraping and browser automation library: https://crawlee.dev
Console for mobile browsers: https://github.com/liriliri/eruda
Get an insight into the inner-workings of a given website: https://web-check.xyz
Astro starter powered by MPA view transitions: https://github.com/argyleink/morphull
Web accessibility interactive quizzes: https://www.a11yiseverything.com/quizzes/aria-label
A tool for writing better scripts: https://github.com/google/zx
The resource you’ll ever need for mechanical keyboards: https://www.keyboard.university
Remote desktop environment in the browser: https://github.com/HeyPuter/puter
See Core Web Vitals and PageSpeed Insights results simply and easily: https://page-speed.dev
A powerful media downloader with no bullshit: https://cobalt.tools
A high-performance HTTP benchmarking tool written in Golang: https://github.com/six-ddc/plow
Netlify Celebrates 5 Million Developers in 3D Game: https://5-million-devs.netlify.com
Utilities to work with PDFs in Node.js, browser and workers: https://github.com/unjs/unpdf
Bare metal to production ready in minutes: https://github.com/MightyMoud/sidekick
Make your PDFs look scanned: https://github.com/rwv/lookscanned.io
Log in the node terminal from the browser: https://github.com/patak-dev/vite-plugin-terminal
Background removal with Transformers.js: https://github.com/addyosmani/bg-remove
Your coding year in review: https://githubunwrapped.com
Smoothly animated code blocks with Shiki: https://github.com/shikijs/shiki-magic-move
An interactive tutorial to Learn Yjs: https://learn.yjs.dev
Google Chrome Dino 3D WebGL game: https://github.com/addyosmani/chrome-dino-3d
Hypertext TV shared schedule for the web: https://hypertext.tv
Desktop environment in the browser: https://github.com/DustinBrett/daedalOS
The avatar library you’ve always been looking for: https://www.dicebear.com
Universal bundle analyzer: https://sonda.dev
Converting files and office documents to Markdown: https://github.com/microsoft/markitdown
Native desktop automation that controls your mouse: https://github.com/nut-tree/nut.js, https://www.npmjs.com/package/@nut-tree-fork/nut-js
CSS related
Defensive CSS - writing CSS that is protected: https://ishadeed.com/article/defensive-css
Understanding Layout Modes: https://www.joshwcomeau.com/css/understanding-layout-algorithms
CSS Dinner Selectors: https://flukeout.github.io
CSS percentage: https://wattenberger.com/blog/css-percents
Centering in CSS: https://ishadeed.com/article/learn-css-centering
Learn CSS Positioning: https://ishadeed.com/article/learn-css-positioning
Everything About Auto in CSS: https://ishadeed.com/article/auto-css
Box alignment in Grid and Flexbox: https://ishadeed.com/article/learn-box-alignment
Understanding Z-Index: https://ishadeed.com/article/understanding-z-index
Digging Into CSS Logical Properties: https://ishadeed.com/article/css-logical-properties
Basic styles for HTML Elements without classes: https://boltcss.com
CSS Flexbox: https://github.com/samanthaming/Flexbox30
CSS Grid: https://css-tricks.com/snippets/css/complete-guide-grid
Scroll Snap: https://oh-snap.netlify.app
Simple CSS scrollbar editor: https://scrollbar.app
A Modern CSS Reset: https://piccalil.li/blog/a-more-modern-css-reset
Build faithful recreations of old UIs: https://jdan.github.io/98.css, https://botoxparty.github.io/XP.css, https://khang-nd.github.io/7.css
How to create high-performance CSS animations: https://web.dev/animations-guide
CSS clip-path defining the visible region: https://ishadeed.com/article/clip-path
Intro to CSS 3D transforms: https://3dtransforms.desandro.com
Color Formats in CSS: https://www.joshwcomeau.com/css/color-formats
It’s time to learn oklch color: https://keithjgrant.com/posts/2023/04/its-time-to-learn-oklch-color
Demo of using HDR colors in CSS: https://github.com/ardov/hdr-web
Open Source CSS Variables: https://open-props.style
Across pages view transitions: https://smashing-transitions.netlify.app
CSS Wrapped 2023 from Chrome for Developers: https://developer.chrome.com/blog/css-wrapped-2023
What You Need to Know about Modern CSS: https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition
Compare web animation techniques by bouncing a ball: https://sparkbox.github.io/bouncy-ball
A Friendly Introduction to Spring Physics: https://www.joshwcomeau.com/animation/a-friendly-introduction-to-spring-physics
Easing Wizard - CSS easing functions made easy: https://easingwizard.com
The Collection of CSS-only Shapes: https://css-shape.com
Styling Tables the Modern CSS Way: https://piccalil.li/blog/styling-tables-the-modern-css-way
Amazing CSS in 2024: https://nerdy.dev/amazing-css-in-2024
CSS Wrapped 2024: https://chrome.dev/css-wrapped-2024
First Look at The Modern attr(): https://ishadeed.com/article/modern-attr
FE dev resources
Web Interface Guidelines: https://github.com/raunofreiberg/interfaces
Great Animations: https://emilkowal.ski/ui/great-animations
Copy & Paste React Components for Dashboards: https://github.com/tremorlabs/tremor
The Biggest Collection of Loading Animations: https://css-loaders.com
Understanding SVG Paths: https://www.nan.fyi/svg-paths
CSS animations on demand: https://animista.net
Box-shadow: https://neumorphism.io
Beautiful hand-crafted SVG icons: https://heroicons.com
Drive user’s focus across the page: https://driverjs.com
Split an element by words, characters, children and more: https://splitting.js.org
Lightweight fuzzy-search library: https://fusejs.io
Tiny and powerful in-memory JavaScript full-text search engine: https://github.com/lucaong/minisearch
Create full screen pages fast and simple: https://github.com/alvarotrigo/fullPage.js
daisyUI components - Use Tailwind CSS but write fewer class names: https://daisyui.com
Easy visualizer for JavaScript KeyCodes: https://keycode.info
Scroll-driven Animations: https://scroll-driven-animations.style
A library that helps you create floating elements such as tooltips: https://floating-ui.com
Color palette inspiration site: https://www.happyhues.co
Delightful JavaScript plugins: https://metafizzy.co
The next open source file uploader for web browsers: https://uppy.io
Draggable objects: https://www.redblobgames.com/making-of/draggable
A modern animation library for JavaScript and React: https://motion.dev
PartyKit at ViteConf 2023: https://blog.partykit.io/posts/partykit-at-viteconf
Typing Animation Library. Enter in any string, and watch it type: https://github.com/mattboldt/typed.js
What PWA Can Do Today: https://whatpwacando.today
OCR PDFs and images directly in your browser: https://tools.simonwillison.net/ocr
Web component JS frameworks overview by their syntax and features: https://component-party.dev
Converting any layout you have to drag-to-swap layout: https://github.com/TahaSh/swapy
Smoothly transition one element into another: https://github.com/TahaSh/blendy
Drag and drop for any experience on any tech stack: https://github.com/atlassian/pragmatic-drag-and-drop
Leaflet extension for various free tile providers: https://github.com/leaflet-extras/leaflet-providers
A headless UI library that works for a wide range of JS frameworks: https://github.com/chakra-ui/ark
A component to transition, format, and localize numbers: https://number-flow.barvian.me
Rich text editor comparison in 2025: https://liveblocks.io/blog/which-rich-text-editor-framework-should-you-choose-in-2025
WebGL globe library: https://github.com/shuding/cobe
React ecosystem
The Beginner’s Guide to React: https://egghead.io/courses/the-beginner-s-guide-to-react or https://www.youtube.com/watch?v=7_x4AuqHxlg
Getting Closure on React Hooks by Shawn Wang: https://www.youtube.com/watch?v=KJP1E-Y-xyo
Building a Custom React Renderer by Sophie Alpert: https://www.youtube.com/watch?v=CGpMlWVcHok
Deconstructing React by Tejas Kumar: https://www.youtube.com/watch?v=eTcyOCd6v1c
All Developer Way Articles about React: https://www.developerway.com
Build your own React: https://pomb.us/build-your-own-react
A collection of React hooks from the ui.dev team: https://usehooks.com
50 react hooks from scratch: https://github.com/tigerabrodi/50-react-hooks
Next vs Remix (FULL STACK FRAMEWORK QUICKSTART): https://www.brenelz.com/posts/next-vs-remix
Learn Next.js course by Vercel: https://nextjs.org/learn
Create forms and handle data mutations in the Next.js by leerob: https://www.youtube.com/watch?v=dDpZfOQBMaU
Build Your Own React.js in 400 Lines of Code: https://webdeveloper.beehiiv.com/p/build-react-400-lines-code
React Internals Deep Dive: https://jser.dev/series/react-source-code-walkthrough
UI Library for Design Engineers: https://github.com/magicuidesign/magicui
Our Journey with Caching: https://nextjs.org/blog/our-journey-with-caching
React Visualized: https://react.gg/visualized
Collection of copy-and-paste components for quickly building UI: https://originui.com
The creative library of animated React components: https://www.reactbits.dev
Neobrutalism-styled components based on shadcn/ui: https://www.neobrutalism.dev
A custom registry of open source shadcn/ui components: https://www.kibo-ui.com
React Server Components in AI Applications by Tejas: https://www.youtube.com/watch?v=fsAYMNl1Cj0
React’s evolution from Hooks to Concurrent React: https://tigerabrodi.blog/reacts-evolution-from-hooks-to-concurrent-react
What’s new in React 19 by Lydia Hallie: https://www.youtube.com/watch?v=AJOGzVygGcY
React 19 Cheat Sheet: https://www.epicreact.dev/react-19-cheatsheet
Vue and Vite ecosystem
Updates, tips & opinions from the maintainers of Vue.js: https://blog.vuejs.org
Vue Land FAQ: https://vue-land.github.io
Vue 3 Migration Guide: https://v3-migration.vuejs.org
Vue.js and Nuxt Tips, Tricks and good practice: https://vuejstips.com
A curated list of awesome things related to Vite.js: https://github.com/vitejs/awesome-vite
Collection of essential Vue Composition Utilities: https://vueuse.org
VitePress - Vite & Vue Powered Static Site Generator: https://vitepress.vuejs.org
Declarative ThreeJS using Vue Components: https://tresjs.org
Unified plugin system for build tools: https://github.com/unjs/unplugin
A lightweight, customizable Vue UI library for mobile web apps: https://vant-ui.github.io
Modular and Accessible UI Components for your Vue Applications (Made for Vue 2.x): https://vue.chakra-ui.com
Craft accessible web apps with Vue: https://github.com/unovue/reka-ui
Vue port of shadcn-ui: https://github.com/unovue/shadcn-vue
An unstyled drawer component for Vue: https://github.com/unovue/vaul-vue
Build beautiful website using Vue & Nuxt: https://inspira-ui.com
Vue UI Component Library: https://primevue.org
Drag and drop components that support Vue2 and Vue3: https://alfred-skyblue.github.io/vue-draggable-plus
Vue3 wrapper components for smooth-dnd: https://gilnd.github.io/vue3-smooth-dnd
The Guide to Building a Vue.js Component Library: https://soubiran.dev/series/the-complete-guide-to-building-a-vue-js-component-library
The Guide to Setting Up a New Nuxt Project: https://soubiran.dev/posts/the-perfect-guide-to-setting-up-a-new-nuxt-project
3D page flip effect for Vue2 and Vue3: https://github.com/ts1/flipbook-vue
Modern and Performant Bottom Sheet for Vue: https://github.com/megaarmos/vue-spring-bottom-sheet
Clerk official SDK for Vue: https://clerk.com/changelog/2025-01-07-vue-and-nuxt-sdk
Next Generation file based typed routing for Vue Router: https://github.com/posva/unplugin-vue-router
Full Stack App Build by CJ: https://www.youtube.com/watch?v=DK93dqmJJYg
The creative library of animated Vue components: https://vue-bits.dev
Browsers related
Google Chrome upcoming schedule: https://chromiumdash.appspot.com/schedule
New in Chrome: https://developer.chrome.com/tags/new-in-chrome
What’s New in DevTools (Articles): https://developer.chrome.com/tags/new-in-devtools
What’s New in DevTools (Videos): https://www.youtube.com/playlist?list=PLNYkxOF6rcIBDSojZWBv4QJNoT4GNYzQD
Safari Release Notes: https://developer.apple.com/documentation/safari-release-notes/
Firefox release notes: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases
New to the web platform (every month): https://web.dev/blog/web-platform-01-2024
Monitor and track the status of all Web Platform features: https://webstatus.dev
Web platform features explorer: https://web-platform-dx.github.io/web-features-explorer
What’s new in ECMAScript: https://pawelgrzybek.com/whats-new-in-ecmascript-2025
Awesome LLMs
OpenAI Cookbook: https://cookbook.openai.com
Vercel AI SDK Cookbook: https://sdk.vercel.ai/cookbook
Awesome ChatGPT Prompts: https://prompts.chat
Prompt Engineering Guide: https://github.com/dair-ai/Prompt-Engineering-Guide
Anthropic prompt engineering: https://docs.anthropic.com/en/docs/build-with-claude/prompt-engineering
Chatbot Arena - Benchmarking LLMs in the Wild: https://lmarena.ai
Understanding GPT tokenizers: https://simonwillison.net/2023/Jun/8/gpt-tokenizers/
Catching up on the weird world of LLMs: https://simonwillison.net/2023/Aug/3/weird-world-of-llms/
[1hr Talk] Intro to Large Language Models: https://www.youtube.com/watch?v=zjkBMFhNj_g
AI chatbot app template built with the Vercel AI SDK: https://github.com/vercel/ai-chatbot
LangChain + Next.js starter template: https://github.com/langchain-ai/langchain-nextjs-template
How to make a QR code with Stable Diffusion: https://stable-diffusion-art.com/qr-code/
Fully client-side chat over documents: https://github.com/jacoblee93/fully-local-pdf-chatbot
Real-time image generation with Latent Consistency: https://www.fal.ai/dynamic
Generative UI chatbot using the Vercel AI SDK and Google Gemini: https://github.com/vercel-labs/gemini-chatbot
Pi, your personal AI from Inflection: https://pi.ai
Power your apps with real-time speech-to-text APIs: https://deepgram.com
A collection of Transformers.js demos: https://github.com/huggingface/transformers.js-examples
A collection of guides and examples for the Gemini API: https://github.com/google-gemini/cookbook
AI agent stdlib that works with any LLM and AI SDK: https://github.com/transitive-bullshit/agentic
A Webapp that uses RAG to interact with a PDF directly in the browser: https://pdf.nico.dev
Starter project for the Vercel AI SDK RAG guide: https://github.com/vercel/ai-sdk-rag-starter
Semantic Image Search with Vercel AI SDK: https://github.com/vercel-labs/semantic-image-search
Anthropic courses (all free): https://anthropic.skilljar.com
Quickly get started with building applications using the Anthropic API: https://github.com/anthropics/anthropic-quickstarts
React Components for AI Chat: https://github.com/Yonom/assistant-ui
OpenAI Realtime API updates: https://platform.openai.com/docs/guides/realtime
Audio input and output for the OpenAI Chat Completion API: https://simonwillison.net/2024/Oct/18/openai-audio
AI-powered search engine that is an open source alternative to Perplexity AI: https://github.com/ItzCrazyKns/Perplexica
JavaScript tokenizer for LLaMA 1 and LLaMA 2: https://github.com/belladoreai/llama-tokenizer-js
Conversational video interface with a holiday theme: https://santa.tavus.io
2024 AI Timeline: https://huggingface.co/spaces/reach-vb/2024-ai-timeline
Explore common agent recipes: https://www.agentrecipes.com
Vercel AI SDK Tutorial: https://www.aihero.dev/vercel-ai-sdk-tutorial
Tools for Vercel AI SDK: https://ai-sdk-agents.vercel.app
Keep searching, reading webpages, reasoning until an answer is found: https://github.com/jina-ai/node-DeepResearch
[3h31m video] Deep Dive into LLMs like ChatGPT by Andrej Karpathy: https://www.youtube.com/watch?v=7xTGNNLPyMI
AI SDK Reasoning Preview: https://github.com/vercel-labs/ai-sdk-reasoning-starter
An interactive demo to try the new text-to-speech model: https://www.openai.fm
Run AI Agent in your browser: https://github.com/browser-use/web-ui
GPT-4o Image Prompts Gallery: https://github.com/ImgEdify/Awesome-GPT4o-Image-Prompts
Up-to-date documentation you can talk to for every repo in the world: https://deepwiki.com
Real-time conversational AI models run locally: https://huggingface.co/spaces/webml-community/conversational-webgpu
An open-source database of AI models: https://models.dev
The AI browser automation framework: https://www.stagehand.dev
Context7 MCP Server — Up-to-date code docs for LLMs: https://github.com/upstash/context7
Discover and share powerful prompts for AI models: https://shumerprompt.com
Open chat interface for all your models: https://github.com/ibelick/zola
Machine Learning
Stanford CS229 Machine Learning: https://cs229.stanford.edu
Linear Algebra Review and Reference: https://cs229.stanford.edu/summer2023/cs229-linalg.pdf
Review of Probability Theory: https://cs229.stanford.edu/summer2023/cs229-prob.pdf
CS 229 illustrated Machine Learning cheatsheets: https://stanford.edu/~shervine/teaching/cs-229/
Stanford CS224N - Natural Language Processing with Deep Learning: https://web.stanford.edu/class/cs224n/index.html
Princeton Natural Language Processing: https://princeton-nlp.github.io/cos484
Understanding Large Language Models: https://www.cs.princeton.edu/courses/archive/fall22/cos597G
Transformers from Scratch: https://e2eml.school/transformers.html
ML for front-end developers: https://docs.google.com/presentation/d/1f—c4Ui1VcmVgW4Gj3v-e_17GYfxRlbUSMnyk4sOVjg
Machine Learning 101 from Jason Mayes: https://docs.google.com/presentation/d/1kSuQyW5DTnkVaZEjGYCkfOxvzCqGEFzWBy4e9Uedd9k
MediaPipe Studio: https://mediapipe-studio.webapps.google.com
Visual explanations of core machine learning concepts: https://mlu-explain.github.io
Neural Networks Zero to Hero from Andrej Karpathy: https://www.youtube.com/playlist?list=PLAqhIrjkxbuWI23v9cThsA9GvCAUhRvKZ