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

[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)