Featured Tools
A curated collection of quality websites, online tools, and open-source GitHub projects — organized by use case to help you discover great resources.
🛠️Developer Tools

VS Code
Microsoft's free, open-source code editor with a large extension ecosystem, integrated terminal, and first-class Git support.

GitHub
Code hosting platform with Git version control, Actions CI/CD, project boards, issues, and collaborative code review.

Postman
API development platform for designing, testing, documenting, and mocking REST, GraphQL, and gRPC APIs.

Vercel
Frontend deployment platform with instant preview URLs, serverless functions, edge computing, and analytics, purpose-built for Next.js.

Docker
Container platform for packaging applications with their dependencies into reproducible environments that run consistently across machines.

CodePen
Online code playground for HTML, CSS, and JavaScript with live preview and community sharing, ideal for prototyping and debugging frontend ideas.

Stack Overflow
The largest programming Q&A community where developers ask, answer, and vote on technical questions across every technology stack.

Railway
Modern deployment platform with one-click database provisioning (Postgres, Redis, MySQL), instant deploys from GitHub, and usage-based pricing.

Bun
Fast all-in-one JavaScript runtime, bundler, test runner, and package manager, drop-in Node.js replacement with native TypeScript support.

Biome
Fast formatter and linter for JavaScript, TypeScript, JSX, and JSON, unified toolchain replacing ESLint + Prettier with near-instant performance.

Playwright
Microsoft's end-to-end testing framework with auto-waiting, trace viewer, and cross-browser support for Chromium, Firefox, and WebKit.

Prisma
Next-generation Node.js and TypeScript ORM with auto-generated type-safe query builder, schema migrations, and a visual database browser.

Turborepo
High-performance monorepo build system with intelligent caching, parallel task execution, and incremental builds, built by the Vercel team.

Storybook
Frontend workshop for building UI components and pages in isolation, develop, document, and test components for React, Vue, Angular, and Svelte.

ngrok
Secure localhost tunneling service that exposes local servers to the internet with HTTPS, essential for webhook testing and demo previews.

Cloudflare
Global network platform offering CDN, DDoS protection, Workers (serverless edge computing), Pages (Jamstack hosting), R2 (object storage), and D1 (edge database).

Transform Tools
Polyglot code transformation playground, convert between JSX, TypeScript, JSON, GraphQL, CSS, and more with instant, copy-pasteable output.

BundlePhobia
Check the install size, minified size, and gzipped cost of any npm package before adding it to your project, plus tree-shaking analysis.

Can I Use
Up-to-date browser support tables for HTML, CSS, JS, SVG, and Web APIs, the common reference for checking cross-browser compatibility.

cURL Converter
Convert cURL commands to Python, JavaScript, Go, PHP, Java, and more, paste a curl command and get idiomatic code for your preferred language.

JSONPlaceholder
Free fake REST API for testing and prototyping, returns realistic JSON data for posts, comments, users, todos, and photos without authentication.

Drizzle ORM
Lightweight TypeScript ORM with SQL-like syntax, zero dependencies, and maximum type safety, designed for serverless and edge environments.
🎨Design Resources

Figma
Collaborative browser-based UI/UX design tool with vector editing, prototyping, component libraries, and Dev Mode for handoff.

Dribbble
Design portfolio and inspiration platform where UI/UX designers, illustrators, and brand designers showcase work and discover trends.

Coolors
Fast color palette generator with lock, shade, and export features. Generate harmonious palettes with a spacebar tap.

Unsplash
Free high-resolution stock photography library with millions of curated images under a permissive license, no attribution required.

Google Fonts
Free, open-source web font library with 1,500+ typeface families, variable font support, and CSS/HTML embed snippets.

Excalidraw
Open-source virtual whiteboard with hand-drawn style for sketching diagrams, wireframes, and flowcharts collaboratively.

Lucide
Beautifully crafted open-source icon library with 1,500+ consistent icons for React, Vue, Svelte, and more, the default for modern web projects.

remove.bg
AI-powered background removal tool, upload any photo and get a transparent PNG in seconds, no design skills required.

TinyPNG
Smart lossy compression for WebP, PNG, and JPEG images, reduces file size while preserving visual quality.

Squoosh
GoogleChromeLabs' open-source image compression web app with side-by-side comparison, format conversion, and codec options for MozJPEG, AVIF, and WebP.

ColorHunt
Curated collection of beautiful color palettes updated daily, browse, save, and copy hex codes for your next design project.
Heroicons
Beautiful hand-crafted SVG icons by the makers of Tailwind CSS, available in outline, solid, and mini styles for React and Vue.

Haikei
Online SVG generators for creating blob shapes, waves, gradients, and abstract backgrounds, export as SVG or PNG, no sign-up needed.
Phosphor Icons
Flexible icon family with 1,400+ icons in 6 weights (thin, light, regular, bold, fill, duotone), consistent, pixel-perfect, and framework-agnostic.
⚡Productivity

