A customizable, TypeScript-ready JSON viewer with dark/light mode, expand/collapse controls, and syntax highlighting.
npm install @anilkumarthakur/vue3-json-viewer<script setup>
import { JsonViewer } from '@anilkumarthakur/vue3-json-viewer';
import '@anilkumarthakur/vue3-json-viewer/styles.css';
const data = {
name: 'John Doe',
age: 30,
hobbies: ['reading', 'coding'],
};
</script>
<template>
<JsonViewer
:data="data"
:darkMode="true"
/>
</template>| Feature | Description |
|---|---|
| 🎯 Zero Dependencies | No external dependencies besides Vue 3 |
| 📱 Responsive | Works on all screen sizes |
| ♿ Accessible | Keyboard navigable and screen reader friendly |
| 🚀 Performant | Efficiently handles large JSON structures |
| 🔧 Customizable | Easy to customize with props |