made with Svelte

Svisualize

Svelte Component Visualizer

Visit Site

Description

Svelte Component Visualizer

"Svisualize is a Svelte component visualizer for developers to see the shape of their application as they code.

Large-scale Javascript projects can contain a multitude of components. Svelte, a newer Javascript framework, lacks a component visualization tool within Visual Studio Code. Svisualize is a VS Code extension that gives developers the ability to visualize their Svelte components as they create their project."

  • Visualize each Svelte component as a node on the component tree
  • View parent-child hierarchy from ANY root file
  • View props present within each component by hovering it's component node
  • Open files on node click
  • Update the tree structure on change in codebase by clicking the update button

Creator

Open Source Labs


Social Media Links

Portr Open-source ngrok Alternative
icon-eye-dark Created with Sketch. 632
Vite Plugin Svelte Svelte Integration for Web Dev Build Tool Vite
icon-eye-dark Created with Sketch. 3.063
Sentry for Svelte Svelte Error & Performance Monitoring
🧑 Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Appwrite Console Web Console of a Backend as a Service Platform
icon-eye-dark Created with Sketch. 1.513
Prettier Plugin Svelte Format your Svelte components using prettier
icon-eye-dark Created with Sketch. 3.275