Skip to content

houssamtheicon/Schema-Scope

Repository files navigation

🚀 What is SchemaScope?

SchemaScope is a sleek, web-based JSON schema visualizer designed for developers. Just paste your JSON data and instantly explore it in a beautiful, interactive tree or table view.

Built with React and styled using TailwindCSS, SchemaScope supports both light and dark modes — perfect for any coding environment.

✨ Features

Intuitive Visualizations — Switch between a detailed tree view and a clean table view

Copy & Download — Easily copy your schema or download it as a file with one click

Light & Dark Mode — Toggle between themes to match your preference

Responsive Design — Works perfectly on desktops, tablets, and mobile devices

Open Source — Fully customizable and easy to extend

🎨 Tech Stack

React

TailwindCSS

JavaScript / JSX

💡 How to Use

1. Paste your JSON data into the input area

2. Choose between Tree View or Table View

3. Explore your schema visually

4. Use the Copy button to copy your schema or Download to save it locally

5. Toggle between Light and Dark mode for comfortable viewing

📦 Installation Clone the repo:

 
  git clone https://github.com/your-username/SchemaScope.git
  
  cd SchemaScope npm install 
  
  npm start 

🤝 Contribution

Contributions are welcome! Feel free to open issues or submit pull requests to improve SchemaScope.

📜 License

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

👋 Contact Created with ❤️ by houssamtheicon

About

Visualize JSON schemas in tree or table view, with copy/download buttons, dark mode, and a clean UI.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages