{"id":15509236,"url":"https://github.com/frezyx/flutter_json_view","last_synced_at":"2026-03-27T02:43:06.429Z","repository":{"id":37543703,"uuid":"363882626","full_name":"Frezyx/flutter_json_view","owner":"Frezyx","description":":page_facing_up:  Displaying json models in a Flutter widget","archived":false,"fork":false,"pushed_at":"2024-08-14T15:24:52.000Z","size":21431,"stargazers_count":80,"open_issues_count":11,"forks_count":25,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-10-23T04:34:34.007Z","etag":null,"topics":["custom","dart","flutter","flutter-community","flutter-components","flutter-ui","flutter-widget","json","json-viewer","ui","ui-components","widget"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/flutter_json_view","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Frezyx.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-05-03T09:44:11.000Z","updated_at":"2024-08-14T15:24:30.000Z","dependencies_parsed_at":"2024-08-14T17:09:21.367Z","dependency_job_id":null,"html_url":"https://github.com/Frezyx/flutter_json_view","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fflutter_json_view","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fflutter_json_view/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fflutter_json_view/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frezyx%2Fflutter_json_view/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Frezyx","download_url":"https://codeload.github.com/Frezyx/flutter_json_view/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239188667,"owners_count":19597033,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["custom","dart","flutter","flutter-community","flutter-components","flutter-ui","flutter-widget","json","json-viewer","ui","ui-components","widget"],"created_at":"2024-10-02T09:41:46.306Z","updated_at":"2025-10-31T11:30:41.345Z","avatar_url":"https://github.com/Frezyx.png","language":"Dart","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/Frezyx/flutter_json_view/blob/main/example/repo/json_view_logo.png?raw=true\" width=\"300px\"\u003e\n\u003c/p\u003e\n\u003ch2 align=\"center\"\u003eDisplaying json models in a Flutter widget\u003c/h2\u003e\n\u003cp align=\"center\"\u003e\n  😎 Cool solution for viewing models in debug working\n  \u003cbr\u003e\n  \u003cspan style=\"font-size: 0.9em\"\u003e Show some ❤️ and \u003ca href=\"https://github.com/Frezyx/flutter_json_view\"\u003estar the repo\u003c/a\u003e to support the project! \u003c/span\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://pub.dev/packages/flutter_json_view\"\u003e\u003cimg src=\"https://img.shields.io/pub/v/flutter_json_view.svg\" alt=\"Pub\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://opensource.org/licenses/MIT\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"License: MIT\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/Frezyx/flutter_json_view\"\u003e\u003cimg src=\"https://hits.dwyl.com/Frezyx/flutter_json_view.svg?style=flat\" alt=\"Repository views\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/Frezyx/flutter_json_view\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/Frezyx/flutter_json_view?style=social\" alt=\"Pub\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://pub.dev/packages/flutter_json_view/score\"\u003e\u003cimg src=\"https://img.shields.io/pub/likes/flutter_json_view?logo=flutter\" alt=\"Pub likes\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://pub.dev/packages/flutter_json_view/score\"\u003e\u003cimg src=\"https://img.shields.io/pub/popularity/flutter_json_view?logo=flutter\" alt=\"Pub popularity\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://pub.dev/packages/flutter_json_view/score\"\u003e\u003cimg src=\"https://img.shields.io/pub/points/flutter_json_view?logo=flutter\" alt=\"Pub points\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e\n\n| ![Image](https://github.com/Frezyx/flutter_json_view/blob/main/example/repo/new_example.gif?raw=true) | ![Image](https://github.com/Frezyx/flutter_json_view/blob/main/example/repo/new_example2.gif?raw=true) | ![Image](https://github.com/Frezyx/flutter_json_view/blob/main/example/repo/new_example3.gif?raw=true) | \n| :------------: | :------------: | :------------: |\n\n\n## Getting Started\n\n### Add dependency\n\n```yaml\ndependencies:\n  flutter_json_view: ^1.1.5\n```\n\n### Add import package\n\n```dart\nimport 'package:flutter_json_view/flutter_json_view.dart';\n```\n\n### Easy to use\n\nAdd one of the constructors in your code\n\n#### String constructor\n\n```dart\nJsonView.string('{\"key\":\"value\"}'),\n```\n\n#### Asset file constructor\n\n```dart\nJsonView.asset('assets/data.json'),\n```\n\n#### Map constructor\n\n```dart\nJsonView.map({\"key\":\"value\"}),\n```\n\n## Customization\n🎨 The package was created in order to be able to customize your json view\n\n\u003cimg src=\"https://github.com/Frezyx/flutter_json_view/blob/main/example/repo/customization_example.jpg?raw=true\" alt=\"drawing\" width=\"400\"/\u003e\n\n```dart\nJsonView.string(\n    '{\"key\":\"value\"}',\n    theme: JsonViewTheme(\n      keyStyle: TextStyle(\n        color: Colors.black54,\n        fontSize: 16,\n        fontWeight: FontWeight.w600,\n      ),\n      doubleStyle: TextStyle(\n        color: Colors.green,\n        fontSize: 16,\n      ),\n      intStyle: TextStyle(\n        color: Colors.green,\n        fontSize: 16,\n      ),\n      stringStyle: TextStyle(\n        color: Colors.green,\n        fontSize: 16,\n      ),\n      boolStyle: TextStyle(\n        color: Colors.green,\n        fontSize: 16,\n      ),\n      closeIcon: Icon(\n        Icons.close,\n        color: Colors.green,\n        size: 20,\n      ),\n      openIcon: Icon(\n        Icons.add,\n        color: Colors.green,\n        size: 20,\n      ),\n      separator: Padding(\n        padding: EdgeInsets.symmetric(horizontal: 8.0),\n        child: Icon(\n          Icons.arrow_right_alt_outlined,\n          size: 20,\n          color: Colors.green,\n        ),\n      ),\n    ),\n  ),\n```\n\n**More examples you can see** [here](/example/lib/examples)\n\n\u003cbr\u003e\n\u003cdiv align=\"center\" \u003e\n  \u003cp\u003eThanks to all contributors of this package\u003c/p\u003e\n  \u003ca href=\"https://github.com/Frezyx/group_button/graphs/flutter_json_view\"\u003e\n    \u003cimg src=\"https://contrib.rocks/image?repo=Frezyx/flutter_json_view\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n\nFor help getting started with Flutter, view our \n[online documentation](https://flutter.dev/docs), which offers tutorials, \nsamples, guidance on mobile development, and a full API reference.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrezyx%2Fflutter_json_view","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrezyx%2Fflutter_json_view","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrezyx%2Fflutter_json_view/lists"}