Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>NexusLabs CSS Toolkit — 5 Design ToolsNew to Visual Studio Code? Get it now.
NexusLabs CSS Toolkit — 5 Design Tools

NexusLabs CSS Toolkit — 5 Design Tools

NexusLabs

|
3 installs
| (0) | Free
Color Converter, Palette Generator, Gradient Builder, CSS Unit Converter, Box Shadow Generator — all in one. Zero network. 100% local.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

NexusLabs CSS Toolkit — 5 Design Tools

Color Converter, Palette Generator, Gradient Builder, CSS Unit Converter, Box Shadow Generator — all inside VS Code. Zero network. 100% local.

Features

Tool Description
🎨 Color Converter Convert between HEX, RGB, HSL with live preview & native picker
🎭 Color Palette Generate complementary, analogous, triadic, tetradic, shades, tints
🌈 Gradient Builder Build linear, radial, conic gradients with live preview
📐 CSS Unit Converter Convert px ↔ rem ↔ em ↔ pt ↔ % with custom base font size
🔲 Box Shadow Visual box-shadow generator with sliders for offset, blur, spread, opacity

Usage

  1. Open Command Palette → NexusLabs CSS: Open Tools Panel
  2. Or press Ctrl+Shift+C (Cmd+Shift+C on Mac)
  3. Switch between tools using the tab bar

Inline Editor Commands

  • Convert Color — Select a HEX color → right-click → NexusLabs CSS: Convert Color → get RGB/HSL
  • Convert CSS Unit — Select 16px → right-click → NexusLabs CSS: Convert CSS Unit → get rem/em/pt

Privacy

  • Zero network requests
  • Zero tracking or analytics
  • Everything runs 100% locally inside VS Code

Links

  • NexusLabs Website
  • GitHub

License

MIT © 2026 NexusLabs

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft