PHPackages mrpowerup/filament-json-column - 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. [Utility & Helpers](/categories/utility) 4. / 5. mrpowerup/filament-json-column ActiveLibrary[Utility & Helpers](/categories/utility) mrpowerup/filament-json-column ============================== A simple package to view and edit your JSON columns in Filament. 1.0.1(1y ago)023MITBladePHP ^8.1 Since Jul 17Pushed 1y agoCompare [ Source](https://github.com/MrPowerUp82/filament-json-column)[ Packagist](https://packagist.org/packages/mrpowerup/filament-json-column)[ RSS](/packages/mrpowerup-filament-json-column/feed)WikiDiscussions main Synced 2d ago READMEChangelog (2)Dependencies (12)Versions (3)Used By (0) filament-json-column ==================== [](#filament-json-column) A simple package to view and edit your JSON columns in Filament. [![image](https://private-user-images.githubusercontent.com/100000204/321374124-41212480-f635-4d50-b967-cad5dbda6dc9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODMxNjU5NTEsIm5iZiI6MTc4MzE2NTY1MSwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0MTI0LTQxMjEyNDgwLWY2MzUtNGQ1MC1iOTY3LWNhZDVkYmRhNmRjOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwNFQxMTQ3MzFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02YzBlNmM4YTFjOGJjYmRhNzg0NmZiZjg5YzE0OTdmZDgxMTFkZmNiODhhNzlkZmRjZmRmNzU0MTg3ZjQzZTllJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.Y8A8-E25cKQEuL_GM0TEJ6hPfBtNKNo5emYPVCFjH4Y)](https://private-user-images.githubusercontent.com/100000204/321374124-41212480-f635-4d50-b967-cad5dbda6dc9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODMxNjU5NTEsIm5iZiI6MTc4MzE2NTY1MSwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0MTI0LTQxMjEyNDgwLWY2MzUtNGQ1MC1iOTY3LWNhZDVkYmRhNmRjOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwNFQxMTQ3MzFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02YzBlNmM4YTFjOGJjYmRhNzg0NmZiZjg5YzE0OTdmZDgxMTFkZmNiODhhNzlkZmRjZmRmNzU0MTg3ZjQzZTllJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.Y8A8-E25cKQEuL_GM0TEJ6hPfBtNKNo5emYPVCFjH4Y)[![image](https://private-user-images.githubusercontent.com/100000204/321374409-29591beb-524b-4671-b4ea-d5ec6b1f5705.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODMxNjU5NTEsIm5iZiI6MTc4MzE2NTY1MSwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0NDA5LTI5NTkxYmViLTUyNGItNDY3MS1iNGVhLWQ1ZWM2YjFmNTcwNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwNFQxMTQ3MzFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hY2VjYzk2ZDk5YWQwZmU5ODVkNmVlN2Y2NmUwZTg4MzAxYjUwMTYxZTI3MjdmOGZhNDJiYzNhOTc3YzNiOTkyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.oGCibTHgvCW85okYN4fM7IWoxnWlRkEc_D5ID81YdCs)](https://private-user-images.githubusercontent.com/100000204/321374409-29591beb-524b-4671-b4ea-d5ec6b1f5705.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODMxNjU5NTEsIm5iZiI6MTc4MzE2NTY1MSwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0NDA5LTI5NTkxYmViLTUyNGItNDY3MS1iNGVhLWQ1ZWM2YjFmNTcwNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwNFQxMTQ3MzFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hY2VjYzk2ZDk5YWQwZmU5ODVkNmVlN2Y2NmUwZTg4MzAxYjUwMTYxZTI3MjdmOGZhNDJiYzNhOTc3YzNiOTkyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.oGCibTHgvCW85okYN4fM7IWoxnWlRkEc_D5ID81YdCs) Installation ------------ [](#installation) You can install the package via composer: ``` composer require valentin-morice/filament-json-column ``` Usage ----- [](#usage) The filament-json-column plugin works as any other Filament Form Builder class. Make sure the column on which it is called is casted to **JSON** or **array** within your Eloquent model. ``` public static function form(Form $form): Form { return $form ->schema([ FilamentJsonColumn::make('example'), ]); } ``` It provides you with two tabs: `Viewer` & `Editor`. The `Viewer` tab pretty prints your JSON data, while the `Editor` tab lets you edit it conveniently. ### Personnalize the accent color [](#personnalize-the-accent-color) The tab selector menu uses the `slateblue` CSS color by default. However, you can chose any other color: ``` FilamentJsonColumn::make('example')->accent('#FFFFFF'); // The input needs to be a valid CSS color ``` ### Display a single tab [](#display-a-single-tab) If you'd like to use only one of the tabs, without giving your user the possibility to switch to another, use the following methods: ``` FilamentJsonColumn::make('example')->editorOnly(); // Displays only the editor tab FilamentJsonColumn::make('example')->viewerOnly(); // Displays only the viewer tab ``` ### Change the editor's height [](#change-the-editors-height) ``` FilamentJsonColumn::make('example')->editorHeight(500); // Accepts an int, defaults to 300 ``` Credits ------- [](#credits) I've taken inspiration from the following plugins: [Pretty JSON](https://github.com/novadaemon/filament-pretty-json) & [JSONeditor](https://github.com/invaders-xx/filament-jsoneditor). License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 26 — LowBetter than 41% of packages Maintenance31 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community9 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 50% of commits — single point of failure 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 ~0 days Total 2 Last Release 716d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/24375099?v=4)[MrPowerUp](/maintainers/MrPowerUp)[@MrPowerup](https://github.com/MrPowerup) --- Top Contributors [![valentin-morice](https://avatars.githubusercontent.com/u/100000204?v=4)](https://github.com/valentin-morice "valentin-morice (6 commits)")[![MrPowerUp82](https://avatars.githubusercontent.com/u/70461958?v=4)](https://github.com/MrPowerUp82 "MrPowerUp82 (5 commits)")[![Confectus](https://avatars.githubusercontent.com/u/52755615?v=4)](https://github.com/Confectus "Confectus (1 commits)") ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/mrpowerup-filament-json-column/health.svg) ``` [![Health](https://phpackages.com/badges/mrpowerup-filament-json-column/health.svg)](https://phpackages.com/packages/mrpowerup-filament-json-column) ``` ### Alternatives [codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 329530.5k29](/packages/codewithdennis-filament-select-tree)[awcodes/richer-editor A collection of extensions and tools to enhance the Filament Rich Editor field. 3912.9k9](/packages/awcodes-richer-editor)[rawilk/filament-password-input Enhanced password input component for filament. 52263.4k14](/packages/rawilk-filament-password-input)[schmeits/filament-character-counter This is a Filament character counter TextField and Textarea form field for Filament v4 and v5 34226.4k13](/packages/schmeits-filament-character-counter)[biostate/filament-menu-builder An Elegant Menu Builder for FilamentPHP 6528.1k2](/packages/biostate-filament-menu-builder)[codebar-ag/laravel-filament-json-field A Laravel Filament JSON Field integration with CodeMirror support 1126.6k](/packages/codebar-ag-laravel-filament-json-field) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)