/svelte-sight

A Svelte dev tool for visualizing component hierarchy, state, and props of your application

Primary LanguageSvelteMIT LicenseMIT

(Svelte Sight is currently in beta version, if you're interested in contributing please message one of the authors!)

Svelte Sight is a visualization tool that allows you to view a complete component hierarchy tree of your Svelte application along with each component's state and props.

Getting Started

  1. Install Svelte Sight from the Chrome Web Store
  2. Run your Svelte application
  3. Open Chrome Developer Tools (Cmd + Option + I) & navigate to the Svelte Sight panel
  4. Happy developing!

Contributing

Found a bug or have suggestions for improvement? We would love to hear from you!

Please open an issue to submit feedback or problems you come across.

Authors

Jason Pike @varplanet

Kelvin Wang @zerodegreekelvin

Kenneth Trang @kennethtrang

Sung Do @sungdo1004

License

This project is licensed under the MIT License - see the LICENSE file for details