Skip to main content

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

VS Code

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

🛠️ Developer ToolseditorIDEDetails
GitHub

GitHub

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

🛠️ Developer ToolsgitCI/CDDetails
Postman

Postman

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

🛠️ Developer ToolsAPItestingDetails
Vercel

Vercel

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

🛠️ Developer ToolsdeploymentNext.jsDetails
Docker

Docker

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

🛠️ Developer ToolscontainerDevOpsDetails
CodePen

CodePen

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

🛠️ Developer ToolsplaygroundfrontendDetails
Stack Overflow

Stack Overflow

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

🛠️ Developer ToolsQ&AcommunityDetails
Railway

Railway

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

🛠️ Developer ToolsdeploymentdatabaseDetails
Bun

Bun

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

🛠️ Developer ToolsruntimeJavaScriptDetails
Biome

Biome

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

🛠️ Developer ToolsformatterlinterDetails
Playwright

Playwright

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

🛠️ Developer Toolstestinge2eDetails
Prisma

Prisma

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

🛠️ Developer ToolsORMdatabaseDetails
Turborepo

Turborepo

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

🛠️ Developer ToolsmonorepobuildDetails
Storybook

Storybook

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

🛠️ Developer ToolsUIcomponentsDetails
ngrok

ngrok

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

🛠️ Developer ToolstunnelingwebhookDetails
Cloudflare

Cloudflare

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

🛠️ Developer ToolsCDNedgeDetails
Transform Tools

Transform Tools

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

🛠️ Developer ToolsconversioncodeDetails
BundlePhobia

BundlePhobia

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

🛠️ Developer Toolsnpmbundle-sizeDetails
Can I Use

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.

🛠️ Developer ToolscompatibilitybrowserDetails
cURL Converter

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.

🛠️ Developer ToolscurlconversionDetails
JSONPlaceholder

JSONPlaceholder

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

🛠️ Developer ToolsAPImockDetails
Drizzle ORM

Drizzle ORM

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

🛠️ Developer ToolsORMTypeScriptDetails

🎨Design Resources

Figma

Figma

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

🎨 Design ResourcesUIUXDetails
Dribbble

Dribbble

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

🎨 Design ResourcesinspirationportfolioDetails
Coolors

Coolors

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

🎨 Design ResourcescolorpaletteDetails
Unsplash

Unsplash

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

🎨 Design ResourcesphotosstockDetails
Google Fonts

Google Fonts

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

🎨 Design ResourcesfontstypographyDetails
Excalidraw

Excalidraw

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

🎨 Design ResourceswhiteboarddiagramDetails
Lucide

Lucide

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

🎨 Design Resourcesiconsopen-sourceDetails
remove.bg

remove.bg

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

🎨 Design Resourcesbackground-removalAIDetails
TinyPNG

TinyPNG

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

🎨 Design ResourcescompressionimagesDetails
Squoosh

Squoosh

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

🎨 Design ResourcescompressionimagesDetails
ColorHunt

ColorHunt

Curated collection of beautiful color palettes updated daily, browse, save, and copy hex codes for your next design project.

🎨 Design ResourcescolorpaletteDetails
Heroicons

Heroicons

Beautiful hand-crafted SVG icons by the makers of Tailwind CSS, available in outline, solid, and mini styles for React and Vue.

🎨 Design ResourcesiconsSVGDetails
Haikei

Haikei

Online SVG generators for creating blob shapes, waves, gradients, and abstract backgrounds, export as SVG or PNG, no sign-up needed.

🎨 Design ResourcesSVGgeneratorDetails
Phosphor Icons

Phosphor Icons

Flexible icon family with 1,400+ icons in 6 weights (thin, light, regular, bold, fill, duotone), consistent, pixel-perfect, and framework-agnostic.

🎨 Design ResourcesiconsSVGDetails

Productivity

Notion

Notion

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

ProductivitynoteswikiDetails
Obsidian

Obsidian

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

ProductivitynotesmarkdownDetails
Linear

Linear

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

Productivityproject-managementissue-trackingDetails
Raycast

Raycast

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

ProductivitylaunchermacOSDetails
draw.io

draw.io

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

ProductivitydiagramsflowchartDetails
Warp

Warp

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

ProductivityterminalAIDetails
Loom

Loom

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

ProductivityvideoasyncDetails
CleanShot X

CleanShot X

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

ProductivityscreenshotmacOSDetails
Slack

Slack

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

ProductivitycommunicationteamDetails
Todoist

Todoist

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

ProductivitytasksGTDDetails
Mermaid

Mermaid

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

ProductivitydiagramsmarkdownDetails

📊SEO & Marketing

Google Search Console

Google Search Console

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

📊 SEO & MarketingGoogleindexationDetails
Ahrefs

Ahrefs

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

📊 SEO & MarketingbacklinkskeywordsDetails
PageSpeed Insights

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.

