⚡ Open TechStack

The open-source, community-driven visual guide to modern tech stacks.

280+ technologies across 8 guides. 11 head-to-head comparisons. An interactive stack picker. Filter by project stage, search by keyword, find the stack that fits. Zero dependencies. No sign-up. Just open and explore.

🌐 Live: opentechstack.stitchwebsite.com · ⭐ Star to help others find it!

---

Table of Contents

• Guides
• Head-to-Head Comparisons
• Stack Picker Wizard
• Technology Directory
• Features
• Contributing
• Running Locally
• Roadmap
• Share It
• License

---

📚 Guides

Guide	Technologies	Highlights
Frontend Stacks	60+	React, Vue, Svelte, Solid, Next.js, Astro, Tailwind, Zustand, Vite, Playwright
Backend Stacks	50+	Node.js, Python, Go, Rust, Rails, Supabase, Firebase, Postgres, Stripe, Sentry
AI/ML Stacks	45+	OpenAI, Claude, Gemini, Llama, LangChain, LlamaIndex, Pinecone, vLLM, Modal
AI Coding Tools	80+	Cursor, Copilot, Windsurf, Claude Code, Codex CLI, Gemini CLI, v0, Bolt, Devin
DevOps & Infra	46+	GitHub Actions, Terraform, Docker, Kubernetes, AWS, Grafana, ArgoCD, Backstage
Mobile Stacks	46+	React Native, Expo, Flutter, SwiftUI, Jetpack Compose, KMP, Fastlane
Stack Combos	12 recipes	Indie Hacker, AI Startup, SaaS Rocket, Enterprise Fortress, Budget Warrior

---

⚔️ Head-to-Head Comparisons

Side-by-side breakdowns with pricing, features, benchmarks, and clear verdicts.

Comparison	Category
Cursor vs GitHub Copilot vs Windsurf	AI Coding
Claude Code vs OpenAI Codex vs Gemini CLI	AI Coding
Next.js vs Remix vs Astro	Frontend
React vs Vue vs Svelte	Frontend
Tailwind CSS vs CSS Modules vs Vanilla Extract	Frontend
Zustand vs Redux Toolkit vs Jotai	Frontend
Supabase vs Firebase	Backend
Clerk vs Auth0 vs Supabase Auth	Backend
Vercel vs Cloudflare Pages vs Netlify	DevOps
Docker vs Podman vs Kubernetes	DevOps
LangChain vs LlamaIndex vs Haystack	AI/ML

Want a comparison we haven't covered? Open an issue →

---

🧭 Stack Picker Wizard

Try it → Answer 5 questions, get a full-stack recommendation with per-layer reasoning. Shareable results.

---

📖 Technology Directory

A browsable reference of every technology covered. PRs welcome to add, update, or correct entries!

Frontend (60+)

UI Frameworks

Technology	Stages	Free	TS-first
React	Hobby → Scale	✅	✅
Vue 3	Hobby → Scale	✅	✅
Svelte 5	Hobby → Growth	✅	✅
Solid.js	Hobby → Growth	✅	✅
Angular	MVP → Scale	✅	✅
Preact	Hobby → MVP	✅	✅
Qwik	Hobby → Growth	✅	✅
HTMX	Hobby → MVP	✅	❌
Lit	Hobby → Growth	✅	✅

Meta-Frameworks

Technology	Stages	Free	TS-first
Next.js 15	Hobby → Scale	✅	✅
Nuxt 3	Hobby → Scale	✅	✅
Astro	Hobby → Growth	✅	✅
SvelteKit	Hobby → Growth	✅	✅
Remix	MVP → Scale	✅	✅
Gatsby	Hobby → Growth	✅	✅

Styling

Technology	Stages	Free	TS-first
Tailwind CSS	Hobby → Scale	✅	❌
CSS Modules	Hobby → Scale	✅	❌
Vanilla Extract	MVP → Scale	✅	✅
Panda CSS	MVP → Scale	✅	✅
UnoCSS	Hobby → Growth	✅	✅
StyleX	Growth → Scale	✅	✅

State Management

Technology	Stages	Free	TS-first
Zustand	Hobby → Scale	✅	✅
Redux Toolkit	MVP → Scale	✅	✅
Jotai	Hobby → Growth	✅	✅
TanStack Query	Hobby → Scale	✅	✅
Pinia	Hobby → Scale	✅	✅
Signals (various)	Hobby → Growth	✅	✅

Build Tools & Testing

Technology	Stages	Free	TS-first
Vite	Hobby → Scale	✅	✅
Turbopack	MVP → Scale	✅	✅
Vitest	Hobby → Scale	✅	✅
Playwright	MVP → Scale	✅	✅
Cypress	MVP → Scale	✅	✅
Biome	Hobby → Scale	✅	✅
ESLint	Hobby → Scale	✅	✅

