DEV Community

Cover image for [Release] boundary.nvim – Visualize 'use client' boundaries in your React code directly inside Neovim
Kenzo Wada
Kenzo Wada

Posted on • Edited on

[Release] boundary.nvim – Visualize 'use client' boundaries in your React code directly inside Neovim

Hey everyone 👋

I've just released boundary.nvim
— a Neovim plugin that helps you see 'use client' boundaries in your React codebase without leaving your editor.

Inspired by the RSC Boundary Marker VS Code extension
, this plugin brings the same visibility to Neovim.

✨ Features

  • Detects imports that resolve to components declaring 'use client'
  • Displays inline virtual text markers next to their usages
  • Handles default, named, and aliased imports
  • Supports directory imports (like index.tsx)
  • Automatically updates when buffers change (or can be refreshed manually)

⚙️ Usage

Install via lazy.nvim:

{
  'Kenzo-Wada/boundary.nvim',
  config = function()
    require('boundary').setup({
      marker_text = "'use client'", -- customizable marker
    })
  end,
}
Enter fullscreen mode Exit fullscreen mode

Once enabled, you’ll see 'use client' markers appear right next to client components in your React files.

💡 Why

If you work with React Server Components, it can be surprisingly hard to keep track of client boundaries — especially in large codebases.
boundary.nvim gives you instant visual feedback, helping you reason about component boundaries at a glance.

🧱 Repo

👉 https://github.com/Kenzo-Wada/boundary.nvim

Feedback, issues, and contributions are all welcome!

Top comments (0)