Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>vscode-ui-ux-packNew to Visual Studio Code? Get it now.

vscode-ui-ux-pack

Dubois Sébastien

|
1,214 installs
| (0) | Free
Useful extensions for improving the UI/UX of VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

README

UI/UX related extension pack.

Included extensions

Editor

  • Bracket Pair Colorizer: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
    • A customizable extension for colorizing matching brackets
  • indent-rainbow: https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow
    • Makes indentation easier to read
  • Highlight matching tag: https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag
    • Highlights matching closing or opening tag
  • CSS Peek: https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
    • Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

Themes

  • Material Theme: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme
  • vscode-icons: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

Icons

  • Material Icon Theme: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

UI

  • Peacock: https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
    • Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.
  • VSCode Dimmer: https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-dimmer
    • Dims text outside of selections by reducing the opacity of the text. Supports multiple selections.
  • Output Colorizer: https://marketplace.visualstudio.com/items?itemName=IBM.output-colorizer
    • Syntax highlighting for log files

Gatdgets

  • Power Mode: https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode
    • Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft