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(4mo ago)5178↓57.1%2MITPHPPHP ^8.2CI passing Since Mar 2Pushed 4mo 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 today 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 86% of packages Maintenance77 Regular maintenance activity Popularity18 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 124d ago Major Versions 1.0.0 → 5.x-dev2026-03-02 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/37351104?v=4)[Muhammad Kazim](/maintainers/MuhammadKazimSadiq)[@MuhammadKazimSadiq](https://github.com/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 [rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.6k](/packages/rawilk-profile-filament-plugin)[croustibat/filament-jobs-monitor Background Jobs monitoring like Horizon for all drivers for FilamentPHP 274326.6k8](/packages/croustibat-filament-jobs-monitor)[marcelweidum/filament-passkeys Use passkeys in your filamentphp app 6649.5k1](/packages/marcelweidum-filament-passkeys)[mradder/filament-logger Audit logging, activity tracking, exports, alerts, and dashboards for Filament admin panels. 2317.4k](/packages/mradder-filament-logger)[stephenjude/filament-jetstream A Laravel starter kit built with Filament inspired by Jetstream. 17760.2k3](/packages/stephenjude-filament-jetstream)[stephenjude/filament-two-factor-authentication Filament Two Factor Authentication: Google 2FA + Passkey Authentication 84215.9k9](/packages/stephenjude-filament-two-factor-authentication) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)