PHPackages codebar-ag/filament-json-field - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. codebar-ag/filament-json-field Abandoned → [codebar-ag/laravel-filament-json-field](/?search=codebar-ag%2Flaravel-filament-json-field)Library[Templating & Views](/categories/templating) codebar-ag/filament-json-field ============================== A Laravel Filament JSON Field integration with CodeMirror support v13.5.0(1mo ago)118.1k↓30%4[4 issues](https://github.com/codebar-ag/laravel-filament-json-field/issues)[2 PRs](https://github.com/codebar-ag/laravel-filament-json-field/pulls)MITPHPPHP 8.2.\*|8.3.\*|8.4.\*CI passing Since Mar 21Pushed 1mo agoCompare [ Source](https://github.com/codebar-ag/laravel-filament-json-field)[ Packagist](https://packagist.org/packages/codebar-ag/filament-json-field)[ Docs](https://github.com/codebar-ag/laravel-filament-json-field)[ RSS](/packages/codebar-ag-filament-json-field/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (10)Dependencies (28)Versions (35)Used By (0) [![](https://camo.githubusercontent.com/f1079972c8d694b1c8adc41d5125bf926972a25c1745759b6bbbf58a771a4177/68747470733a2f2f62616e6e6572732e6265796f6e64636f2e64652f4c61726176656c25323046696c616d656e742532304a736f6e2532304669656c642e706e673f7468656d653d6c69676874267061636b6167654d616e616765723d636f6d706f7365722b72657175697265267061636b6167654e616d653d636f64656261722d61672532466c61726176656c2d66696c616d656e742d6a736f6e2d6669656c64267061747465726e3d63697263756974426f617264267374796c653d7374796c655f31266465736372697074696f6e3d412b4c61726176656c2b46696c616d656e742b4a736f6e2b4669656c642b696e746567726174696f6e2e266d643d312673686f7757617465726d61726b3d3126666f6e7453697a653d313030707826696d616765733d6c696768742d62756c62)](https://camo.githubusercontent.com/f1079972c8d694b1c8adc41d5125bf926972a25c1745759b6bbbf58a771a4177/68747470733a2f2f62616e6e6572732e6265796f6e64636f2e64652f4c61726176656c25323046696c616d656e742532304a736f6e2532304669656c642e706e673f7468656d653d6c69676874267061636b6167654d616e616765723d636f6d706f7365722b72657175697265267061636b6167654e616d653d636f64656261722d61672532466c61726176656c2d66696c616d656e742d6a736f6e2d6669656c64267061747465726e3d63697263756974426f617264267374796c653d7374796c655f31266465736372697074696f6e3d412b4c61726176656c2b46696c616d656e742b4a736f6e2b4669656c642b696e746567726174696f6e2e266d643d312673686f7757617465726d61726b3d3126666f6e7453697a653d313030707826696d616765733d6c696768742d62756c62) [![Latest Version on Packagist](https://camo.githubusercontent.com/47819c6909b919105f1beeb5d884000cb73f8e0b384a87cd4c49ea56c917355b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636f64656261722d61672f6c61726176656c2d66696c616d656e742d6a736f6e2d6669656c642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/codebar-ag/laravel-filament-json-field)[![GitHub-Tests](https://github.com/codebar-ag/laravel-filament-json-field/actions/workflows/run-tests.yml/badge.svg?branch=main)](https://github.com/codebar-ag/laravel-filament-json-field/actions/workflows/run-tests.yml)[![GitHub Code Style](https://github.com/codebar-ag/laravel-filament-json-field/actions/workflows/fix-php-code-style-issues.yml/badge.svg?branch=main)](https://github.com/codebar-ag/laravel-filament-json-field/actions/workflows/fix-php-code-style-issues.yml)[![Total Downloads](https://camo.githubusercontent.com/501e2af77f916671fc017138fd7a784a3b204b3abee19003a6ee147596a211b2/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636f64656261722d61672f6c61726176656c2d66696c616d656e742d6a736f6e2d6669656c642e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/codebar-ag/laravel-filament-json-field) 💡 What is Filament Json Field? ------------------------------ [](#-what-is-filament-json-field) Filament Json Field is a Laravel Filament JSON Field integration with CodeMirror support, providing a powerful and feature-rich JSON editor for your Filament forms and infolists. 🛠 Requirements -------------- [](#-requirements) PackagePHPLaravelFilament FormsFilament InfolistsFilament Supportv13.0 (alpha)^8.3, ^8.4^13.0^4.0^4.0^4.0v12.0^8.2, ^8.3, ^8.4^12.0^3.3^3.3^3.3v2.0^8.1^11.0^3.2^3.2^3.2v1.0^8.1^10.45, ^11.0^3.2^3.2^3.2⚙️ Installation --------------- [](#️-installation) You can install the package via composer: ``` composer require codebar-ag/laravel-filament-json-field php artisan filament:assets ``` Usage ----- [](#usage) ### Forms [](#forms) ``` use CodebarAg\FilamentJsonField\Forms\Components\JsonInput; ... public function form(Form $form): Form { return $form ->schema([ JsonInput::make('json') ->label('JSON Data') ->lineNumbers(true) ->lineWrapping(true) ->autoCloseBrackets(true) ->darkTheme(true) ->foldingCode(true) ->foldedCode(true) // Folded code will fold the code on form load ->readOnly(false), // Set to true to make the field read-only ]); } ``` ### Infolists [](#infolists) ``` use CodebarAg\FilamentJsonField\Infolists\Components\JsonEntry; ... public function infolist(Infolist $infolist): Infolist { return $infolist ->schema([ JsonEntry::make('json') ->label('JSON Data') ->lineNumbers(true) ->lineWrapping(true) ->autoCloseBrackets(true) ->darkTheme(true) ->foldingCode(true) ->foldedCode(true), // Folded code will fold the code on form load ]); } ``` ### Options [](#options) The following options are currently supported: OptionSupportedDescriptionLine Numbers✅Display line numbers in the editorLine Wrapping✅Enable line wrapping for long linesAuto Close Brackets✅Automatically close brackets and quotesDark Theme✅Enable dark theme stylingFolding Code✅Enable code folding functionalityFolded Code✅Start with code folded (forms only)Read Only✅Make the field read-only (forms only)### Features [](#features) - **CodeMirror Integration**: Powered by CodeMirror 5 for excellent JSON editing experience - **Syntax Highlighting**: Full JSON syntax highlighting with validation - **Error Handling**: Built-in JSON validation with user-friendly error messages - **Responsive Design**: Works seamlessly across different screen sizes - **Customizable**: Extensive configuration options for different use cases - **Filament 4.0 Ready**: Fully compatible with the latest Filament version 🚧 Testing --------- [](#-testing) Copy your own phpunit.xml-file. ``` cp phpunit.xml.dist phpunit.xml ``` Run the tests: ``` ./vendor/bin/pest ``` 🚧 Building ---------- [](#-building) ``` node bin/build ``` Note: there is no output, but the build will be in the `dist` directory. 📝 Changelog ----------- [](#-changelog) Please see [CHANGELOG](CHANGELOG.md) for recent changes. ✏️ Contributing --------------- [](#️-contributing) Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details. ``` composer test ``` ### Code Style [](#code-style) ``` ./vendor/bin/pint ``` 🧑‍💻 Security Vulnerabilities ---------------------------- [](#‍-security-vulnerabilities) Please review [our security policy](.github/SECURITY.md) on reporting security vulnerabilities. 🙏 Credits --------- [](#-credits) - [Rhys Lees](https://github.com/RhysLees) - [Sebastian Fix](https://github.com/StanBarrows) - [All Contributors](../../contributors) - [Skeleton Repository from Spatie](https://github.com/spatie/package-skeleton-laravel) - [Laravel Package Training from Spatie](https://spatie.be/videos/laravel-package-training) 🎭 License --------- [](#-license) The MIT License (MIT). Please have a look at [License File](LICENSE.md) for more information. ### Health Score 53 — FairBetter than 97% of packages Maintenance83 Actively maintained with recent releases Popularity32 Limited adoption so far Community14 Small or concentrated contributor base Maturity70 Established project with proven stability Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~28 days Recently: every ~1 days Total 27 Last Release 53d ago Major Versions v1.8.0 → v12.02025-02-26 v2.0.1 → v12.0.12025-02-27 v1.9.0 → v12.1.02025-07-08 v12.2.0 → v13.02025-07-15 v12.6.0 → v13.0.12025-07-15 PHP version history (2 changes)v1.0PHP ^8.2 v1.8.0PHP 8.2.\*|8.3.\*|8.4.\* ### Community Maintainers ![](https://www.gravatar.com/avatar/fd1bbe54b79d041b513a286058b6fa0c479343f82147da3e63eefdf29c2fa6cb?d=identicon)[codebar](/maintainers/codebar) --- Top Contributors [![RhysLees](https://avatars.githubusercontent.com/u/43909932?v=4)](https://github.com/RhysLees "RhysLees (46 commits)")[![StanBarrows](https://avatars.githubusercontent.com/u/10268813?v=4)](https://github.com/StanBarrows "StanBarrows (39 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (6 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (2 commits)")[![professor93](https://avatars.githubusercontent.com/u/5443574?v=4)](https://github.com/professor93 "professor93 (1 commits)") --- Tags filamentlaravelpackagephplaravelCodebarAglaravel-filament-json-field ### Code Quality TestsPest Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/codebar-ag-filament-json-field/health.svg) ``` [![Health](https://phpackages.com/badges/codebar-ag-filament-json-field/health.svg)](https://phpackages.com/packages/codebar-ag-filament-json-field) ``` ### Alternatives [codebar-ag/laravel-filament-json-field A Laravel Filament JSON Field integration with CodeMirror support 1124.1k](/packages/codebar-ag-laravel-filament-json-field)[ryangjchandler/blade-capture-directive Create inline partials in your Blade templates with ease. 8222.2M12](/packages/ryangjchandler-blade-capture-directive)[spatie/laravel-livewire-wizard Build wizards using Livewire 4061.0M4](/packages/spatie-laravel-livewire-wizard)[spatie/laravel-blade-comments Add debug comments to your rendered output 177325.5k](/packages/spatie-laravel-blade-comments)[ralphjsmit/laravel-filament-components A collection of reusable components for Filament. 10972.2k2](/packages/ralphjsmit-laravel-filament-components)[vormkracht10/laravel-mails Laravel Mails can collect everything you might want to track about the mails that has been sent by your Laravel app. 24149.7k](/packages/vormkracht10-laravel-mails) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)