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(2y ago)023MITBladePHP ^8.1 Since Jul 17Pushed 2y 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 2w 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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODM1MjkyMDgsIm5iZiI6MTc4MzUyODkwOCwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0MTI0LTQxMjEyNDgwLWY2MzUtNGQ1MC1iOTY3LWNhZDVkYmRhNmRjOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwOFQxNjQxNDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYWI2MTk2NGFjMDkzMmE5MmJjMWU0ODkwZjFhM2M1OTBjNjRlODQ2OTVlNjdlYTJkODgxM2JiZTM3YmY0ODUwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.QWtSr2l2QKMnGtCg_QjHMrUqKYTaHZqUlLo5WabG1YY)](https://private-user-images.githubusercontent.com/100000204/321374124-41212480-f635-4d50-b967-cad5dbda6dc9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODM1MjkyMDgsIm5iZiI6MTc4MzUyODkwOCwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0MTI0LTQxMjEyNDgwLWY2MzUtNGQ1MC1iOTY3LWNhZDVkYmRhNmRjOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwOFQxNjQxNDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYWI2MTk2NGFjMDkzMmE5MmJjMWU0ODkwZjFhM2M1OTBjNjRlODQ2OTVlNjdlYTJkODgxM2JiZTM3YmY0ODUwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.QWtSr2l2QKMnGtCg_QjHMrUqKYTaHZqUlLo5WabG1YY)[![image](https://private-user-images.githubusercontent.com/100000204/321374409-29591beb-524b-4671-b4ea-d5ec6b1f5705.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODM1MjkyMDgsIm5iZiI6MTc4MzUyODkwOCwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0NDA5LTI5NTkxYmViLTUyNGItNDY3MS1iNGVhLWQ1ZWM2YjFmNTcwNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwOFQxNjQxNDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ZmNlNjlkNDQyZmQ3OGE3NzQ5Y2E5OGIyNmI1MTc1OGRlYjE0NjA0NWM3YjUwMDdiOGYyNTk2ZmUwMjgzNDJkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.ofbMo3FhQa_D8hbq4mbpIaQIwCYqwtMKtrJ12b9Yemc)](https://private-user-images.githubusercontent.com/100000204/321374409-29591beb-524b-4671-b4ea-d5ec6b1f5705.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODM1MjkyMDgsIm5iZiI6MTc4MzUyODkwOCwicGF0aCI6Ii8xMDAwMDAyMDQvMzIxMzc0NDA5LTI5NTkxYmViLTUyNGItNDY3MS1iNGVhLWQ1ZWM2YjFmNTcwNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNzA4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDcwOFQxNjQxNDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ZmNlNjlkNDQyZmQ3OGE3NzQ5Y2E5OGIyNmI1MTc1OGRlYjE0NjA0NWM3YjUwMDdiOGYyNTk2ZmUwMjgzNDJkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.ofbMo3FhQa_D8hbq4mbpIaQIwCYqwtMKtrJ12b9Yemc) 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 23 — LowBetter than 25% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community9 Small or concentrated contributor base Maturity51 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 761d 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. 329575.9k35](/packages/codewithdennis-filament-select-tree)[awcodes/richer-editor A collection of extensions and tools to enhance the Filament Rich Editor field. 4018.1k11](/packages/awcodes-richer-editor)[biostate/filament-menu-builder An Elegant Menu Builder for FilamentPHP 7034.3k2](/packages/biostate-filament-menu-builder)[codebar-ag/laravel-filament-json-field A Laravel Filament JSON Field integration with CodeMirror support 1127.0k](/packages/codebar-ag-laravel-filament-json-field)[tonegabes/filament-better-options Filament form components for better radio and checkbox options. 1612.9k](/packages/tonegabes-filament-better-options)[nomanur/filament-seo-pro The definitive SEO toolkit for Filament — live analysis, Google preview, social cards, schema markup, and bulk management. 111.4k2](/packages/nomanur-filament-seo-pro) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)