Web Dev Cheat Sheet
I always see handy web dev resources pop up on Reddit/HN but forget about them when I start a new project. The goal is for this to be a living document for me to update and fill with all the resources I find. So when I start a new project this will be my launchpad.
Icons
Iconbuddy - 100K+ open source icons
Search, download, customize, edit over 100k+ open source icons. Iconbuddy is a powerful icon search engine and manager. It helps you download icons in SVG, PNG, WEBP, JSX, VUE, Base64 formats.
CSS
Introduction
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Components — Tailwind CSS Components ( version 4 update is here )
Tailwind CSS component examples by daisyUI
Frameworks
Astro
Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.
JS Runtime
Bun — A fast all-in-one JavaScript runtime
Bundle, install, and run JavaScript & TypeScript — all in Bun. Bun is a new JavaScript runtime with a native bundler, transpiler, task runner, and npm client built-in.
Testing
Vitest
A blazing fast unit test framework powered by Vite
Fast and reliable end-to-end testing for modern web apps | Playwright
Cross-browser end-to-end testing for modern web apps
Database
Neon — Serverless, Fault-Tolerant, Branchable Postgres
Postgres made for developers. Easy to Use, Scalable, Cost efficient solution for your next project.
Drizzle ORM - next gen TypeScript ORM
Drizzle ORM is a lightweight and performant TypeScript ORM with developer experience in mind.