📊 SEO & MarketingperformanceCWVDetails
Screaming Frog

Screaming Frog

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

📊 SEO & Marketingcrawlertechnical-SEODetails
AnswerThePublic

AnswerThePublic

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

📊 SEO & Marketingcontentkeyword-researchDetails
Semrush

Semrush

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

📊 SEO & MarketingSEOPPCDetails
Google Trends

Google Trends

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

📊 SEO & MarketingtrendsGoogleDetails
Moz

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.

📊 SEO & MarketingSEODADetails
Keyword Surfer

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.

📊 SEO & MarketingextensionkeywordsDetails
Schema.org

Schema.org

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

📊 SEO & Marketingstructured-dataSEODetails

🤖AI Tools

Claude

Claude

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

🤖 AI ToolsLLMchatDetails
ChatGPT

ChatGPT

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

🤖 AI ToolsLLMchatDetails
Hugging Face

Hugging Face

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

🤖 AI Toolsmodelsopen-sourceDetails
Perplexity

Perplexity

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

🤖 AI ToolssearchresearchDetails
Midjourney

Midjourney

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

🤖 AI Toolsimage-generationartDetails
v0 by Vercel

v0 by Vercel

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

🤖 AI ToolsUIReactDetails
Cursor

Cursor

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

🤖 AI Toolscode-editorAIDetails
GitHub Copilot

GitHub Copilot

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

🤖 AI Toolscode-genGitHubDetails
Bolt.new

Bolt.new

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

🤖 AI Toolsapp-builderfull-stackDetails
Replit

Replit

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

🤖 AI ToolsIDEcollaborationDetails
ElevenLabs

ElevenLabs

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

🤖 AI ToolsTTSvoiceDetails
Suno

Suno

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

🤖 AI ToolsmusicgenerationDetails
Gemini

Gemini

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

🤖 AI ToolsLLMGoogleDetails
Lovable

Lovable

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

🤖 AI Toolsapp-builderfull-stackDetails

🛒Ecommerce Tools

📚Learning Resources

MDN Web Docs

MDN Web Docs

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

📚 Learning ResourcesdocumentationwebDetails
freeCodeCamp

freeCodeCamp

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

📚 Learning ResourcescoursescertificationDetails
CSS-Tricks

CSS-Tricks

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

📚 Learning ResourcesCSSfrontendDetails
The Odin Project

The Odin Project

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

📚 Learning Resourcesfull-stackcurriculumDetails
Smashing Magazine

Smashing Magazine

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

📚 Learning ResourcesdesignfrontendDetails
Roadmap.sh

Roadmap.sh

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

📚 Learning ResourcesroadmapcareerDetails
Frontend Mentor

Frontend Mentor

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

📚 Learning ResourcesfrontendchallengesDetails
LeetCode

LeetCode

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

📚 Learning ResourcesalgorithmsinterviewsDetails
JavaScript.info

JavaScript.info

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

📚 Learning ResourcesJavaScripttutorialDetails
Dev.to

Dev.to

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

📚 Learning ResourcescommunityblogDetails
TypeScript Handbook

TypeScript Handbook

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

📚 Learning ResourcesTypeScriptdocumentationDetails
Exercism

Exercism

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

📚 Learning ResourcespracticementoringDetails

🌟Open Source

React

React

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

🌟 Open SourceUIJavaScriptDetails
Next.js

Next.js

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

🌟 Open SourceReactSSRDetails
Tailwind CSS

Tailwind CSS

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

🌟 Open SourceCSSframeworkDetails
shadcn/ui

shadcn/ui

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

🌟 Open SourceReactcomponentsDetails
Supabase

Supabase

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

🌟 Open SourcedatabaseBaaSDetails
Vue.js

Vue.js

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

🌟 Open SourceJavaScriptframeworkDetails
tRPC

tRPC

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

🌟 Open SourceTypeScriptAPIDetails
Astro

Astro

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

🌟 Open SourceSSGframeworkDetails
Svelte

Svelte

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

🌟 Open SourceUIcompilerDetails
TanStack Query

TanStack Query

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

🌟 Open Sourcestate-managementcachingDetails
Zod

Zod

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

🌟 Open SourcevalidationTypeScriptDetails
Zustand

Zustand

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

🌟 Open Sourcestate-managementReactDetails
Remix

Remix

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

🌟 Open SourceReactfull-stackDetails
Nuxt

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.

🌟 Open SourceVueSSRDetails
NestJS

NestJS

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

🌟 Open SourceNode.jsbackendDetails
Hono

Hono

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

🌟 Open SourceedgeframeworkDetails
Solid.js

Solid.js

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

🌟 Open SourceUIreactiveDetails
Vitest

Vitest

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

🌟 Open SourcetestingViteDetails
Payload CMS

Payload CMS

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

🌟 Open SourceCMSNext.jsDetails
Tabler Icons

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.

🌟 Open SourceiconsSVGDetails