Notion
All-in-one workspace for notes, docs, databases, wikis, and project management with capable block-based editing and team collaboration.

Obsidian
Local-first knowledge base built on plain Markdown files with bidirectional linking, graph view, and a rich plugin ecosystem.

Linear
Fast issue tracking and project management tool purpose-built for software teams, with keyboard-first workflows and sleek design.

Raycast
Fast macOS launcher and productivity toolkit with extensions for clipboard history, window management, snippets, and API integrations.

draw.io
Free online diagramming tool for flowcharts, UML, network diagrams, and org charts. Works fully offline and integrates with cloud storage.

Warp
Modern terminal with IDE-like editing, AI command suggestions, and collaborative workflows, reimagining the command line for the 2020s.

Loom
Instant screen and camera recording with shareable links, record product demos, bug reports, and async updates in one click.

CleanShot X
Premium macOS screenshot and screen-recording app with annotation, scrolling capture, and instant cloud upload, the ultimate screen capture toolkit.

Slack
Team communication platform with channels, threads, app integrations, and workflow automation, the standard for async team collaboration.

Todoist
Cross-platform task manager with natural language input, project organization, priority levels, and karma productivity tracking.

Mermaid
JavaScript-based diagramming and charting tool that renders Markdown-inspired text definitions into flowcharts, sequence diagrams, and Gantt charts.
📊SEO & Marketing

Google Search Console
Free Google tool for monitoring site indexation, search performance, Core Web Vitals, and manual actions, essential for every website owner.

Ahrefs
broad SEO platform with backlink analysis, keyword research, rank tracking, and content gap tools, widely used by SEO professionals.

PageSpeed Insights
Google tool for measuring page load performance and Core Web Vitals (LCP, INP, CLS) with both lab data and real-user field data from CrUX.

Screaming Frog
Desktop SEO crawler that audits on-page elements, redirects, broken links, duplicate content, and hreflang, ideal for technical SEO audits.

AnswerThePublic
Search-listening tool that visualizes real questions people ask around a keyword, perfect for content ideation and FAQ research.

Semrush
All-in-one digital marketing platform covering SEO, PPC, content marketing, social media, and competitive research, enterprise-grade insights.

Google Trends
Explore what the world is searching for, compare keyword popularity over time, by region, and discover rising topics for content inspiration.

Moz
Pioneer SEO software suite with Domain Authority (DA) metric, link explorer, keyword explorer, and on-page grader, trusted by marketers for over a decade.

Keyword Surfer
Free Chrome extension that shows search volume and keyword suggestions directly in Google search results, the fastest way to size up a query.

Schema.org
The collaborative standard for structured data markup, reference vocabulary, examples, and validation for JSON-LD, Microdata, and RDFa rich results.
🤖AI Tools

Claude
Anthropic's AI assistant for long-context reasoning, code generation, and document analysis, available through claude.ai and API.

ChatGPT
OpenAI's conversational AI platform with GPT models, image generation, data analysis tools, custom GPTs, and voice features.

Hugging Face
Open-source AI community and model hub hosting 500K+ models, datasets, and interactive demos (Spaces) for NLP, vision, and audio tasks.

Perplexity
AI-powered search engine that synthesizes answers from real-time web sources with inline citations, a research-first alternative to chat-based AI.

Midjourney
AI image generation platform accessible via Discord, known for high aesthetic quality, artistic control, and style-reference features.

v0 by Vercel
Generative UI tool that turns natural-language prompts into production-ready React/Tailwind components, ideal for rapid UI prototyping.

Cursor
AI-first code editor built on VS Code, chat with your codebase, generate entire features with context-aware prompts, and apply edits inline.

GitHub Copilot
AI pair programmer by GitHub, provides inline code suggestions, chat assistance, and agent mode directly in VS Code, JetBrains, and GitHub.com.

Bolt.new
AI-powered full-stack app builder from StackBlitz, prompt, preview, and deploy web applications entirely in the browser with instant live previews.

Replit
Collaborative browser-based IDE with built-in hosting, AI code generation (Ghostwriter), and instant deployment, code from any device.

ElevenLabs
State-of-the-art AI text-to-speech and voice cloning platform, generate lifelike narration, dubbing, and custom voices in 29+ languages.

Suno
AI music generation platform, describe a style, mood, or lyrics and get full songs with vocals, instrumentation, and production in seconds.

Gemini
Google's multimodal AI model with integrations across Google Workspace, Gmail, and Search, and support for text, images, code, and audio.

Lovable
AI-powered app builder that generates production-ready web apps from a single prompt with instant preview and one-click GitHub sync.
🛒Ecommerce Tools

Shopify
Leading ecommerce platform for building online stores with integrated payments, inventory management, shipping, and a rich app marketplace.

Stripe
Developer-first payment processing platform with APIs for online payments, subscriptions, invoicing, and fraud detection, supporting 135+ currencies.

Etsy Fee Calculator
ll earn before listing.

