Svelte Sight
A Svelte dev tool for visualizing component hierarchy, state, and props of your application
(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
- Install Svelte Sight from the Chrome Web Store
- Run your Svelte application
- Open Chrome Developer Tools (Cmd + Option + I) & navigate to the Svelte Sight panel
- 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
