https://github.com/thephotogenicbug/prismbrackets
🌈 PrismBrackets – Beautiful rainbow bracket highlighting with glow effects, smart matching, and real-time visualization for VS Code.
https://github.com/thephotogenicbug/prismbrackets
brackets developer-tools editor-plugin javascript rainbow-brackets syntax-highlighting typescript vscode-extension
Last synced: about 2 months ago
JSON representation
🌈 PrismBrackets – Beautiful rainbow bracket highlighting with glow effects, smart matching, and real-time visualization for VS Code.
- Host: GitHub
- URL: https://github.com/thephotogenicbug/prismbrackets
- Owner: thephotogenicbug
- License: other
- Created: 2026-03-26T13:04:52.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-03-26T16:51:49.000Z (4 months ago)
- Last Synced: 2026-03-27T05:45:11.792Z (4 months ago)
- Topics: brackets, developer-tools, editor-plugin, javascript, rainbow-brackets, syntax-highlighting, typescript, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=Naveendev.prismbrackets
- Size: 2.26 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Prism Brackets – Rainbow Bracket Highlighter for VS Code
Fast, zero-lag rainbow bracket highlighting with scope visualization, vertical guides, and smart parsing.
🌈 Prism Brackets
Advanced rainbow bracket highlighting with glow, multi-language support, and smart parsing.
Improve readability • Reduce errors • Code faster
✨ Clean code starts with clear brackets
---
## 🚀 Overview
**Prism Brackets** enhances your coding experience with:
- 🌈 Depth-based rainbow bracket highlighting
- 🎨 Advanced color system (less repetition, better spacing)
- 🌗 Theme-aware colors (auto adapts to dark/light themes)
- ✨ Glow effect for enhanced visibility
- 🎯 Matching bracket highlight
- ⚡ Real-time updates while typing
- 🔘 Enable/Disable toggle (status bar)
- 🧠 Smart parsing (ignores strings & comments)
- 🎯 Focus Mode (dim non-active code & highlight current scope)
Designed for **clarity, performance, and developer productivity**.
---
### 🌍 Supported Languages
- JavaScript / TypeScript
- Python
- HTML / JSON
- SQL
- C / C++
- Java
- PHP / Laravel Blade (partial)
---
## 🖼️ Preview
### Main Showcase
### Nested Depth Highlight
### Mixed Brackets
---
## Focus Mode
---
## Example
```js
function example() {
return 1 + 2 * (3 + 4 * (5 + 6));
}
```
## Installation
```bash
ext install Naveendev.prismbrackets
```
---
## Contributing
```bash
git clone https://github.com/thephotogenicbug/prismbrackets.git
cd prismbrackets
npm install
npm run watch
```
## Project Structure
```bash
src/
├── commands/
│ └── toggle.ts # Enable/disable + glow toggle commands
├── decorations/
│ └── decorations.ts # VS Code decoration creation & management
├── features/
│ ├── colorize.ts # Core bracket coloring logic
│ └── match.ts # Matching bracket highlight logic
├── utils/
│ ├── colors.ts # Color generation (theme-aware)
│ ├── debounce.ts # Performance optimization
│ └── languageConfig.ts # Language-specific parsing rules
├── extension.ts # Entry point (activation + listeners)
├── state.ts # Global state (enabled, glow)
```
---
Made with ❤️ by Naveen