UI Libraries

Technology	Stages	Free	TS-first
shadcn/ui	Hobby → Scale	✅	✅
Radix UI	Hobby → Scale	✅	✅
Headless UI	Hobby → Growth	✅	✅
MUI (Material)	MVP → Scale	✅	✅
Ant Design	MVP → Scale	✅	✅
Mantine	Hobby → Growth	✅	✅

Backend (50+)

Languages & Frameworks

Technology	Stages	Free	Self-host
Node.js / Express	Hobby → Scale	✅	✅
Python / FastAPI	Hobby → Scale	✅	✅
Python / Django	MVP → Scale	✅	✅
Go	MVP → Scale	✅	✅
Rust / Actix	Growth → Scale	✅	✅
Ruby on Rails	Hobby → Scale	✅	✅
Elixir / Phoenix	MVP → Scale	✅	✅
Hono	Hobby → Growth	✅	✅
tRPC	Hobby → Growth	✅	✅

BaaS & Databases

Technology	Stages	Free	Self-host
Supabase	Hobby → Scale	✅	✅
Firebase	Hobby → Growth	✅	❌
Appwrite	Hobby → Growth	✅	✅
PostgreSQL	Hobby → Scale	✅	✅
Neon	Hobby → Growth	✅	❌
PlanetScale	MVP → Scale	✅	❌
MongoDB	Hobby → Scale	✅	✅
Redis	Hobby → Scale	✅	✅
Turso (libSQL)	Hobby → Growth	✅	✅

Auth, Payments & Infra

Technology	Stages	Free	Self-host
Clerk	Hobby → Scale	✅	❌
Auth0	MVP → Scale	✅	❌
Supabase Auth	Hobby → Growth	✅	✅
Stripe	MVP → Scale	✅	❌
Sentry	Hobby → Scale	✅	✅
Inngest	MVP → Growth	✅	✅
Resend	Hobby → Growth	✅	❌

AI/ML (45+)

LLM Providers & Orchestration

Technology	Stages	Free	Open Source
OpenAI (GPT-4o)	Hobby → Scale	✅	❌
Anthropic Claude	Hobby → Scale	✅	❌
Google Gemini	Hobby → Scale	✅	❌
Meta Llama 3	Hobby → Scale	✅	✅
Mistral	Hobby → Scale	✅	✅
LangChain	Hobby → Scale	✅	✅
LlamaIndex	Hobby → Scale	✅	✅
CrewAI	MVP → Growth	✅	✅
Haystack	MVP → Scale	✅	✅

Vector DBs & Inference

Technology	Stages	Free	Self-host
Pinecone	MVP → Scale	✅	❌
Qdrant	Hobby → Scale	✅	✅
Weaviate	MVP → Scale	✅	✅
pgvector	Hobby → Scale	✅	✅
ChromaDB	Hobby → Growth	✅	✅
vLLM	Growth → Scale	✅	✅
Modal	MVP → Scale	✅	❌
Hugging Face	Hobby → Scale	✅	✅

AI Coding Tools (80+)

AI Code Editors

Technology	Price	Best For
Cursor	$20/mo	AI-first full IDE
GitHub Copilot	$10/mo	Inline completions in VS Code
Windsurf (Codeium)	Free–$15/mo	Budget-friendly AI editor
Zed + AI	Free	Performance-first editor
Cody (Sourcegraph)	Free–$9/mo	Large codebase context
Continue.dev	Free (OSS)	Open-source copilot
Tabnine	Free–$12/mo	Privacy-focused completions
AugmentCode	$30/mo	Enterprise context engine

Coding Agents & CLI

Technology	Price	Best For
Claude Code	Usage-based	Terminal agentic coding
OpenAI Codex CLI	Usage-based	Open-source terminal agent
Gemini CLI	Free (preview)	Google ecosystem agent
Devin (Cognition)	$500/mo	Autonomous software engineer
Amazon Q Developer	Free–$19/mo	AWS-integrated AI
Aider	Free (OSS)	Git-aware pair programming
OpenHands	Free (OSS)	Open-source Devin alternative
Kilo Code	Free (OSS)	VS Code autonomous agent

Vibe Coding / App Builders

Technology	Price	Best For
v0 (Vercel)	Free–$20/mo	UI component generation
Bolt.new	Free–$20/mo	Full-stack app from prompt
Lovable	Free–$20/mo	Idea-to-app builder
Replit Agent	Free–$25/mo	Cloud IDE with AI agent
Firebase Genkit	Free (OSS)	AI-powered backend flows
Create.xyz	Free tier	No-code AI app builder

DevOps (46+)

CI/CD, Containers & Cloud

Technology	Stages	Free	Self-host
GitHub Actions	Hobby → Scale	✅	✅
Terraform	MVP → Scale	✅	✅
Docker	Hobby → Scale	✅	✅
Kubernetes	Growth → Scale	✅	✅
AWS	Hobby → Scale	✅	❌
GCP	Hobby → Scale	✅	❌
Azure	MVP → Scale	✅	❌
Vercel	Hobby → Scale	✅	❌
Cloudflare	Hobby → Scale	✅	❌
Grafana	Hobby → Scale	✅	✅
ArgoCD	Growth → Scale	✅	✅
Backstage	Growth → Scale	✅	✅

Mobile (46+)

Cross-Platform & Native

Technology	Stages	Free	Best For
React Native	Hobby → Scale	✅	JS teams going mobile
Expo	Hobby → Scale	✅	React Native supercharged
Flutter	Hobby → Scale	✅	Beautiful cross-platform
SwiftUI	Hobby → Scale	✅	iOS-native
Jetpack Compose	Hobby → Scale	✅	Android-native
KMP	MVP → Scale	✅	Shared Kotlin logic
.NET MAUI	MVP → Scale	✅	C# cross-platform

---

✨ Features

• Interactive Mind Maps — Visual overview of each landscape. Click nodes to jump to detail cards.
• Stage-Based Filtering — Hobby ($0) · MVP ($25-60) · Growth ($50-500) · Scale ($500+)
• Search & Filter — Full-text search, category chips, free tier / self-hostable / production-proven / TypeScript-first
• Decision Cheat Sheets — Quick picks by team situation, constraints, and anti-patterns
• Dark Mode — System-aware with manual toggle
• Keyboard Shortcuts — / search · 1-4 stages · Esc reset
• Zero Dependencies — Pure HTML + Tailwind CDN + vanilla JS. No build step.

---

🤝 Contributing

We're building this as a community. Every contribution matters — from fixing a typo to adding an entire guide.

Quick Start (5 minutes)

# 1. Fork & clone
git clone https://github.com/YOUR-USERNAME/awesome-vibecoding-techstacks.git
cd awesome-vibecoding-techstacks

# 2. Open in browser — no build step!
open index.html
# or: python3 -m http.server 8080

# 3. Edit, test, PR

Ways to Contribute

What	Difficulty	Template
Fix a typo or outdated info	🟢 Easy	Correction →
Add a technology	🟢 Easy	Add Tech →
Request a comparison	🟡 Medium	Request →
Suggest a stack combo	🟡 Medium	Suggest →
Build a new comparison page	🔴 Advanced	Guide

How to Add a Technology (1 minute)

Find the right HTML file, locate the TECH array, and add an object:

{
  id: "my-tool",
  name: "My Tool",
  cat: "fw",                    // category code
  summary: "What it does and why it matters in 2026.",
  pros: ["Fast", "Great DX", "Active community"],
  cons: ["Small ecosystem", "Breaking changes"],
  bestFor: "When to reach for this tool",
  free: true,
  ts: true,
  prod: true,
  stages: ["hobby", "mvp", "growth"]
}

Open the file in a browser to verify, then submit a PR!

See CONTRIBUTING.md for full guidelines and all category codes.

---

🗺️ Roadmap

• Frontend, Backend, AI/ML, DevOps, Mobile guides
• Stack Combos (12 recipes)
• AI Coding Tools guide (80+ tools)
• Stack Picker Wizard
• 11 head-to-head comparison pages
• Dark mode
• SEO + AI search optimization (llms.txt, JSON-LD)
• Community voting on technologies
• "Alternatives to X" on each tech card
• Newsletter / changelog
• Embeddable comparison widgets
• Community-submitted stack combos

Have an idea? Start a discussion →

---

📢 Share It

Help others discover this resource:

Twitter/X:

Just found Open TechStack — 280+ technologies compared across Frontend, Backend, AI/ML, DevOps, Mobile, and AI Coding. Interactive mind maps, comparisons, stack picker.

Fully open source. Zero dependencies.

https://opentechstack.stitchwebsite.com

#vibecoding #techstack #webdev #opensource

Reddit: Post to r/webdev, r/programming, r/reactjs, r/devops, r/MachineLearning

Hacker News:

Title: Show HN: Open TechStack – 280+ technologies compared with interactive visual guides URL: https://opentechstack.stitchwebsite.com

---

Running Locally

git clone https://github.com/JagadeepPortfolio/awesome-vibecoding-techstacks.git
cd awesome-vibecoding-techstacks
open index.html
# or use any local server:
python3 -m http.server 8080

No build step. No node_modules. No frameworks. Just HTML.

---

License

MIT — use it however you want.

---

Found this useful? Give it a ⭐ — it helps others find it!