VS Code Extensions
NuxtUI CodeLens

NuxtUI CodeLens

by LeVund

Nuxt UI documentation and helpers inside VS Code

Downloads

126

Rating

5.0 / 5 (2)

Version

1.1.0

Last updated

Apr 20, 2026

VS Code extension that brings Nuxt UI component intelligence directly into your editor.

Requires Nuxt UI v3 or v4.

Features

  • CodeLens for every component — above each <U…> tag, interactive lenses list the component's props, slots, events, v-models, and UI keys at a glance

Code lens example

  • One-click documentation

Example of official documentation in panel

  • One-click props injection

Example of the interactive tree of component elements

  • Auto version detection — reads @nuxt/ui from package.json and targets the correct v3 or v4 documentation automatically

Settings

Setting Default Description
nuxtUiCodeLens.version auto Force v3, v4, or auto-detect from package.json
nuxtUiCodeLens.codeLens.enabled true Enable or disable CodeLens on Nuxt UI component tags

Related extensions