Stencil Editor
A fast, modern editor for Stencil—clean JSX, smart tooling, and zero distractions.
Try Stencil in ZedPowered by Tree-sitter
Precise Syntax Highlighting
JSX, components, and decorators in Stencil are highlighted live for smooth component development.
Semantic Understanding
Tree-sitter parses your code into a syntax tree, enabling features like code folding, selection expansion, and precise highlighting.
Instant Updates
Syntax highlighting updates in real-time as you type, with no lag or delay even in large files.
Error Recovery
Even with syntax errors, Tree-sitter maintains accurate highlighting for the rest of your code.
Popular Extensions
Enhance Zed with popular extensions from our growing ecosystem.
Browse all extensionsDebugging Support
Stencil Debugging
While native Stencil debugging isn't available yet, Zed offers powerful debugging capabilities for other languages with full DAP support.
Learn about Zed's Debugger
Debug Adapter Protocol
Zed supports the Debug Adapter Protocol (DAP) for standardized debugging across multiple languages.
Universal Debugging Features
Breakpoints, variable inspection, call stack navigation, and step-through debugging when supported.
Debug Adapter Protocol
Zed supports the Debug Adapter Protocol (DAP) for standardized debugging across multiple languages.
Universal Debugging Features
Breakpoints, variable inspection, call stack navigation, and step-through debugging when supported.
Why Zed
Built for Modern Stencil Development
Experience features that make Stencil development faster and more enjoyable.
Download ZedFast
Open large Stencil projects instantly. Navigate & edit with zero lag, even in massive codebases.
Agentic
Generate Stencil code, write tests, and refactor with integrated AI that understands your context.
Collaborative
Pair program, debug together, and share your Stencil projects with your team in real-time.
Explore Other Languages
Zed supports more than 80 programming languages out of the box.
View all supported languages