https://github.com/primer/primitives-vscode-extension

VSCode extension for Primer primitives
https://github.com/primer/primitives-vscode-extension

Last synced: 9 days ago
JSON representation

VSCode extension for Primer primitives

• Host: GitHub
• URL: https://github.com/primer/primitives-vscode-extension
• Owner: primer
• License: mit
• Created: 2023-07-04T11:17:04.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2025-12-13T13:31:56.000Z (7 months ago)
• Last Synced: 2026-01-16T08:07:39.019Z (6 months ago)
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=githubprimer.primer-primitives-autocomplete
• Size: 13.8 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Banner](https://raw.githubusercontent.com/primer/primitives-vscode-extension/refs/heads/main/.github/content/header.png)

VSCode extension for primer/primitives




  Install from  Visual Studio Marketplace ↗

  


  


  



 

Autocomplete for Primer Primitives improves the suggestions by filtering variables relevant to the CSS property and sorting them based on the Primer team's recommendations.

# Features

## Smart Autocomplete

Press `Ctrl + Space` or type `--` to pop open suggestions.

![Smart Autocomplete](https://raw.githubusercontent.com/primer/primitives-vscode-extension/refs/heads/main/.github/content/suggestions.gif)

## Hover Preview

Hover over a variable to see its value. Or values in the case of colors across different color modes.

![Hover preview](https://raw.githubusercontent.com/primer/primitives-vscode-extension/refs/heads/main/.github/content/hover.gif)

## Open documentation for variable

Right click -> `Open Primer documentation for variable` to open documentation in a preview within VSCode.

![Open documentation for variable](https://raw.githubusercontent.com/primer/primitives-vscode-extension/refs/heads/main/.github/content/documentation.gif)

 

### Credit

This extension is heavily inspired by [vscode-css-variables](https://github.com/vunguyentuan/vscode-css-variables) by [Vu Nguyen](https://github.com/vunguyentuan)