NesTar6 / svelte-sight

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

Home Page:http://www.sveltesight.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

(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

About

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

http://www.sveltesight.com

License:MIT License


Languages

Language:Svelte 69.2%Language:JavaScript 24.1%Language:HTML 3.8%Language:CSS 2.9%