Skip to content

About

Interactive tool for browsing, comparing, and assembling a JavaScript technology stack.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Stack Picker

Interactively browse, compare, and assemble a JavaScript technology stack. Pick tools across 24 categories, spot cross-layer overlaps, catch dependency conflicts, and copy your selections as plain text.

Live at stack-picker.js.org.

Stack Picker screenshot

Features

  • 24 categories — runtime, bundler, UI framework, meta-framework, styling, testing, deployment, and more
  • 190 tools with descriptions, alternatives, and homepage links
  • Cross-layer highlighting — tools that span multiple categories are highlighted wherever they appear
  • Conflict and dependency warnings — flags missing requirements and incompatible pairings
  • Fuzzy search — filter by tool name, description, or acronym
  • Fixed stack bar — selected tools pinned to the bottom, grouped by category, with per-category removal
  • Copy to clipboard — exports your full stack as formatted plain text
  • Keyboard navigation — Tab, arrow keys, Enter to select, Space for details, / for search, ? for shortcuts
  • No build step — plain HTML, CSS, and JS; open index.html directly

Keyboard shortcuts

Key Action
Enter Toggle tool selection
Space Open tool detail sheet
← → Move between pills in a category
↑ ↓ Move between category headers
/ Focus search
? Open shortcuts reference
Escape Close detail / modal, or clear search

Development

make serve        # local server at http://localhost:8000
make screenshot   # regenerate og-image.png (requires npx playwright)

Deployment is automatic — pushing to main triggers the GitHub Actions workflow and publishes to GitHub Pages.

License

MIT

About

Interactive tool for browsing, comparing, and assembling a JavaScript technology stack.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Contributors

Languages