{"repo":"TexteaInc/json-viewer","free":true,"listed":false,"github":"https://github.com/TexteaInc/json-viewer","clone":"git clone https://github.com/TexteaInc/json-viewer.git","description":"not only a JSON viewer","language":"TypeScript","stars":532,"topics":["data-editor","data-viewer","json-editor","json-viewer","react","reactjs","tree-editor","tree-viewer","typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"@textea/json-viewer @textea/json-viewer is a React component that can be used to view and display any kind of data, not just JSON. Json Viewer? ANY Data Viewer ✅ Features 🚀 - 🦾 100% TypeScript - 🎨 Customizable: Key, value, editable, copy, select... Anything you can think of! - 🌈 Theme support: light or dark, or use Base16 themes. - ⚛️ SSR Ready - 📋 Copy to Clipboard - 🔍 Inspect anything: Object , Array , primitive types, and even Map and Set . - 📊 Metadata preview: Total items, length of string... - ✏️ Editor: Comes with an editor for basic types, which you can also customize to fit your use case. Installation @textea/json-viewer is using Material-UI as the base component library, so you need to install it and its peer dependencies first. CDN Usage Here is a basic example: Customization You can define custom data types to handle data that is not supported out of the box. Here is an example of how to display an image: see the full code Theme Please refer to Styling and Theming Contributors Acknowledge This package is originally based on mac-s-g/react-json-view. Also thanks open source projects that make this possible. Sponsoring services Netlify lets us distribute the site. LICENSE This project is licensed under the terms of the MIT license.","default_branch":null,"files":null,"tree":[],"storefront":"/r/TexteaInc","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/TexteaInc/json-viewer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}