{"repo":"hesprs/json-canvas-viewer","free":true,"listed":false,"github":"https://github.com/hesprs/json-canvas-viewer","clone":"git clone https://github.com/hesprs/json-canvas-viewer.git","description":"📜 An extensible web-based viewer for JSON Canvas, easy to embed into websites.","language":"TypeScript","stars":75,"topics":["html5-canvas","json-canvas","obsidian-md","frontend","typescript","vite-plugin","preact-components","react-components","vue-components"],"license":"MIT","category":"ui-components","readme_excerpt":"JSON Canvas Viewer An extensible web-based viewer for JSON Canvas Demo • Documentation • About JSON Canvas 🐶 Features - View JSON Canvas files ( .canvas ) in a web browser - Embed into websites easily - Interactive pan and zoom functionality - Can display 100% of canvas features described in the official spec - Responsive design with mobile and touchpad adaptation - Supports Lazy loading - TypeScript native - Modern aesthetics with light and dark mode support - A chimp version specially designed for fast trial is available - 🔥 More performant than rendering canvases in Obsidian! - 🧩 Out-of-the-box extensibility and tree-shaking, current optional modules include: - Minimap for easy navigation - Controls displays zoom in/out and fullscreen buttons - MistouchPreventer prevents the canvas from intercepting page scroll. - DebugPanel displays scale and position data. You can explore a demo canvas here. 🧩 Integration This is the monorepo for JSON Canvas Viewer, which contains a the core viewer and a set of adaptors for popular paradigms. JSON Canvas Viewer currently can work seamlessly with the following techstacks / technologies (including but not limited to): - ✅ Vanilla JS/TS: natural support - json-canvas-viewer - ✅ Prerendering: renderToString - json-canvas-viewer - ✅ Vite: Vite Plugin - vite-plugin-json-canvas - ✅ Vue: Vue Component - @json-canvas-viewer/vue - ✅ React: React Component - @json-canvas-viewer/react - ✅ Preact: Preact Component - @json-canvas-viewer/preact 🙌 ","default_branch":null,"files":null,"tree":[],"storefront":"/r/hesprs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hesprs/json-canvas-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."}