PHPackages saade/filament-autograph - 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. saade/filament-autograph ActiveLibrary[Utility & Helpers](/categories/utility) saade/filament-autograph ======================== A Filament package to manage signatures. v4.1.0(2mo ago)80195.0k—0.1%32[4 issues](https://github.com/saade/filament-autograph/issues)[6 PRs](https://github.com/saade/filament-autograph/pulls)MITPHPPHP ^8.1CI passing Since Aug 21Pushed 1mo ago2 watchersCompare [ Source](https://github.com/saade/filament-autograph)[ Packagist](https://packagist.org/packages/saade/filament-autograph)[ Docs](https://github.com/saade/filament-autograph)[ GitHub Sponsors](https://github.com/saade)[ RSS](/packages/saade-filament-autograph/feed)WikiDiscussions 4.x Synced 1mo ago READMEChangelog (10)Dependencies (14)Versions (17)Used By (0) Filament Autograph ================== [](#filament-autograph) [![Latest Version on Packagist](https://camo.githubusercontent.com/b70b98e822052624e38a0a1fb2e323a4ce2c4cf3f04c3c863013e7d9e763d598/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f73616164652f66696c616d656e742d6175746f67726170682e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/saade/filament-autograph)[![Total Downloads](https://camo.githubusercontent.com/15069f01eb05801f05287ef1de0d90598ac4e430923d91fb6d119c87a4e123fc/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f73616164652f66696c616d656e742d6175746f67726170682e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/saade/filament-autograph) [![Banner](https://raw.githubusercontent.com/saade/filament-autograph/3.x/art/cover.png)](https://raw.githubusercontent.com/saade/filament-autograph/3.x/art/cover.png) Installation ------------ [](#installation) #### 1. You can install the package via composer: [](#1-you-can-install-the-package-via-composer) ``` composer require saade/filament-autograph ``` #### 2. Setup the plugin styles: [](#2-setup-the-plugin-styles) 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/saade/filament-autograph/resources/views/**/*.blade.php'; ``` Usage ----- [](#usage) ``` use Saade\FilamentAutograph\Forms\Components\SignaturePad; SignaturePad::make('signature') ``` Configuration ------------- [](#configuration) ### SignaturePad options. [](#signaturepad-options) > For reference: [https://github.com/szimek/signature\_pad#options](https://github.com/szimek/signature_pad#options) ``` use Saade\FilamentAutograph\Forms\Components\SignaturePad; SignaturePad::make('signature') ->label(__('Sign here')) ->dotSize(2.0) ->lineMinWidth(0.5) ->lineMaxWidth(2.5) ->throttle(16) ->minDistance(5) ->velocityFilterWeight(0.7) ``` ### Customizing the pad background and pen color. [](#customizing-the-pad-background-and-pen-color) ``` use Saade\FilamentAutograph\Forms\Components\SignaturePad; SignaturePad::make('signature') ->backgroundColor('rgba(0,0,0,0)') // Background color on light mode ->backgroundColorOnDark('#f0a') // Background color on dark mode (defaults to backgroundColor) ->exportBackgroundColor('#f00') // Background color on export (defaults to backgroundColor) ->penColor('#000') // Pen color on light mode ->penColorOnDark('#fff') // Pen color on dark mode (defaults to penColor) ->exportPenColor('#0f0') // Pen color on export (defaults to penColor) ``` ### Allow download of the signature. [](#allow-download-of-the-signature) ``` use Saade\FilamentAutograph\Forms\Components\SignaturePad; use Saade\FilamentAutograph\Forms\Components\Enums\DownloadableFormat; SignaturePad::make('signature') ->filename('autograph') // Filename of the downloaded file (defaults to 'signature') ->downloadable() // Allow download of the signature (defaults to false) ->downloadableFormats([ // Available formats for download (defaults to all) DownloadableFormat::PNG, DownloadableFormat::JPG, DownloadableFormat::SVG, ]) ->downloadActionDropdownPlacement('center-end') // Dropdown placement of the download action (defaults to 'bottom-end') ``` ### Disabling clear, download, undo and done actions. [](#disabling-clear-download-undo-and-done-actions) ``` use Saade\FilamentAutograph\Forms\Components\SignaturePad; SignaturePad::make('signature') ->clearable(false) ->downloadable(false) ->undoable(false) ->confirmable(false) ``` ### Requiring confirmation (Done button). [](#requiring-confirmation-done-button) ``` SignaturePad::make('signature') ->confirmable() // Requires user to click on 'Done' (defaults to false) ``` ### Customizing actions [](#customizing-actions) ``` use Saade\FilamentAutograph\Forms\Components\SignaturePad; use Filament\Forms\Actions\Action; SignaturePad::make('signature') ->clearAction(fn (Action $action) => $action->button()) ->downloadAction(fn (Action $action) => $action->color('primary')) ->undoAction(fn (Action $action) => $action->icon('heroicon-o-ctrl-z')) ->doneAction(fn (Action $action) => $action->iconButton()->icon('heroicon-o-thumbs-up')) ``` 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](../../security/policy) on how to report security vulnerabilities. Credits ------- [](#credits) - [Saade](https://github.com/saade) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. [ ![Sponsor Saade](https://raw.githubusercontent.com/saade/filament-autograph/3.x/art/sponsor.png) ](https://github.com/sponsors/saade) ### Health Score 58 — FairBetter than 98% of packages Maintenance85 Actively maintained with recent releases Popularity51 Moderate usage in the ecosystem Community22 Small or concentrated contributor base Maturity60 Established project with proven stability Bus Factor1 Top contributor holds 53.6% 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 ~70 days Recently: every ~40 days Total 14 Last Release 89d ago Major Versions 3.x-dev → v4.0.02025-08-06 ### Community Maintainers ![](https://www.gravatar.com/avatar/a71deedec445b71a667043e26cdf835628920543cc54e4fba0d1cc592958e5a0?d=identicon)[saade](/maintainers/saade) --- Top Contributors [![saade](https://avatars.githubusercontent.com/u/14329460?v=4)](https://github.com/saade "saade (37 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (13 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (6 commits)")[![ralphjsmit](https://avatars.githubusercontent.com/u/59207045?v=4)](https://github.com/ralphjsmit "ralphjsmit (5 commits)")[![steffjenl](https://avatars.githubusercontent.com/u/2580852?v=4)](https://github.com/steffjenl "steffjenl (2 commits)")[![atmonshi](https://avatars.githubusercontent.com/u/1952412?v=4)](https://github.com/atmonshi "atmonshi (2 commits)")[![wout-o](https://avatars.githubusercontent.com/u/148221256?v=4)](https://github.com/wout-o "wout-o (1 commits)")[![nikspyratos](https://avatars.githubusercontent.com/u/17888779?v=4)](https://github.com/nikspyratos "nikspyratos (1 commits)")[![Tugzrida](https://avatars.githubusercontent.com/u/11975357?v=4)](https://github.com/Tugzrida "Tugzrida (1 commits)")[![andriikorposh](https://avatars.githubusercontent.com/u/83122036?v=4)](https://github.com/andriikorposh "andriikorposh (1 commits)") --- Tags autographfilamentform-builderlaravelsignaturesignaturepadlaravelsaadefilament-autograph ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/saade-filament-autograph/health.svg) ``` [![Health](https://phpackages.com/badges/saade-filament-autograph/health.svg)](https://phpackages.com/packages/saade-filament-autograph) ``` ### Alternatives [saade/filament-fullcalendar The Most Popular JavaScript Calendar integrated with Filament 💛 403695.8k](/packages/saade-filament-fullcalendar)[guava/calendar Adds support for vkurko/calendar to Filament PHP. 298241.0k3](/packages/guava-calendar)[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)[bezhansalleh/filament-google-analytics Google Analytics integration for FilamentPHP 205144.8k5](/packages/bezhansalleh-filament-google-analytics)[defstudio/filament-searchable-input A searchable autocomplete input for Filament forms 3212.4k](/packages/defstudio-filament-searchable-input)[jibaymcs/filament-tour Bring the power of DriverJs to your Filament panels and start a tour ! 12247.8k](/packages/jibaymcs-filament-tour) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)