Svisualize

Svelte components are hard made easy

A Visual Studio Code Extension that visualizes your components as you code

Check Out Our Features

Start visualizing your Svelte code today

Open files from your tree

Easily locate components by clicking respective nodes and instantly traverse through files

See your props

Monitor multi-level prop elements by hovering over each node

Change your tree root

Switch root node to visualize smaller sections of a project's component structure

On-Click updates

Effortlessly integrate additional components into the tree by clicking the update button to ensure seamless re-rendering of your changes

Tech Stack

VS Code

A highly versatile and speedy code editor with an extensive plugin ecosystem, favored by developers for its efficiency and ease of use.

Svelte

Cutting-edge JavaScript framework known for its minimalistic approach and exceptional performance, enabling developers to build powerful web applications with ease.

D3

Dynamic data visualization library for JavaScript, known for its flexibility and ability to create stunning interactive graphics and charts.

Meet the team behind Svisualize

Lumeng Li

Jason Huang

Kris Fragata

Caleb Belkin

`