oslabs-beta / Svelte Sight
Licence: mit
A Svelte dev tool for visualizing component hierarchy, state, and props of your application
Stars: ✭ 179
Labels
Projects that are alternatives of or similar to Svelte Sight
Notus Svelte
Notus Svelte: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 144 (-19.55%)
Mutual labels: svelte
Palettes
A tool for creating nice, percerptually correct and colorblind-safe color palettes.
Stars: ✭ 155 (-13.41%)
Mutual labels: svelte
Figmatocode
Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
Stars: ✭ 2,299 (+1184.36%)
Mutual labels: svelte
Svelte Chota
Svelte UI components based on super lightweight chota CSS framework.
Stars: ✭ 157 (-12.29%)
Mutual labels: svelte
Svelte Carousel
A super lightweight, super simple Carousel for Svelte 3
Stars: ✭ 144 (-19.55%)
Mutual labels: svelte
Redux Zero
A lightweight state container based on Redux
Stars: ✭ 1,977 (+1004.47%)
Mutual labels: svelte
Hn.svelte.dev
Hacker News clone built with Svelte and Sapper
Stars: ✭ 154 (-13.97%)
Mutual labels: svelte
Svelte Ionic App
Ionic UI showcase app - try Ionic UI and directly go to API or source code
Stars: ✭ 159 (-11.17%)
Mutual labels: svelte
Svelte Notifications
Svelte toast notifications component that can be used in any JS application
Stars: ✭ 146 (-18.44%)
Mutual labels: svelte
Svelte Css Vars
✨ Ever wanted to have reactive css variables in svelte? What if I told you there's a way?
Stars: ✭ 150 (-16.2%)
Mutual labels: svelte
Vim Svelte
Vim syntax highlighting and indentation for Svelte 3 components.
Stars: ✭ 158 (-11.73%)
Mutual labels: svelte
Svelthree
Svelte components library for declarative construction of reactive and reusable three.js scene graphs utilizing three.js source in a slightly modified version.
Stars: ✭ 144 (-19.55%)
Mutual labels: svelte
Svelte Table
A svelte-3 table implementation that allows sorting and filtering
Stars: ✭ 162 (-9.5%)
Mutual labels: svelte
Magic Microservices
Write components in any way, use them everywhere.😘
Stars: ✭ 145 (-18.99%)
Mutual labels: svelte
React Hooks In Svelte
React hook examples ported to Svelte
Stars: ✭ 176 (-1.68%)
Mutual labels: svelte
Ajari Koding
📚 Kumpulan berbagai sumber daya untuk belajar koding dari hasil karya para kreator lokal yang terpercaya dan telah dikurasi oleh komunitas PHPID
Stars: ✭ 156 (-12.85%)
Mutual labels: svelte
(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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].