PHPackages                             sebastiaankloos/filament-code-editor - 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. sebastiaankloos/filament-code-editor

AbandonedArchivedLibrary[Utility & Helpers](/categories/utility)

sebastiaankloos/filament-code-editor
====================================

Code editor for Filament

1.1.5(3y ago)3139.6k↑66.7%24[5 issues](https://github.com/SebastiaanKloos/filament-code-editor/issues)[2 PRs](https://github.com/SebastiaanKloos/filament-code-editor/pulls)1MITPHPPHP ^8.1

Since Apr 19Pushed 2y ago2 watchersCompare

[ Source](https://github.com/SebastiaanKloos/filament-code-editor)[ Packagist](https://packagist.org/packages/sebastiaankloos/filament-code-editor)[ Docs](https://github.com/sebastiaankloos/filament-code-editor)[ RSS](/packages/sebastiaankloos-filament-code-editor/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (13)Versions (13)Used By (1)

Code editor for Filament
========================

[](#code-editor-for-filament)

[![Latest Version on Packagist](https://camo.githubusercontent.com/61afb4992b1dd5817f63979751a42d4101ad9004d6d1bdd6cfde59a28ef587d3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7365626173746961616e6b6c6f6f732f66696c616d656e742d636f64652d656469746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/sebastiaankloos/filament-code-editor)[![GitHub Tests Action Status](https://camo.githubusercontent.com/4c7c210883098d41a911bb57708614c59bda2e49aff4b9ebff99bb90bc6d4f5f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f7365626173746961616e6b6c6f6f732f66696c616d656e742d636f64652d656469746f722f72756e2d74657374733f6c6162656c3d7465737473)](https://github.com/sebastiaankloos/filament-codee-ditor/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/5fa701a65bb3368eb25de721270793bd0ad50a743293fa7cecfa6222ae7fff88/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f776f726b666c6f772f7374617475732f7365626173746961616e6b6c6f6f732f66696c616d656e742d636f6465652d6469746f722f436865636b253230262532306669782532307374796c696e673f6c6162656c3d636f64652532307374796c65)](https://github.com/sebastiaankloos/filament-code-editor/actions?query=workflow%3A%22Check+%26+fix+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/fc17727c84f179edd9fb04cc62f5a39b8c675f8473b400ad3c2bb500028e17e9/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f7365626173746961616e6b6c6f6f732f66696c616d656e742d636f64652d656469746f722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/sebastiaankloos/filament-code-editor)

This package provides a code editor form field type for Filament. It's based on CodeMirror 6.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require sebastiaankloos/filament-code-editor
```

Usage
-----

[](#usage)

```
use SebastiaanKloos\FilamentCodeEditor\Components\CodeEditor;

CodeEditor::make('custom_css'),
```

If you are using this package without Filament Admin, you should add the JS file manually.

```
// You can add this to your app.js file
require('../../vendor/sebastiaankloos/filament-code-editor/dist/filament-tools');
```

Testing
-------

[](#testing)

```
composer test
```

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](https://github.com/spatie/.github/blob/main/CONTRIBUTING.md) for details.

Security Vulnerabilities
------------------------

[](#security-vulnerabilities)

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [Sebastiaan Kloos](https://github.com/SebastiaanKloos)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

39

—

LowBetter than 86% of packages

Maintenance17

Infrequent updates — may be unmaintained

Popularity41

Moderate usage in the ecosystem

Community21

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 64.4% 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 ~39 days

Recently: every ~8 days

Total

10

Last Release

1138d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/6506510?v=4)[Sebastiaan Kloos](/maintainers/SebastiaanKloos)[@SebastiaanKloos](https://github.com/SebastiaanKloos)

---

Top Contributors

[![SebastiaanKloos](https://avatars.githubusercontent.com/u/6506510?v=4)](https://github.com/SebastiaanKloos "SebastiaanKloos (38 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (9 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (9 commits)")[![sweebee](https://avatars.githubusercontent.com/u/10496485?v=4)](https://github.com/sweebee "sweebee (2 commits)")[![ysfkaya](https://avatars.githubusercontent.com/u/16710972?v=4)](https://github.com/ysfkaya "ysfkaya (1 commits)")

---

Tags

laravelfilament-code-editorSebastiaanKloos

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/sebastiaankloos-filament-code-editor/health.svg)

```
[![Health](https://phpackages.com/badges/sebastiaankloos-filament-code-editor/health.svg)](https://phpackages.com/packages/sebastiaankloos-filament-code-editor)
```

###  Alternatives

[guava/calendar

Adds support for vkurko/calendar to Filament PHP.

298241.0k3](/packages/guava-calendar)[pboivin/filament-peek

Full-screen page preview modal for Filament

253319.6k12](/packages/pboivin-filament-peek)[dotswan/filament-map-picker

Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications.

124139.3k2](/packages/dotswan-filament-map-picker)[creagia/filament-code-field

A Filamentphp input field to edit or view code data.

58289.3k3](/packages/creagia-filament-code-field)[swisnl/filament-backgrounds

Beautiful backgrounds for Filament auth pages

54149.2k6](/packages/swisnl-filament-backgrounds)[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6292.3k1](/packages/hydrat-filament-table-layout-toggle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)