Tree-Sitter Support for VSCode

What it does

This extension gives VSCode support for tree-sitter syntax coloring. Examples with tree-sitter coloring on the right: If you see something getting colored wrong, or something that should be colored but isn't, you can help! The simplest way to help is to create an issue with a simple example, a screenshot, and an explanation of what is wrong. You are also welcome to fix the problem yourself and submit a PR. Colorization is performed by the various colorLanguage(x, editor) functions in src/colors.ts . When working on the colorization rules, please keep in mind two core principles: It's straightforward to add any language with a tree-sitter grammarfrom marketplace.visualstudio.com

• 
  Visualize Data Structures in VS Code2020 · github.com · ▲509

  An extension for VS Code that visualizes data during debugging. - vscode-debug-visualizer/extension at master · hediet/vscode-debug-visualizer

• 
  I ported Tree-sitter to GoFeb 2026 · github.com · ▲222

  This started as a hard requirement for my TUI-based editor application, it ended up going in a few different directions. A suite of tools that help with semantic code entities: https://github.com/odvcencio/gts-suite A next-gen version control system called Got: https://github.com/odvcencio/got I think this has some pretty big potential! I think there's many classes of application (particularly legacy architecture) that can benefit from these kinds of analysis tooling. My next post will be about composing all these together, an exciting project I call…

• 
  VS Code extension that fades out the colors until you take a break2020 · github.com · ▲143

  VS Code extension that encourages you to take a break. - schneefux/vscode-winddown

• 
  Explain Code in VS Code2021 · marketplace.visualstudio.com · ▲139

  Instant time complexity, explanation, and documentation

• 
  Tree-sitter Integration for Swift2024 · github.com · ▲52

  I have created a Swift package (https://github.com/daspoon/tree-sitter-kit) enabling tree-sitter parsers to be written in Swift; specifically, as an array of production rules which map symbol types to pairings of syntax expression and type constructor. A member macro derives a tree-sitter grammar and embeds the generated parser in its expansion. This project is a work in progress, and I will be grateful for any feedback. Thanks, Dave

• 
  Visualize Data Structures While Debugging in VS Code2020 · github.com · ▲23

  An extension for VS Code that visualizes data during debugging. - vscode-debug-visualizer/extension/README.md at master · hediet/vscode-debug-visualizer

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Webframe▲796

  >800 web app screenshots for inspiration on your next app 🎉

  Dev tools · 2019 · webframe.xyz

• 
  CSS Scan 2.0▲758

  The fastest and easiest way to inspect or copy CSS ⚡️

  Dev tools · 2019 · getcssscan.com

• 
  Golden▲680

  Mapping human knowledge with AI

  AI · 2019 · golden.com

• 
  When To Launch▲654

  Launch your product on the right date and time based on data

  Growth · 2019

• 
  Hyper 3▲643

  A cross-platform terminal powered by web technologies

  Dev tools · 2019 · hyper.is

• CC
  CSSFX – Click-to-copy CSS effects▲595

  Life & fun · 2019 · cssfx.dev