This content originally appeared on DEV Community and was authored by Kenzo Wada
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,
}
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!
This content originally appeared on DEV Community and was authored by Kenzo Wada
Kenzo Wada | Sciencx (2025-10-20T08:25:18+00:00) [Release] boundary.nvim – Visualize ‘use client’ boundaries in your React code directly inside Neovim. Retrieved from https://www.scien.cx/2025/10/20/release-boundary-nvim-visualize-use-client-boundaries-in-your-react-code-directly-inside-neovim-2/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.