Printful
Print-on-demand and dropshipping fulfillment service that prints and ships custom apparel, accessories, and home goods directly to customers.

WooCommerce
Open-source ecommerce plugin for WordPress, powers millions of online stores with extensions for subscriptions, bookings, and memberships.

Stripe Fee Calculator
Stripe charges per-transaction and percentage-based fees, and the calculator shows how those charges affect net revenue.

Jungle Scout
All-in-one Amazon seller platform for product research, keyword tracking, competitor intelligence, and sales analytics, data-driven FBA decisions.

Lemon Squeezy
All-in-one payments and merchant-of-record platform for SaaS and digital products, handles global tax compliance, invoicing, and subscriptions.
📚Learning Resources

MDN Web Docs
Mozilla's reference for HTML, CSS, and JavaScript, with browser compatibility tables, interactive examples, and standards-track documentation.

freeCodeCamp
Free coding curriculum with 10+ certifications covering web development, data science, and machine learning, supported by a global community.

CSS-Tricks
Long-running CSS blog with in-depth guides, almanac entries, and practical tips on modern CSS layout, animation, and responsive design.

The Odin Project
Free full-stack curriculum that teaches web development through hands-on projects, Ruby on Rails and JavaScript/Node.js paths available.

Smashing Magazine
Professional web design and development publication with articles on UX, frontend, performance, accessibility, and design systems.

Roadmap.sh
Community-created developer roadmaps with step-by-step learning paths for frontend, backend, DevOps, AI, and more, see what to learn next.

Frontend Mentor
Real-world frontend coding challenges with professional design files, practice HTML, CSS, and JavaScript by building projects from Figma-style mockups.

LeetCode
Coding interview preparation platform with 3,000+ algorithmic problems, used by FAANG and top tech candidates for data structures and algorithms practice.

JavaScript.info
broad modern JavaScript tutorial from basics to advanced, widely regarded as the most thorough and well-structured JS learning resource.

Dev.to
Inclusive developer community and blogging platform, thousands of articles daily on web dev, DevOps, AI, open source, and career topics.

TypeScript Handbook
The official TypeScript documentation, thorough walkthrough of the type system, utility types, module resolution, and compiler configuration.

Exercism
Free coding practice platform with 70+ language tracks and human mentor feedback, solve exercises locally and get code reviews from volunteers.
🌟Open Source

React
Meta's JavaScript library for building component-based user interfaces with a declarative programming model and a large ecosystem.

Next.js
Vercel's React framework with server-side rendering, static generation, file-based routing, and API routes for production React apps.

Tailwind CSS
Utility-first CSS framework for rapidly building custom designs directly in HTML markup with responsive, state-variant, and dark-mode utilities.

shadcn/ui
Component collection and code distribution platform: copy accessible React components built on Radix UI and Tailwind.

Supabase
Open-source Firebase alternative offering Postgres database, authentication, real-time subscriptions, storage, and edge functions with useful free tier.

Vue.js
Progressive JavaScript framework with an approachable learning curve, reactive data binding, and a flexible composition API for building UIs.

tRPC
End-to-end typesafe API framework that shares TypeScript types between server and client without code generation, zero-rest, full IntelliSense.

Astro
Content-focused web framework that ships zero JavaScript by default, with island-architecture hydration for interactive components when needed.

Svelte
Compiler-first UI framework that shifts work from the browser to the build step, ships minimal JavaScript and delivers high runtime performance.

TanStack Query
capable async state management for React, Vue, Solid, and Svelte, handles caching, background refetching, pagination, and mutations out of the box.

Zod
TypeScript-first schema declaration and validation library, define types once and get static type inference and runtime validation together.

Zustand
Tiny, fast, and scalable state management for React, minimal boilerplate, no providers, and excellent TypeScript support.

Remix
Full-stack React framework focused on web fundamentals with nested routing, server-side data loading, and progressive enhancement, now part of Shopify.

Nuxt
The intuitive Vue.js framework with hybrid rendering, auto-imports, file-based routing, and a rich module ecosystem, the Vue counterpart to Next.js.

NestJS
Progressive Node.js framework for building scalable server-side applications, uses TypeScript, decorators, and dependency injection with an Angular-inspired architecture.

Hono
Ultrafast, lightweight web framework for edge runtimes, runs on Cloudflare Workers, Deno, Bun, and Node.js with a simple, familiar API.

Solid.js
Reactive UI library that compiles to direct DOM updates, React-like developer experience with no virtual DOM and fine-grained reactivity.

Vitest
Fast unit test framework powered by Vite, Jest-compatible API with native ESM, TypeScript, and HMR for instant test feedback.

Payload CMS
Open-source headless CMS and application framework built on Next.js, code-first configuration, TypeScript-native, with a capable admin UI.

Tabler Icons
Tabler Icons provides over 5,000 clean, consistent, customizable SVG icons, available as React, Vue, Svelte, and Figma components plus raw SVG. Each icon is designed on a 24×24 grid with a 2px stroke, ensuring visual harmony across every icon in a set.