PHPackages                             valentin-morice/filament-sketchpad - 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. valentin-morice/filament-sketchpad

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

valentin-morice/filament-sketchpad
==================================

A simple package that provides you with a sketchpad field in Filament

1.1.0(1y ago)174201MITBladePHP ^8.1

Since Aug 24Pushed 1y ago2 watchersCompare

[ Source](https://github.com/valentin-morice/filament-sketchpad)[ Packagist](https://packagist.org/packages/valentin-morice/filament-sketchpad)[ Docs](https://github.com/valentin-morice/filament-sketchpad)[ RSS](/packages/valentin-morice-filament-sketchpad/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (2)Dependencies (8)Versions (3)Used By (0)

filament-sketchpad
==================

[](#filament-sketchpad)

[![Screenshot from 2024-08-24 15-37-49](https://private-user-images.githubusercontent.com/100000204/361146958-28b0c2ab-b296-4e60-92d5-45f78c92894c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4OTMyMDEsIm5iZiI6MTc3NDg5MjkwMSwicGF0aCI6Ii8xMDAwMDAyMDQvMzYxMTQ2OTU4LTI4YjBjMmFiLWIyOTYtNGU2MC05MmQ1LTQ1Zjc4YzkyODk0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMzMFQxNzQ4MjFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03ZmI0YjdiMThiMjMwMzU0OTYxOWNhMWZhZGQ3NmZkMGFkMzBmZWVmMjQwZjAzM2YzNmVkMzFmYTkzYzM4NGM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.UmN3iiCi3JeMOyorn2k8ixIi0rLI-K_XVqssfi51TnM)](https://private-user-images.githubusercontent.com/100000204/361146958-28b0c2ab-b296-4e60-92d5-45f78c92894c.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzQ4OTMyMDEsIm5iZiI6MTc3NDg5MjkwMSwicGF0aCI6Ii8xMDAwMDAyMDQvMzYxMTQ2OTU4LTI4YjBjMmFiLWIyOTYtNGU2MC05MmQ1LTQ1Zjc4YzkyODk0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwMzMwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDMzMFQxNzQ4MjFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03ZmI0YjdiMThiMjMwMzU0OTYxOWNhMWZhZGQ3NmZkMGFkMzBmZWVmMjQwZjAzM2YzNmVkMzFmYTkzYzM4NGM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.UmN3iiCi3JeMOyorn2k8ixIi0rLI-K_XVqssfi51TnM)

A simple package that provides you with a sketchpad field in Filament

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

[](#installation)

You can install the package via composer:

```
composer require valentin-morice/filament-sketchpad
```

Usage
-----

[](#usage)

The filament-sketchpad plugin works as any other Filament Form Builder class. Make sure the column on which it is called is cast to JSON.

```
public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Sketchpad::make('example'),
            ]);
    }

// An infolist component is also available.
public static function infolist(Infolist $infolist): Form
    {
        return $form
            ->schema([
                SketchpadInfolist::make('example'),
            ]);
    }
```

### Set history configuration

[](#set-history-configuration)

```
// Provide full or partial configuration.
// Keys 'undo' and 'redo' are mandatory.

$config = [
    'undo' => [
         'label' => 'Undo',
         'icon' => 'heroicon-o-arrow-left',
         'color' => 'gray',
    ],
    'redo' => [
            'label' => 'Redo',
            'icon' => 'heroicon-o-arrow-right',
            'color' => 'gray',
    ],
];

FilamentSketchpad::make('example')->history(array |Closure $config);
```

### Set controls configuration

[](#set-controls-configuration)

```
// Provide full or partial configuration.
// Keys 'clear' and 'reset' are mandatory.

$config = [
    'clear' => [
            'label' => 'Clear',
            'icon' => 'heroicon-o-document',
            'color' => 'gray',
    ],
    'reset' => [
            'label' => 'Reset',
            'icon' => 'heroicon-o-trash',
            'color' => 'gray',
    ],
];

FilamentSketchpad::make('example')->controls(array |Closure $config);
```

### Set download configuration

[](#set-download-configuration)

```
// Provide full or partial configuration.
$config = [
            'label' => 'Download',
            'icon' => 'heroicon-m-arrow-down-tray',
            'color' => 'gray',
          ];

FilamentSketchpad::make('example')->download(array |Closure $config);
```

### Minimal mode

[](#minimal-mode)

Display only icons instead of buttons.

```
FilamentSketchpad::make('example')->minimal(bool|Closure $bool = true);
```

### Set the height

[](#set-the-height)

```
FilamentSketchpad::make('example')->height(int 400|Closure); // in px
```

NOTE: All standard injected utilities are available in your closures.

Thanks to  for the JS.

License
-------

[](#license)

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

###  Health Score

35

—

LowBetter than 80% of packages

Maintenance46

Moderate activity, may be stable

Popularity24

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity49

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 ~218 days

Total

2

Last Release

408d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/5b2f03a5a84b7c0e6c54756b6cfcb56ccf6e5a6359203185782f604eeeb08170?d=identicon)[valentin-morice](/maintainers/valentin-morice)

---

Top Contributors

[![valentin-morice](https://avatars.githubusercontent.com/u/100000204?v=4)](https://github.com/valentin-morice "valentin-morice (4 commits)")

---

Tags

laravelvalentin-moricefilament-sketchpad

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/valentin-morice-filament-sketchpad/health.svg)

```
[![Health](https://phpackages.com/badges/valentin-morice-filament-sketchpad/health.svg)](https://phpackages.com/packages/valentin-morice-filament-sketchpad)
```

###  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.

320392.1k17](/packages/codewithdennis-filament-select-tree)[valentin-morice/filament-json-column

A simple package to view and edit your JSON columns in Filament

59431.3k](/packages/valentin-morice-filament-json-column)[ralphjsmit/laravel-filament-components

A collection of reusable components for Filament.

10972.2k2](/packages/ralphjsmit-laravel-filament-components)[schmeits/filament-character-counter

This is a Filament character counter TextField and Textarea form field for Filament v4 and v5

33184.7k6](/packages/schmeits-filament-character-counter)[defstudio/filament-searchable-input

A searchable autocomplete input for Filament forms

3212.4k](/packages/defstudio-filament-searchable-input)[codebar-ag/laravel-filament-json-field

A Laravel Filament JSON Field integration with CodeMirror support

1124.1k](/packages/codebar-ag-laravel-filament-json-field)

PHPackages © 2026

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