Welcome to Visualwind

Visualwind is a vscode extension, that lets you:

  • Render react components in an isolated environment,
  • Find code from the rendered UI,
  • Find the rendered UI from the code.


Isolated Component Rendering

One click storybook-like component rendering

UI > Code Pointing

Double click an UI element in the layer explorer to locate which code draws the UI

Code > UI pointing

Move your cursor to anywhere in your code to highlight the corresponding UI