PHPackages                             muhammadkazimsadiq/filament-canvas - 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. [Admin Panels](/categories/admin)
4. /
5. muhammadkazimsadiq/filament-canvas

ActiveLibrary[Admin Panels](/categories/admin)

muhammadkazimsadiq/filament-canvas
==================================

Canvas for FilamentPhp

1.0.0(2mo ago)318↓50%1MITPHPPHP ^8.2CI passing

Since Mar 2Pushed 2mo agoCompare

[ Source](https://github.com/MuhammadKazimSadiq/filament-canvas)[ Packagist](https://packagist.org/packages/muhammadkazimsadiq/filament-canvas)[ Docs](https://github.com/muhammadkazimsadiq/filament-canvas)[ GitHub Sponsors](https://github.com/MuhammadKazimSadiq)[ RSS](/packages/muhammadkazimsadiq-filament-canvas/feed)WikiDiscussions 5.x Synced 1mo ago

READMEChangelogDependencies (9)Versions (2)Used By (0)

Canvas for FilamentPhp
======================

[](#canvas-for-filamentphp)

[![Latest Version on Packagist](https://camo.githubusercontent.com/bcf8b7ccdd74559defb40293218bd364cb6a4cc7a272bdf3dad384c89800c873/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d7568616d6d61646b617a696d73616469712f66696c616d656e742d63616e7661732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/muhammadkazimsadiq/filament-canvas)[![GitHub Tests Action Status](https://camo.githubusercontent.com/2de6d46de210ee74ad360835715bb64258ec90af7b1db75ffc28c41c246214ba/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d7568616d6d61646b617a696d73616469712f66696c616d656e742d63616e7661732f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/muhammadkazimsadiq/filament-canvas/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/5edb3d15c73bf3eaf91e195d4c5b001ec8da77b538bbd0a780f8aa6e59b5225b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6d7568616d6d61646b617a696d73616469712f66696c616d656e742d63616e7661732f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/muhammadkazimsadiq/filament-canvas/actions?query=workflow%3A%22Fix+PHP+code+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/d181148be5f855d122f93c92b621ec4073a6864faddcbc6b5a4f360af1470b08/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d7568616d6d61646b617a696d73616469712f66696c616d656e742d63616e7661732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/muhammadkazimsadiq/filament-canvas)

This is where your description should go. Limit it to a paragraph or two. Consider adding a small example.

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

[](#installation)

You can install the package via composer:

```
composer require muhammadkazimsadiq/filament-canvas
```

Important

If you have not set up a custom theme and are using Filament Panels follow the instructions in the [Filament Docs](https://filamentphp.com/docs/4.x/styling/overview#creating-a-custom-theme) first.

After setting up a custom theme add the plugin's views to your theme css file or your app's css file if using the standalone packages.

```
@source '../../../../vendor/muhammadkazimsadiq/filament-canvas/resources/**/*.blade.php';
```

You can install and set up the package with our automated command. This will publish the config file, publish the migrations, and ask if you want to run the migrations:

```
php artisan filament-canvas:install
```

This is the contents of the published config file:

```
return [
    /*
    |--------------------------------------------------------------------------
    | Autosave Interval
    |--------------------------------------------------------------------------
    |
    | Interval in seconds for TLDraw canvas autosave. Set to 0 to disable.
    |
    */
    'autosave_interval' => 10,

    /*
    |--------------------------------------------------------------------------
    | Max Payload Size
    |--------------------------------------------------------------------------
    |
    | Maximum size in KB for a drawing JSON payload. Default: 5 MB.
    |
    */
    'max_payload_size' => 5120,

    /*
    |--------------------------------------------------------------------------
    | Drawing Model
    |--------------------------------------------------------------------------
    |
    | The model class used for drawings. You may override this if you extend
    | the default Drawing model.
    |
    */
    'drawing_model' => \MuhammadKazimSadiq\FilamentCanvas\Models\Drawing::class,
];
```

Usage
-----

[](#usage)

```
use MuhammadKazimSadiq\FilamentCanvas\FilamentCanvasPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->plugins([
            FilamentCanvasPlugin::make(),
        ]);
}
```

Frontend Assets
---------------

[](#frontend-assets)

This plugin ships with the TLDraw React editor pre-bundled. You **do not** need to install npm dependencies or use Vite in your host application.

The assets are automatically loaded by Filament. However, if you are developing locally and notice the editor isn't loading or updating, ensure you publish the latest assets:

```
php artisan filament:assets
```

Testing
-------

[](#testing)

```
composer test
```

Changelog
---------

[](#changelog)

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

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

[](#contributing)

Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.

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

[](#security-vulnerabilities)

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

Credits
-------

[](#credits)

- [Muhammad Kazim](https://github.com/MuhammadKazimSadiq)
- [All Contributors](../../contributors)

License
-------

[](#license)

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

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance86

Actively maintained with recent releases

Popularity13

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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

72d ago

Major Versions

1.0.0 → 5.x-dev2026-03-02

### Community

Maintainers

![](https://www.gravatar.com/avatar/a8653364c380002342c0150055f0b45fad66658c1f3e78afb30f79173b801f0c?d=identicon)[MuhammadKazimSadiq](/maintainers/MuhammadKazimSadiq)

---

Top Contributors

[![MuhammadKazimSadiq](https://avatars.githubusercontent.com/u/37351104?v=4)](https://github.com/MuhammadKazimSadiq "MuhammadKazimSadiq (3 commits)")

---

Tags

laravelfilamentfilament-pluginfilamentphpMuhammadKazimSadiqfilament-canvas

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/muhammadkazimsadiq-filament-canvas/health.svg)

```
[![Health](https://phpackages.com/badges/muhammadkazimsadiq-filament-canvas/health.svg)](https://phpackages.com/packages/muhammadkazimsadiq-filament-canvas)
```

###  Alternatives

[a909m/filament-statefusion

Filament StateFusion is a powerful FilamentPHP plugin that seamlessly integrates Spatie Laravel Model States into the Filament admin panel. This package provides an intuitive way to manage model states, transitions, and filtering within Filament, enhancing the user experience and developer productivity.

3010.8k1](/packages/a909m-filament-statefusion)[inerba/filament-db-config

A Filament plugin for database-backed application settings and editable content, with caching and easy page generation.

329.1k](/packages/inerba-filament-db-config)[caresome/filament-neobrutalism-theme

A neobrutalism theme for FilamentPHP admin panels

303.2k](/packages/caresome-filament-neobrutalism-theme)[mradder/filament-logger

Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels.

141.1k](/packages/mradder-filament-logger)[resma/filament-awin-theme

A modern, responsive, and customizable theme for FilamentPHP, designed to elevate your admin panel with a sleek interface and seamless user experience.

1714.6k](/packages/resma-filament-awin-theme)[andreia/filament-ui-switcher

Add a modal with options to switch between different UI layouts and styles (colors, fonts, font sizes).

233.8k](/packages/andreia-filament-ui-switcher)

PHPackages © 2026

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