Overview
A universal Chrome extension for visualizing data flow in web applications.
Analyze application state across multiple frontend libraries. Supported libraries: - React, - Svelte, ...and more to come! Features: - Multi-Library Support: Inspect web applications built with different libraries, including those using multiple libraries simultaneously. - App Structure Visualization: Visualize the structure of your application, including components, DOM elements, and library-specific elements like Svelte blocks. - Real-Time Data Inspection: Inspect component data in real-time, including props, state, and library-specific details like contexts and hooks for React. - Element Filters: Use filters to display only the elements you are interested in. - DOM Element Highlighting: Efficiently highlight DOM elements corresponding to selected tree nodes. - Light and Dark Mode: Choose between light and dark themes for a comfortable user experience in any lighting condition. This extension requires permissions to access the app tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/steciuk/StateViz.
Details
- Version0.1.1
- UpdatedMay 26, 2024
- Offered byAdam Steciuk
- Size146KiB
- LanguagesEnglish
- Developer
Email
a.t.steciuk@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
Support
For help with questions, suggestions, or problems, visit the developer's support site
