Kexi's blog 
Curated link collection
Worth learning repeatedly
Stanford CS 106B Lectures: https://www.youtube.com/playlist?list=PL-h0BZdG_K4mfItKR5nUChmnuus-q-Tbc
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
Modern JavaScript-based web development: https://fullstackopen.com/en
Bash Commands and Tips: https://dev.to/awwsmm/101-bash-commands-and-tips-for-beginners-to-experts-30je
Learn Node.js: https://nodejs.org/en/learn
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
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
A year-end celebration of fundamental web technologies: https://12daysofweb.dev
B-trees and database indexes: https://planetscale.com/blog/btrees-and-database-indexes
Falsehoods programmers believe in: https://github.com/kdeldycke/awesome-falsehood
Tools and Cool websites
Chrome urls: chrome://chrome-urls
Let Me DuckDuckGo That For You: https://lmddgtfy.net
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
Console Utilities API reference: https://developer.chrome.com/docs/devtools/console/utilities/
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/
Quick Reference Cheat Sheet: https://quickref.me/
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/
Manage node_modules in the system: https://github.com/voidcosmos/npkill
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/
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
All the Ways to Make a Web Component: https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/
The Timeline of The Web: https://thehistoryoftheweb.com/timeline/
Visual history of your favorite technology: https://www.versionmuseum.com/
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
Discover the apps everyone is docking about: https://www.dockhunt.com
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
DGM is an online diagramming app: https://dgm.sh/home
A tool for writing better scripts: https://github.com/google/zx
The resource you’ll ever need for mechanical keyboards: https://www.keyboard.university
Sleek Framer UI components: https://drams.framer.website
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
Awesome Web Apps that work without login: https://github.com/aviaryan/awesome-no-login-web-apps
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
Grab the color palette from an image using just Javascript: https://github.com/lokesh/color-thief
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
Efforts to clean up the JS ecosystem: https://github.com/es-tooling/ecosystem-cleanup
An interactive tutorial to Learn Yjs: https://learn.yjs.dev
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
Visual design rules you can safely follow every time: https://anthonyhobday.com/sideprojects/saferules
Amazing CSS in 2024: https://nerdy.dev/amazing-css-in-2024
CSS Wrapped 2024: https://chrome.dev/css-wrapped-2024
The most hearted Pens of 2024: https://codepen.io/2024/popular/pens
FE dev resources
Web Interface Guidelines: https://github.com/raunofreiberg/interfaces
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
A collection of free Tailwind CSS components: https://www.hyperui.dev
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
Interactive CSS memory space: https://nerdy.dev/notebook
Micro-Frontends with Rspack and Module Federation: https://www.youtube.com/watch?v=32_EikGKESk
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
React Fiber Architecture: https://github.com/acdlite/react-fiber-architecture
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
React hook library, ready to use, written in Typescript: https://github.com/juliencrn/usehooks-ts
50 react hooks from scratch: https://github.com/tigerabrodi/50-react-hooks
Start developing websites like it’s 2025: https://react2025.com
Next vs Remix (FULL STACK FRAMEWORK QUICKSTART): https://www.brenelz.com/posts/next-vs-remix
React from Another Dimension by Dan Abramov at RemixConf: https://www.youtube.com/watch?v=zMf_xeGPn6s
Learn Next.js course by Vercel: https://nextjs.org/learn
Create forms and handle data mutations in the Next.js: https://www.youtube.com/watch?v=dDpZfOQBMaU
React’s evolution from Hooks to Concurrent React: https://tigerabrodi.blog/reacts-evolution-from-hooks-to-concurrent-react
Build Your Own React.js in 400 Lines of Code: https://webdeveloper.beehiiv.com/p/build-react-400-lines-code
Zero-dependency and lightweight React implementation: https://github.com/MarufZak/react-simplified
How does React re-render internally: https://jser.dev/2023-07-18-how-react-rerenders
Type-safe search params state manager for Next.js: https://nuqs.47ng.com
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
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
Vue Composables putting your components in motion: https://github.com/vueuse/motion
Declarative ThreeJS using Vue Components: https://tresjs.org
Unified plugin system for build tools: https://github.com/unjs/unplugin
On-demand components auto importing for Vue: https://github.com/unplugin/unplugin-vue-components
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
Vue port of Radix UI Primitives: https://www.radix-vue.com
Vue port of shadcn-ui: https://github.com/unovue/shadcn-vue
Build beautiful website using Vue & Nuxt: https://github.com/unovue/inspira-ui
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
Clerk official SDK for Vue: https://clerk.com/changelog/2025-01-07-vue-and-nuxt-sdk
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
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
An open-source ChatGPT UI: https://github.com/mckaywrigley/chatbot-ui
Chatbot Arena - Benchmarking LLMs in the Wild: https://lmarena.ai
Interact privately with your documents using LLMs: https://github.com/imartinez/privateGPT
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
Fine-tuning GPT with OpenAI, Next.js and Vercel AI SDK: https://vercel.com/guides/fine-tuning-openai-nextjs
How to make a QR code with Stable Diffusion: https://stable-diffusion-art.com/qr-code/
LlamaIndex.TS offers the core features of LlamaIndex for popular runtimes like Node.js: https://github.com/run-llama/LlamaIndexTS
Get up and running with large language models locally: https://ollama.com
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
Get started with the Gemini API: https://ai.google.dev/gemini-api/docs
Generative UI chatbot using the Vercel AI SDK and Google Gemini: https://github.com/vercel-labs/gemini-chatbot
Hugging Chat Assistant (similar to OpenAI GPTs): https://huggingface.co/chat/assistants
Pi, your personal AI from Inflection: https://pi.ai
Power your apps with real-time speech-to-text APIs: https://deepgram.com
Your words will be transcribed and fact-checked in real-time using AI: https://ai-facts.vercel.app
Run Hugging Face Transformers directly in the browser: https://github.com/xenova/transformers.js
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
Hands on with the Vercel AI SDK: https://github.com/nicoalbanese/ai-sdk-fundamentals
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
High-Performance In-Browser LLM Inference Engine: https://github.com/mlc-ai/web-llm
Starter project for the Vercel AI SDK RAG guide: https://github.com/vercel/ai-sdk-rag-starter
Build AI apps locally that can do document Q&A: https://github.com/ykhli/local-ai-stack
Semantic Image Search with Vercel AI SDK: https://github.com/vercel-labs/semantic-image-search
Anthropic’s educational courses: https://github.com/anthropics/courses
Quickly get started with building applications using the Anthropic API: https://github.com/anthropics/anthropic-quickstarts
Find the best cursor rules for your framework and language: https://cursor.directory
React Components for AI Chat: https://github.com/Yonom/assistant-ui
Introducing the Realtime API: https://openai.com/index/introducing-the-realtime-api
Realtime API updates — WebRTC: https://platform.openai.com/docs/guides/realtime-webrtc
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
For LLMs to better code with Jina API: https://github.com/jina-ai/meta-prompt
Let your Claude able to think: https://github.com/richards199999/Thinking-Claude
JavaScript tokenizer for LLaMA 1 and LLaMA 2: https://github.com/belladoreai/llama-tokenizer-js
Model Context Protocol Quickstart: https://glama.ai/blog/2024-11-25-model-context-protocol-quickstart
A collection of MCP servers: https://github.com/punkpeye/awesome-mcp-servers
Converting files and office documents to Markdown: https://github.com/microsoft/markitdown
Conversational video interface with a holiday theme: https://santa.tavus.io
An AI assistant that can use your CLI aNd Editor: https://github.com/cline/cline
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
Open Operator from browserbase: https://open-operator.vercel.app
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 for Web Developers: https://www.youtube.com/playlist?list=PLOU2XLYxmsILr3HQpqjLAUkIPa5EaZiui
Machine Learning 101 from Jason Mayes: https://docs.google.com/presentation/d/1kSuQyW5DTnkVaZEjGYCkfOxvzCqGEFzWBy4e9Uedd9k
Teachable Machine: https://teachablemachine.withgoogle.com