Introduction

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.

Features

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

Configuring Visualwind